نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره:
در این آموزش می آموزیم که چگونه از CSS برای ایجاد یک وب سایت متوسل از ابتدا استفاده کنید. نرم افزار مورد نیاز: Adobe Edge Code ، مرورگر Google Chrome. در این آموزش می آموزیم که چگونه از CSS برای استایل دهی به یک وب سایت متوسل از ابتدا استفاده کنید. ما از ویژگی های CSS استفاده خواهیم کرد که به ما امکان می دهد مانند قلم مورد استفاده سایت خود تغییراتی ایجاد کنیم ، یک تصویر پس زمینه کامل اضافه کنیم ، یک صفحه وب را در پنجره مرورگر قرار دهیم و از انتخاب کنندگان شبه برای سبک سازی محتوای تعاملی مانند پیوندها و فرم ها استفاده کنیم. ما یاد خواهیم گرفت که چگونه فضای بین عناصر را با حاشیه و بالشتک تنظیم کنیم ، و اینکه چگونه مدل جعبه به ما کمک می کند تا درک کنیم حاشیه ها ، لایه ها و حاشیه ها بر عرض و ارتفاع یک عنصر چه تاثیری دارند. ما همچنین در مورد مفاهیم مهمی مانند درک مرورگر و نحوه استفاده از سبک ها و قلم های پیش فرض و بهترین روش ها مانند استفاده از پشته قلم و قلم های ایمن وب بحث خواهیم کرد. برای یک منبع یادگیری اضافی ، فایلهای تمرینی حاوی PDF Key Reference Reference Guide هستند تا بتوانید با اصطلاحات مهم طراحی وب راحت باشید. نرم افزار مورد نیاز: Adobe Edge Code ، مرورگر Google Chrome.
سرفصل ها و درس ها
مقدمه و بررسی اجمالی پروژه
Introduction and Project Overview
-
مقدمه و بررسی اجمالی پروژه
Introduction and Project Overview
مقدمه ای بر CSS
Introduction to CSS
-
راه اندازی CSS ما
Setting Up Our CSS
-
تغییر اندازه متن
Changing the Size of Text
-
تغییر قلم
Changing the Font
-
درک قلم ها برای وب
Understanding Fonts for the Web
-
ایجاد یک پشته قلم
Creating a Font Stack
-
فراتر از قلم های ایمن وب: استفاده از قلم های میزبان خارجی
Beyond Web Safe Fonts: Using Externally Hosted Fonts
-
تغییر وزن قلم و استفاده از تبدیل متن
Changing the Font Weight and Using Text Transform
-
استفاده از انتخابگرهای شبه برای پیوند دادن به حالتهای پیوند
Using Pseudo Selectors to Style Link States
-
حاشیه و پدینگ
Margins and Padding
-
مدل جعبه
The Box Model
-
مدل جعبه در عمل
The Box Model in Action
-
مرکز دادن صفحات وب در پنجره مرورگر
Centering Web Pages in the Browser Window
-
جداول یک ظاهر طراحی شده
Styling Tables
-
فرم های یک ظاهر طراحی شده
Styling Forms
-
افزودن تصویر پس زمینه تمام صفحه
Adding a Full Screen Background Image
نمایش نظرات