layout
یکی از عوامل مهم برای یک وبسایت خوب که می تواند بیننده را تحت تاثیر خود قرار دهد، داشتن یک قالب زیبا می باشد.
همانطور که می دانید قسمت عمده ای از طراحی قالب یک وبسایت اینترنتی
توسط نرم افزار فتوشاپ انجام می شود.
به همین منظور تصمیم گرفتم که دو کتاب الکترونیکی و یک سی دی آموزشی را به علاقه مندان معرفی کنم.
روش اصولی برای طراحی یک سایت به صورت زیر است :

1- طراحی در فتوشاپ

ابتدا باید ظاهر سایت به کمک photoshop طراحی و سپس به کمک ابزار Slice در Image Ready جدول بندی شود
نکته :
توسط خود Image ready نیز می توان خروجی html گرفت اما بهتر است بعد از اینکه اندازه هر جدول مشخص شد
به صورت دستی کدهای سایت نوشته شود زیرا برنامه Image ready کدهای اضافی تولید می کند
و ممکن است در همه مرور گر ها به درستی نمایش داده نشود


فقط به این خاطر از این نرم افزار استفاده می کنیم که اندازه هر جدول قالب را با ابزار Sliceبدست آوریم

2- کد نویسی قالب سایت به کمک زبان HTML و CSS


3- داینامیک کردن صفحات

مراحل فوق برای سایت استاتیک کافی است اما اگر سایت به صورت داینامیک باشد می توان به کمک php یا asp و… برای آن کد نوشت
البته روش های مختلف دیگری هم هست مثلا استفاده از برنامه های آماده مانند :
Dreamweaver یا Front page
که برای نوشتن سایتهای بزرگ و استاندارد توصیه نمی شود چون برنامه نویس سایت باید با تک تک اجزار
کد سایت آشنا باشد برنامه های فوق بیشتر برای کمک به برنامه نویس ایجاد شده اند تا کد ها ی سایت را بهتر دسته بندی کند

معرفی و دانلود کتاب ها :

1- web design techniques 101
این کتاب طراحی قالب ها را با نرم افزار فتوشاپ آموزش داده است و حاوی 295 صفحه می باشد که ساخت اجزای صفحات را در 9 فصل مختلف مطرح کرده است.
همچنین به دلیل اینکه در فصل های ابتدایی، مقدمات فتوشاپ آموزش داده شده است، افرادی که با فتوشاپ آشنایی زیادی ندارند هم می توانند از آن استفاده نمایند.

لینک دانلود

2-How to Creat Website in photoshop Step By Step
لینک دانلود


لینک کمکی


معرفی و دانلود فیلم های آموزشی :

1- Kelby Training – Building a Website with Photoshop CS4 and Dreamweaver CS4
از اسمش معلومه نیاز به توضیح نیست

لینک دانلود

2- آموزش Photoshop CS3 for the Web Essential Training Lynda

از اینجا دانلود کنید

دسته بندی‌ها: طراحی وب,همه مطالب

برچسب‌ها :

دیدگاه کاربران

  1. مهسا می‌گه:

    همه لینک ها بسته هستن لطفا بررسی کید

دیدگاه خود را بنوبسید