ایجاد یک طراحی وب سایت واکنش گرا

مدرس Chris Converse

انتشار 2015/11/09

مدت زمان 3h 47m

سطح مبتدی

فایل تمرینی دارد

آموزش Creating a Responsive Web Design

نحوه استفاده از طراحی وب ریسپانسیو برای خوانایی و کارآمدتر کردن سایت خود را در هر دستگاهی کشف کنید. کریس کانورس تکنیک های تخصصی خود را برای ترکیب HTML و CSS در یک طرح بندی وب به اشتراک می گذارد که می تواند با اندازه ها و جهت گیری های مختلف صفحه نمایش سازگار شود. این دوره سایت را از ابتدا تا انتها، از تنظیم صفحه HTML و کانتینرها گرفته تا سبک سازی عناصر ثابت برای صفحه نمایش های کوچک، متوسط و بزرگ می برد. در طول مسیر، کریس نشان می‌دهد که چگونه می‌توان نوار ناوبری را برای مشاهده بهتر در دستگاه‌های تلفن همراه تغییر موقعیت داد، انتقال‌های متحرک ایجاد کرد و فهرست‌های گلوله‌ای را به منوهای تعاملی با پشتیبانی کامل لمسی تبدیل کرد. به علاوه، نحوه استفاده از شبه عناصر CSS و تطبیق طرح‌بندی‌ها برای چاپ برای صرفه‌جویی در جوهر و کاغذ را بیاموزید.rnrn آنها را دانلود کنید و همین امروز شروع به ایجاد وب سایت های واکنش گرا کنید.

Cascading Style Sheets (CSS) Front-end Development Responsive Web Design

Introduction

Introduction to this course ()

About this course ()

Terms and technology we'll be covering ()

What you'll need to complete this course ()

About the exercise files ()

1. Preparing the HTML Content and Structure

Setting up our project ()

The strategy for our layout ()

Creating the main HTML containers ()

Adding content into the header ()

Adding content to the main section ()

Adding content to the atmosphere section ()

Adding content to the how-to section ()

Adding the navigation ()

Adding the footer content ()

2. Creating the Style and Layout with CSS

Importing a Google Font ()

Defining the basic text styles ()

Styling the heading and page container ()

Styling the logo and hero item ()

Creating the button style ()

Setting up a three-column row ()

Adding graphics to the main section ()

Clearing floats with pseudo-elements ()

Styling the atmosphere section ()

Styling the how-to section aside elements ()

Styling the how-to section blockquote element ()

Adding content with pseudo-elements ()

Styling the footer ()

3. Creating a Menu System with CSS

Repositioning the nav ()

Styling the nav list items and links ()

Showing and hiding the nav submenus ()

Device compatibility options for nav ()

Adding indication arrows ()

4. Making Layout Adjustments for Large and Medium Screens

Making minor adjustments for larger screens ()

Making adjustments for large screens ()

Making adjustments for medium screens ()

5. Making Adjustments for Small Screens

Moving the navigation for smaller screens ()

Adjusting to the logo and hero elements ()

Rearranging the main and atmosphere sections ()

Rearranging the how-to section ()

Rearranging the navigation ()

Adjusting the spacing of the navigation and footer ()

6. Making Adjustments for the Smallest Screens

Adjustments for the header and hero ()

Adjusting the how-to section ()

Adjusting the footer ()

7. Making Layout and Content Adjustments for Print

Strategy for printing ()

Linking a CSS file for print ()

Setting up the base styles ()

Setting up the header ()

Displaying URLS when printing ()

Main section ()

Atmosphere section ()

Switching our img tags with CSS ()

Styling the footer ()

Setting page breaks with CSS ()

Conclusion

What's next? ()

Ex_Files_Creating_Resp_WebDesign.zip (379 KB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.