آموزش مقدمه ای برای ایجاد چیدمان وب سایت

مقدمه و بررسی اجمالی پروژه Introduction and Project Overview

• مقدمه و بررسی اجمالی پروژه Introduction and Project Overview

مقدمه ای برای ایجاد چیدمان وب سایت در HTML و CSS Introduction to Building Website Layouts in HTML and CSS

• تجزیه و تحلیل طرح بندی ها Analyzing Layouts

• تجزیه و تحلیل الگوهای UI Analyzing UI Patterns

• طرح وب سایت و تجزیه و تحلیل الگوها Website Plan and Analyzing Patterns

• ماهیت سیال وب The Fluid Nature of the Web

• پیشرفت و سلسله مراتب مترقی Progressive Enhancement and Hierarchy

• عناصر تقسیم بندی HTML5 HTML5 Sectioning Elements

• با استفاده از عناصر تقسیم بندی HTML5 Using HTML5 Sectioning Elements

• عناصر تقسیم بندی HTML5 ادامه دارد HTML5 Sectioning Elements Continued

• پیمایش ساختمان Building Navigation

• افزودن تصاویر Adding Images

• افزودن قلم های خارجی Adding External Fonts

• بازنشانی های CSS CSS Resets

• مقیاس های تایپوگرافی و ریتم عمودی Typographic Scales and Vertical Rhythm

• سبک های جهانی Global Styles

• پیوندها Links

• درک آبشار: ترتیب منبع Understanding the Cascade: Source Order

• درک آبشار: اهمیت Understanding the Cascade: Importance

• درک آبشار: وراثت Understanding the Cascade: Inheritance

• کلاسها و شناسه ها Classes and IDs

• درک آبشار: ویژگی Understanding the Cascade: Specificity

• درک کلاسها و شناسه ها Understanding Classes and IDs

• افزودن صفحه بسته بندی Adding a Page Wrapper

• سبک های جهانی آرم Global Logo Styles

• سبک کردن پیمایش Styling the Navigation

• پیمایش ادامه دارد Navigation Continued

• سبک های صفحه اصلی Home Page Styles

• سبک کردن بخشهای ویژه Styling Featured Sections

• یک ظاهر طراحی دکمه ها Styling the Buttons

• سبک دادن به صفحه منو Styling the Menu Page

• یک ظاهر طراحی صفحه و مکان Styling the Location and Hours Page

• داستان های رسانه Media Queries

• ایجاد پیمایش پاسخگو Creating Responsive Navigation

• یک ظاهر طراحی متن و نوع پاسخگو Styling Landing Text and Responsive Type

• س Quالات رسانه برای بخشهای ویژه Media Queries for Featured Sections

• س Quالات رسانه برای بخشهای ویژه ادامه دارد Media Queries for Featured Sections Continued

• یک ظاهر طراحی شده در گالری Styling the Gallery

• ایجاد نوار کناری Creating a Sidebar

• تست: اعتبار سنجی ، کنتراست و مرورگر متقابل Testing: Validation, Contrast, and Cross-browser

• یادداشت های نهایی در مورد معماری CSS Final Notes on CSS Architecture