قدم ششم:
حالا وقت آن است كه كانتينر را شروع كنيم. كانتينر لايه اي است كه همه محتواي صفحه وب ما در آن قرار خواهد گرفت. يك لايه جديد با همين نام ايجاد كنيد. ابزار مستطيل لبه گرد (Rounded Rectangle Tool )را انتخاب كنيد. ( با shortcut U ) مقدار شعاع را از منوي بالا هر مقدار كه مايليد مي توانيد اختيار كنيد. هر چه عدد بالاتر باشد قوس بيشتري خواهيد داشت من Radius را برابر 15 انتخاب ميكنم. هر رنگي را كه مايليد صفحه وب شما داشته باشد را انتخاب كنيد. من رنگ سفيد تيره را انتخاب كرده ام. سپس از بيروني ترين خطوط راهنما شروع به ترسيم مستطيل بكنيد. اگر شما همه مراحل قبل را درست انجام داده باشيد به طور اتوماتيك اين مستطيل به خطوط راهنما خواهد چسبيد (snap) مي توانيد از بافتها و فيلترهاي مختلفي روي كار استفاده كنيد تا شكل جالبتري داشته باشيد. اين آموزش به نحوه ساختن اين فيلترها نخواهد پرداخت.( من از فيلتر rough Pastels استفاده كردم با كمي افكت)
من چيزي شبيه به شكل زير تهيه كرده ام.

قدم هفتم:
حال قسمت Header سايت را آماده ميكنيم. يك لايه جديد با همين نام ايجاد كنيد. ابزار مستطيل لبه گرد را دوباره انتخاب كنيد. اين بار شعاع 7 را انتخاب كرده ام. مانند شكل يك مستطيل مي كشيم و  افكت inner shadow  با مقدار Distance صفر و opicity پايين را به آن ميدهيم فعلا چون رنگ آن مشكي است اين تغييرات شايد ديده نشود. ولي فعلا مهم نيست. رنگ بعدا تغيير ميكند.بايد شكلي شبيه به زير داشته باشيد

مرحله هشتم:
حالا از اين لايه يك كپي تهيه كنيد. سپس با گرفتن كليد Alt و كليك بين دو لايه ( لايه اصلي و لايه كپي شده )‌ يك clipping mask اضافه كنيد. سپس آن را رنگ كنيد . من يك رنگ آبي تيره انتخاب كردم و سپس افكت گراديانت به آن دادم همانطور كه در لايه بكرگراند همچنين كاري را انجام داديد. نتيجه كار چيزي شبيه به شكل زير بايد ساخته باشيد:

قدم نهم:
حالا شما بايد عكسي كه به عنوان نماد كار شما است رو انتخاب كنيد. البته اين عكس نبايد لوگو شما باشه. اگر در زمينه هوستينگ كار مكينيد عكس يك سرور اگر در زمينه وب كار مكيند يه طرح از وب و يا اگر فروشنده چيزي هستيد عكسي از محصولات خودتون مي تونه گزينه مناسبي باشه. من سرستون تخت جمشيد رو انتخاب كردم ( فقط براي قشنگي). اين لايه جديد را بالاي لايه مرحله قبل بگذاريد و آن را به لايه قبلي clip كنيد. (گرفتن alt و كليك بين دو لايه)
بهتره اينجا كار اين clip masking  رو هم توضيح بدم. اگر لايه بالايي شما بزرگتر از لايه زيري باشه لايه جديد در اندازه لايه زيري محدود ميشه. براي اينكه بهتر درك كنيد يه لايه كه عرضش از header شما بزرگتره انتخاب كنيد و سپس اونو clip  كنيد تا منظورمه كامل بفهمين.
بايد حالا چيزي شبيه به شكل زير داشته باشيد:

قدم دهم:
حالا وقت آن رسيده تا لوگو سايت خود و اسم آن را درج كنيد. (تغييراتي جزيي در اين مرحله كار داده شد تا سايت ساخته شده راست به چپ باشد. از جمله تغيير در محل لوگو يا خطوط راهنما. سوالي بود در قسمت يادداشتها بپرسيد)
ضمنا عكس كليه مراحل زير در انتها يكجا آورده شده است.

قدم يازدهم:
حالا نوبت به تهيه منو هاست. يك لايه جديد با اين نام تشكيل دهيد. ابزار مستطيل لبه گرد را انتخاب كنيدو بين خطوط راهنما محل منوها را بكشيد. استايلهايي را كه براي header استفاده كرديد مي توانيد براي منوها هم استفاده كنيد.( ابتدا روي لايه كليك راست كنيد گزينه copy style را انتخاب و سپس روي لايه جديد گزينه paste style را انتخاب كنيد)
حالا منوهايي را كه مي خواهيد در سايت داشته باشيد را تايپ كنيد از هر فونتي كه مايل باشيد مي توانيد استفاده كنيد.

قدم دوازدهم:
حالا نوبت به بدنه اصلي سايت رسيده است. لايه جديد به نام body ايجاد كنيد. و بين خطوط راهنما با ابزار مستطيل لبه گرد آن را بكشيد . بهتر است از رنگ سفيد استفاده كنيد تا متون اصلي سايت كه به رنگ مشكي خواهند بود قابل خواندن باشند. بهتر خواهد بود كه از افكت inner & drop shadow هم استفاده كنيد.