نمایش ویدئوآموزش CSS - قسمت اول

CSS را حرفه ای بیاموزید

طراحی حرفه ای صفحات وب اززبان Christina Truong (مربی بین المللی توسعه دهی وب)

موضوعات این دوره

• ایجاد فایل CSS
• نوشتن سلکتورهای اساسی
• تنظیم صفات(ویژگی ها)
• استفاده از فونت های امن در وب، و طرح حروف متفاوت
• درک cascading  و inheritance
• تنظیم فونت family، اندازه سایز، رنگ متن، و ...
• درک مدل box با استفاده از ویژگی float

Css  چیست؟

اگر به طراحی سایت و مسائل مربوط به آن علاقه داشته باشید، حتما پیش از این نام CSS به گوشتان خورده است. اما واقعا CSS چیست و چه کاربردی دارد؟

عبارت CSS که در همه جای طراحی سایت کاربرد دارد، مختصر شده از عبارت سه کلمه‌ای Cascading  Style Sheets  به معنی «برگه‌های سبک آبشار» یا «برگه‌های آبشاری» است. شاید شما هم با خودتان فکر کنید چرا آبشاری؟ چرا باید روی یکی از مهمترین عناصر تشکیل دهنده طراحی وب سایت چنین اسمی گذاشته شود؟

آبشاری بودن برگه‌های CSS به این معنی است که استایل، کلاس یا هر چیزی که به یک برگه CSS داده شود، روی عناصر فرزند  (Child) این برگه‌ها هم تاثیرگذار خواهد بود. به عنوان مثال اگر شما رنگ متن را در یک برگه CSS قرمز تعیین کنید، این به معنای قرمز بودن تمام سرنویس‌ها (هِدینگ) و پاراگراف‌های متنی است که قرار است در این برگه CSS نوشته شود.

مزایای CSS بصورت خلاصه

• صرفه جویی در وقت
• تغیییرات مجدد تگ های HTML بسیار راحت میشه
• طراحی صفحه بدون نیاز به تگ های قالب بندی HTML 
• طراحی صفحات دینامیک به کمک  javascript 
• و ...    

اطلاعات دوره

CSS یک زبان نگارشی است که به شما امکان می دهد ظاهر صفحات وب را کنترل کنید. در این دوره متوالی (اولین بخش از سری های فعلی)، Christina Truong  مفاهیمی را شرح می دهد که تشکیل دهنده یِ پایه CSS  است، و توضیح می دهد که چگونه از این زبان برای افزودن رنگ ها و سایر اِلِمان های طراحی استفاده کنید تا متن سیاه روی بک گراند سفید قرار گیرد. موضوعات مورد بحث او عبارتند از: انتخاب محتوا، نحوه مدل BOX، از فضا و اندازه المان های صفحه، شیوه نگارش متن، مدیریت طرح بندی های اساسی، ابزارهای مورد نیاز برای کار با CSS، نحوه استفاده از سِلِکتورها برای هدفگذاری المان ها، و دستورالعمل هایی برای طرح بندی صفحات float. همچنین در پایان دوره، شما با یک پروژه واقعی( یک صفحه رزومه آنلاین) روبرو می شوید.