آموزش مقدمه ای بر CSS برای طراحان

Introduction to CSS for Designers

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره: در این آموزش می آموزیم که چگونه از 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

نمایش نظرات

آموزش مقدمه ای بر CSS برای طراحان
جزییات دوره
1h 48m
16
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
262
4.6 از 5
دارد
دارد
دارد
Susan Simkins
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Susan Simkins Susan Simkins

سوزان یک مدرس طراحی وب برای Pluralsight است. سوزان که بزرگ شد ، هم یک هنرمند پرشور و هم یک علاقه مند به فن آوری رایانه بود. هنگامی که او دنیای توسعه وب را کشف کرد ، متوجه شد که می تواند این دو علاقه را با هم در یک چیز شگفت انگیز ادغام کند. اندکی پس از آن ، سوزان خود را وقف ساخت محتوای وب زیبا و کاربردی برای مشاغل و سازمان های غیرانتفاعی کرد. از طریق این تجربیات بود که سوزان تسلط به زبانهای برنامه نویسی وب را پیدا کرد. از آن زمان ، سوزان تمایل به آموختن رمز و راز توسعه وب به دیگران را پیدا کرد. او از طریق کار خود در Pluralsight قصد دارد یک کتابخانه عمیق و گسترده از آموزش توسعه وب ایجاد کند. اگر به تازگی کار خود را با توسعه آغاز کرده اید یا از قبل با زبانهای ضروری محاسبات راحت هستید ، اجازه دهید سوزان ذهن شما را به آنچه در دنیای توسعه وب امکان پذیر است آزاد کند. برو جلو ، قرص قرمز بخور و ببین سوراخ خرگوش چقدر عمیق است.