آموزش ایجاد طراحی سایت ریسپانسیو

سرفصل ها و درس ها

شروع پروژه و ساخت گرافیک وب Beginning Your Project and Making Web Graphics

• معرفی دوره Course Introduction

• ابزار مورد نیاز این دوره Tools you need of this course

• مقدمه ای بر HTML و CSS Introduction to HTML and CSS

• ایجاد ریشه پروژه شما Creating your project root

• بررسی ترکیب طراحی Examining the design composition

• برش و بهینه سازی گرافیک بنر Slicing and optimizing the banner graphics

• بهینه سازی قالب و گرافیک محتوا Optimizing the template and content graphics

ایجاد HTML و CSS برای طرح بندی وب Creating HTML and CSS for Web Layout

• افزودن فایل های شروع به پروژه Adding the starter files to your project

• پیوند دادن فایل های CSS به یک فایل HTML Linking CSS files to an HTML file

• اضافه کردن برچسب به قسمت head فایل HTML Adding tags to the head area of the HTML file

• ایجاد کانتینرهای محتوای اصلی Creating the main content containers

• افزودن کانتینرهای تبلیغاتی و افزودن پیوندهای ناوبری Adding promo containers and adding navigation links

• افزودن محتوا به ظروف Adding content to the containers

• به پس‌زمینه و ظرف صفحه استایل بدهید Style the background and page container

• اضافه کردن سبک های تایپوگرافی Adding typographic styles

• ایجاد قوانین ترکیبی CSS Creating compound CSS rules

• ایجاد قوانین CSS برای چیدمان Creating CSS rules for layout

• تنظیم قوانین CSS برای کانتینرهای تبلیغاتی شناور Setting CSS rules to floating promo containers

کار با CSS Media Queries Working with CSS Media Queries

• افزودن یک قانون CSS در پرس و جوی رسانه ای CS3 درون خطی Adding a CSS rule within an inline CS3 media query

• افزودن قوانین CSS برای اندازه های صفحه نمایش متوسط Adding CSS rules for medium screen sizes

• افزودن قوانین CSS برای اندازه های کوچک صفحه نمایش Adding CSS rules for small screen sizes

• حالت دادن به ناوبری برای صفحه نمایش های کوچک Styling the navigation for small screens

شروع به کار (دوره اصلی) Getting Started (Original Course)

• معرفی Introduction

• فایل های پروژه را مرور کنید Review the Project Files

• فایل های پروژه Project Files

بهینه سازی گرافیک وب شما (دوره اصلی) Optimizing Your Web Graphics (Original Course)

• برش و بهینه سازی گرافیک Slicing and Optimizing Graphics

افزودن HTML برای ساختار و محتوا (دوره اصلی) Adding HTML for Structure and Content (Original Course)

• ایجاد کانتینرهای محتوا Creating Content Containers

• افزودن محتوای نمونه Adding Sample Content

ایجاد قوانین CSS برای همه صفحه ها (دوره اصلی) Creating CSS Rules for All Screens (Original Course)

• ایجاد فایل های CSS Creating CSS Files

• CSS برای استایل دادن به متن CSS for Styling Text

• CSS برای Layout CSS for Layout

ایجاد قوانین CSS برای صفحه نمایش موبایل (دوره اصلی) Creating CSS Rules for Mobile Screens (Original Course)

• CSS برای صفحات متوسط CSS for Medium Screens

• CSS برای نمایشگرهای کوچک CSS for Small Screens