WFruit | Fruit Supplier and Wholesale
نمایش نتایج: از 1 به 3 از 3

موضوع: آموزش طراحی سایت (قسمت دوم)

  1. Top | #1
    کاربر سایت

    تاریخ عضویت
    Jul 2015
    ورژن ویبولتین
    1
    نوشته ها
    20
    مورد پسند
    9 بار
    اطلاعات
    Windows 7/Server 2008 R2 Chrome 44.0.2403.107
    میزان امتیاز
    0

    Post آموزش طراحی سایت (قسمت دوم)

    در این جلسه، اقدامات اولیه ای که برای طراحی سایت نیازه انجام بدین رو خواهیم گفت، و همچنین کارهای روتینی که در هر جلسه انجام خواهیم داد، پس حتما این آموزش رو با دقت بخونید :
    1. پوشه بندی
    قبل از شروع طراحی قالب ابتدا اون قالب رو باید پوشه بندی کنیم،
    پس مراحل زیر رو دنبال کنید :
    ابتدا یک پوشه با نام قالبتون ایجاد کنید، که در این آموزش من نام قالب رو mytheme قرار میدم.
    پوشه های زیر رو هم در داخل پوشه mytheme ایجاد کنید :
    images : پوشه ای که در آن تصاویر استفاده شده در قالب قرار گرفته میشه.
    css : فایل های css و استایل قالب در این پوشه قرار داده میشه
    js : فایل های جاوااسکریپت در این پوشه قرار داده میشه
    2. ایجاد فایل های اصلی قالب
    هر قالب حداقل دارای دو فایل اصلی است که باید اون ها رو ایجاد کنیم :
    index.html : کدهای html ما، که کدهای صفحه اصلی هست در این فایل قرار میگیره
    style.css : استایل قالب ما، در این فایل قرار میگیره، این فایل رو در داخل پوشه css ایجاد کنید
    پس از ایجاد فایل ها و پوشه ها باید نتیجه ای همانند تصویر زیر داشته باشید :

    نکته : هنگام ایجاد فایل index.html حتما unicode آن را بر روی utf-8 قرار دهید
    نرم افزار فتوشاپ


    ما با استفاده از نرم افزار فتوشاپ گرافیک قالب رو طراحی خواهیم کرد
    پس ابتدا برای اینکه نرم افزار فتوشاپ شما با نرم افزار من هماهنگ باشد، پس از باز کردن فتوشاپ مراحل زیر رو انجام دهید :
    1. دکمه D رو فشار بدین تا رنگ ها به حالت پیشفرض برگرده
    2. طبق تصویر تنظیمات همه ابزارها رو به پیشفرض برگردونید :
    3. از منوی edit گزینه preferences و سپس units & rulers رو انتخاب و تنظیمات رو مانند تصویر زیر تغییر دهید

    4. حال برای نمایش خط کش از منوی view گزینه rulers رو انتخاب میکنیم.
    5. از منوی file گزینه new رو انتخاب کنید و یک فایل جدید با عرض 1100 پیکسل، ارتفاع 1300 پیکسل و رزولوشن 72 ایجاد کنید.
    6. فایل psd رو در کنار فایل index.html ذخیره کنید تا همیشه در دسترس باشد.
    بسیار خب آموزش این جلسه به پایان رسید، در جلسه بعدی قالبمان را در فتوشاپ طراحی خواهیم کرد.

    < جلسه بعد .................. جلسه قبل >
    ویرایش توسط mamerz : 2015/08/03 در ساعت 09:59 PM

    کاربر مقابل از mamerz بابت این پست مفید تشکر کرده است:





  2. گیفت کارت آیتونز

  3. Top | #2
    کاربر سایت

    تاریخ عضویت
    Jul 2015
    ورژن ویبولتین
    5
    سن
    23
    نوشته ها
    144
    مورد پسند
    20 بار
    اطلاعات
    Windows 7/Server 2008 R2 Chrome 44.0.2403.125
    میزان امتیاز
    19

    پیش فرض

    میشه لینک قسمت اول رو بدید
    سلام
    خیلی خوشحالم اینجام
    دوستون دارم
    اومدم اینجا که کار با ویبولتین و یاد بگیرم
    قربان شما
    امید اکبر پناهی مقدم

  4. Top | #3
    کاربر سایت

    تاریخ عضویت
    Jul 2015
    ورژن ویبولتین
    1
    نوشته ها
    20
    مورد پسند
    9 بار
    اطلاعات
    Windows 7/Server 2008 R2 Chrome 44.0.2403.107
    میزان امتیاز
    0

    پیش فرض

    نقل قول نوشته اصلی توسط SaeedSKH نمایش پست ها
    میشه لینک قسمت اول رو بدید
    لینک در پایان مطلب با عنوان "جلسه قبل" درج شده است

    کاربر مقابل از mamerz بابت این پست مفید تشکر کرده است:


اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. پاسخ: 185
    آخرين نوشته: 2018/06/12, 11:23 PM
  2. پاسخ: 0
    آخرين نوشته: 2014/10/16, 11:02 AM
  3. آموزش ثبت url های سایت به صورت روزانه در بینگ
    توسط MR.Shadow در انجمن آموزش ( غیر از ویبولتین )
    پاسخ: 1
    آخرين نوشته: 2014/07/11, 06:32 PM
  4. پاسخ: 0
    آخرين نوشته: 2012/08/01, 02:24 AM

کلمات کلیدی این موضوع

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •