آموزش CSS سریع و پروژه محور __ طراحی سایت با CSS در 60 دقیقه

چگونه فرانت اند کار شویم ؟ مسیر یاد گیری فرانت اند چیست ؟ امروزه بسیاری از شرکت ها به دنبال توسعه دهنده های فرانت اند هستند. برای تبدیل شدن به یک برنامه نویس فرانت اند باید مواردی را گام به گام یاد بگیریم. اولین گام با یادگیری html شروع می‌شود. ما در آموزش سریع html5 به صورت پروژه محور سعی کردیم تا در طول یک ساعت آموزش، یک ورود خیلی سریع اما اصولی را به دنیای html داشته باشیم. CSS چیست ؟  بعد از یادگیری HTML دومین گام یادگیری، آموزش CSS است. ما در این آموزش پروژه محور css سعی کردیم همانند آموزش HTML یک ورود خیلی سریع و اصولی را به دنیای CSS داشته باشیم. آموزش سی اس اس، خیلی سریع و در مدت 60 دقیقه می‌باشد.

CSS چیست ؟

CSS مخفف Cascading Style Sheets یک زبان برای ساخت شیوه نامه است. از CSS برای توصیف نمایش یک سند (که به یکی از زبان ها نشانه گذاری مثل HTML نوشته شده است ) استفاده می‌شود.

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

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

پیش از این آموزش طراحی وبسایت انیمیشن دار با زبان HTML و CSS در هم‌رویش منتشر شده است. برای دیدن فیلم معرفی این دوره و جزئیات بیشتر بر روی لینک زیر کلیک کنید:

آموزش ساخت وبسایت انیمیشن دار با html و css

این اموزش در یک نگاه:

در ابتدای این آموزش با توضیح اینکه CSS چیست شروع می‌کنیم. سپس در قسمت اول، مباحث نظری CSS را می‌آموزیم. ما به واسطه پروژه ای که حاصل آموزش سریع و پروژه محور HTML بود، بدون اتلاف وقت دست به عمل می‌زنیم و اولین قسمت سایت یعنی header سایت را استایل دهی می‌کنیم.

بعد از آن به سراغ navigation bar می‌رویم و استایل دهی را شروع می‌کنیم. در این آموزش با ویژگی هاور (hover) آشنا می‌شویم. قسمت های درباره من و تماس با من را استایل دهی می‌کنیم.  و در نهایت فرم ارتباط با من که اخرین قسمت سایت است را استایل دهی می‌کنیم.

این آموزش بی نظیر است زیرا:

• کاملا پروژه محور
• خیلی سریع و اصولی

پیشنیاز

آموزش HTML

برای دیدن آموزش رایگان این دوره کلیک کنید:

CSS چیست ؟ __ آشنایی با سلکتورها در css

کلید واژگان

آموزش سریع css و html – آموزش html پروژه محور – css چیست – سی اس اس چیست – آموزش پروژه محور css – آموزش سی اس اس – آموزش سی اس اس به زبان ساده , آموزش اچ تی ام ال و سی اس اس

سر فصل ها

درس صفر: معرفی دوره

درس اول:

• CSS چیست ؟
• نحوه نوشتن CSS
•  انتخابگر چیست ؟
• انواع انتخابگرها
•  چگونگی استفاده از CSS

درس دوم:

• استایل دهی header سایت
•  کار با ویژگی های padding , margin, font-family , background-color , text-align

درس سوم:

• استایل دهی navigation-bar ( منوی بالای سایت )
•  کار با ویژگی های text-decoration , background-color , display, transition, color

درس چهارم:

•  استایل دادن به home section
• کار با ویژگی های padding-left , padding-right , margin-top , font-size, text-shadow , box-shadow

درس پنجم:

• استایل دادن به about section – contact-section
• کار با ویژگی های font-size , padding , margin , width , opacity, transition

درس ششم:

•  استایل دادن به فرم ارتباط با من
•  کار با ویژگی های border , border-radius , width , padding , margin , background color , font-family , transition , cursor , color , box-shadow