تا به حال 8 قالب وب سایت را از صفر تا 100 برای شما بازدید کننده محترم طراحی کرده ام . امروز نوبت میرسه به طراحی قالب نهم با نام Transportation که یک قالب زیبا و مناسب برای آژانس های مسافرتی می باشد .دقت داشته باشید که سطح آموزشهای طراحی قالب متوسط به پیشرفته می باشد ، به همین دلیل از اشاره به جزئیاتی که در سطح مقدماتی بوده خود داری کرده ام .

آموزش مرتبط : ایجاد جدول در DreamWeaver CS5
فتوشاپ را اجرا کنید .
1. یک صفحه به ابعاد 1400×1100 با رزولیشن 72 ایجاد کنید .

2. ابزار خط کش را با فشردن کلیدهای Ctrl+R فعال کنید و از هر طرف کادر به طرف داخل یک خط عمودی با فاصله 100 پیکسل بکشید . بدنه سایت 900 پیکسل می باشد .برای کشیدن خط از طریق منوی view هم می توانید اینکار را انجام بدهید .

3. از بالای صفحه به ارتفاع 100 پیکسل به طرف پایین یک خط ترسیم میکنم .

4. در مرحله بعدی ابزار Rectangle Tool را انتخاب کرده و یک کادر هم اندازه بالای صفحه (100 پیکسل) میکشم . بعد از ترسیم کادر روی لایه آن دابل کلیک کرده و تنظیمات پیش فرض را تغییر میدهم.

5. لایه اصلی را انتخاب کرده و درصد رنگی پس زمینه که سفید می باشد را با درصد رنگی e3dfdc تغییر میدهم .

6. در مرحله بعدی یک سری لینک به همراه یک متن که به عنوان لوگو استفاده می شود را در بالای صفحه تایپ میکنم .
درصد رنگی لینک : e3f1ff | درصد رنگی متن زیر لینک : 95ccff | درصد رنگی لوگو : f2f8fe
روی لایه لوگو دابل کلیک کرده و تنظیمات گزینه Strok را تغییر میدهم .

7. در مرحله بعدی یک تصویر را انتخاب کرده و بالای صفحه قرار میدهم .

8. در مرحله بعدی یک سری متن همراه با یک سری مشخصات روبروی تصویر تایپ میکنم
درصد رنگ عنوان : 87847c | درصد رنگ عنوان دوم : 2b618d | درصد رنگ متن زیر عنوان نوشته : 87847c

9 . در این مرحله با ابزار Rounded Rectangle Tool یک کادر همانند تصویر زیر میکشم .

10. با ابزار Line Tool یک خط بالای کادر کشیده شده ایجاد میکنم. درصد رنگی خط کشیده شده برابر است با f5f4f4

11. در مرحله بعدی یک کادر با ابزار rectangle Tool با درصد رنگی a8a39d برای کادر فوتر میکشم .

12. یک کادر دیگه با ابزار Rounded Rectangle Tool با درصد رنگی پس زمینه میکشم .

13.در مرحله آخر هم یک سری متن در قسمت فوتر + چند لینک با درصد رنگی مشخص شده تایپ میکنم .