آموزش جامع زبان CSS بخش دوم

به نام خدا

با عرض سلام خدمت کاربران محترم وب سایت بزرگ وب لرن ما در بخش آخر از دوره آموزشی CSS

قصد داریم مباحث پیشرفته در CSS یعنی طراحی اجزای وب سایت و اصول طراحی به سبک فلت را آموزش دهیم

و شما را با طراحی سایت و اصول طراحی یک سایت خوب آشنا کنیم که خیلی مهم هست.

CSS چیست ؟

CSS یا Cascade Style Sheets زبان برنامه نویسی می باشد که کنسرسیوم بین المللی شبکه جهانی وب یا

W3C برای غلبه بر مشکلاتی که در طی زمان با استفاده از HTML بوجود آمده است پیشنهاد داده است. عملا

این زبان برنامه نویسی، مکملی بر زبان باستانی HTML است و سعی در پر کردن نقاط ضعف و خلاء های آن دارد.

CSS زبانی است که توسط آن قادر خواهید تا استیل طراحی صفحات وب سایت تان را یکبار تعریف و به صفحات مورد

نیازتان اعمال نمایید.  برای این منظور مثالی را می زنیم. تصور کنید که سایت شما شامل ۱۰۰ صفحه استاتیک می باشد

و شما آنها را تماما به زبان HTML نوشته اید. بعد از یک هفته تصمیم گرفته اید تا فونت تمام کلمات را کمی بزرگتر کنید.

گفتن اینکه فونت تمام کلمات بزرگتر شود بسیار کار راحتی است و تنها یک جمله است. ولی آیا در عمل تغییر ۱۰۰ صفحه

نیز به همان راحتی خواهد بود؟ قطعا نه. CSS دقیقا همان زبانی است که جمله یک خطی شما را تبدیل به همان یک جمله

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

کوچک. جمله آخر اینکه، استفاده از CSS باعث تمیزتر شدن کدهای برنامه نویسی تان می شود، تغییرات آتی را آسان می کند

و همچنین دید شما را بیشتر به طراحی معطوف می کند تا سر و کله زدن با کدهای برنامه نویسی.

سر فصل های این دوره آموزشی


    • آشنایی با اصولی طراحی قالب
    • آشنایی با اصول طراحی به سبک Flat UI
    • آشنایی با رنگ های فلت
    • ایجاد و طراحی منو افقی و عمودی به سبک فلت
    • ایجاد منوی فارسی برای وب سایت
    • ساخت گالری عکس برای وب سایت
    • آموزش طراحی یک  قالب وب سایت و یادگیری اصول و نکات مهم
    • کار با دستور overflow و ایجاد یک مثال
    • طراحی سیستم ثبت دیدگاه با استفاده از  css به سبک فلت
    • طراحی سیستم بخش تماس با ما به سبک فلت
    • ساخت قسمت جستجو مطالب با استفاده از css
    • آشنایی با کلاس های کاذب before و after
    • کار با سلکتور های پیشرفته در css مثل selection , focus  و …
    • طراحی فرم ورود اعضا یا همان فرم login در css
    • ایجاد و طراحی watermark با استفاده از مباحث خوانده شده
    • آموزش طراحی Dropmenu در css وcss3
    • ساخت منوی ثابت در css
    • طراحی و ایجاد یک Tooltip زیبا با css برای اجزای وب سایت elementCreated

 

دریافت آموزش

8 پارت 4.20 ساعت
دیدگاه کاربران