آموزش ایجاد چیدمان HTML5 با استفاده از فتوشاپ

با استفاده از ابزار برش فتوشاپ Using the Photoshop Slice Tool

• مقدمه Introduction

• فرضیات Assumptions

• نرم افزار Software

• نگاه اول به ابزار برش A first look at the slice tool

• یک روش بهتر برای تقسیم برش ها A better way of dividing slices

• پیوستن مجدد به برشهای ناخواسته Re-joining unwanted slices

• تنظیم گزینه های برش Setting slice options

• ایجاد خروجی Creating the output

• نگاهی گذرا به خروجی تولید شده A quick look at the output produced

• خلاصه Summary

کار با طرح بندی HTML5 Working with HTML5 Layout

• مقدمه Introduction

• به یاد آنچه تولید شده است Remembering what got produced

• HTML5 چیست What is HTML5

• مقدمه ای در معناشناسی Intro to semantics

• برچسب های جدید HTML5 The new HTML5 tags

• ساختار سند HTML5 HTML5 Document Structure

• تغییرات CSS3 CSS3 Changes

• تحلیل سند تولید شده توسط فتوشاپ Analizing the document produced by Photoshop

• مرتب کردن HTML (دور 1) Tidying the HTML (round 1)

• مرتب کردن HTML (دور 2) Tidying the HTML (round 2)

• Refactoring CSS Refactoring the CSS

• انتخاب کنندگان کودک N Nth Child Selectors

• ادامه با مرتب سازی CSS Continuing with the CSS tidying

• رفع محتوا و محتوا برای متن اصلی Fixing up the parent container and text area

• مرور آنچه ما فقط انجام داده ایم Reviewing what we just did

• خلاصه Summary