آموزش css از سیر تا پیاز

[amoozesh-sara.i]

جلسه هجدهم :
در مورد list style و نحوه استایل دهی لیست ها صحبت می کنیم و به پراپرتی های list-style-type, list-style-image, list-style-position و value های آن می پردازیم و در نهایت حالت shorthand آن را بیان می کنیم.

دانلود


منبع آموزش

 

[amoozesh-sara.i]

جلسه نوزدهم :
باز به مبحث pseude class یا کلاس های کاذب می پردازیم و در مورد کلاس های hover, link, active, visited و focus صحبت می کنیم و به شرح آن ها می پردازیم.

دانلود


منبع آموزش

 

[amoozesh-sara.i]

جلسه بیستم :
وارد مبحث box model می شویم و پراپرتی padding را معرفی کرده و به حالت short hand آن پرداخته و انواع مقدار دهی آن را بررسی می کنیم.


دانلود

منبع آموزش

 

[amoozesh-sara.i]

جلسه بیست و یکم :
با توجه به مطالبی که آموختید یک منو اکاردئونی کاملا جذاب بدون استفاده از حتی یک خط کد jquery را طراحی می کنیم.

دانلود


منبع آموزش

 

[amoozesh-sara.i]

جلسه بیست و دوم :
به ادامه مبحث box model می شویم و پراپرتی border را معرفی کرده و به حالت shorthand آن پرداخته و انواع مقدار دهی آن را بررسی می کنیم.

دانلود


منبع آموزش

 

[amoozesh-sara.i]

جلسه بیست و سوم :
به ادامه مبحث box model می پردازیم و پراپرتی margin را معرفی کرده و به حالت shorthand آن پرداخته و انواع مقدار دهی آن را بررسی می کنیم.

دانلود


منبع آموزش

 

[amoozesh-sara.i]

جلسه بیست و چهارم :
به نحوه محاسبه ی box model می پردازیم و سپس وسط چین کردن متون را در راستای افقی و عمودی بررسی می کنیم..

دانلود


منبع آموزش

 

[amoozesh-sara.i]

جلسه بیست و پنجم :
به نحوه وسط چین کردن عناصر و کاربرد آن در طراحی سایت می پردازیم و سپس یک منوی افقی ساده زیبا را با استفاده از آموخته های مان طراحی می کنیم.


دانلود

منبع آموزش

 

[amoozesh-sara.i]

جلسه بیست و ششم :
با توجه به مطالبی که آموختید یک دکمه را فقط با استفاده از css برای حالت های عادی و هاور و اکتیو طراحی می کنیم و همچنین با پراپرتی border radius که در نسخه css3 ارائه شده آشنا می شوی

دانلود


منبع آموزش

 

[amoozesh-sara.i]

جلسه بیست و هفتم :
با توجه به مطالبی که آموختید یک منو عمودی را با استفاده از css برای حالت های عادی و هاور طراحی می کنیم.

دانلود


منبع آموزش

 

[amoozesh-sara.i]

جلسه بیست و هشتم :
به پراپرتی cursor و به نحوه تغییر کرسر در css می پردازیم و سپس در مورد استایل های پیش فرض مرورگرها صحبت می کنیم و نحوه ریست کردن آن ها در reset.css را توضیح می دهیم و سلکتور * را مطرح می کنیم.

دانلود


منبع آموزش

 

[amoozesh-sara.i]

جلسه بیست و نهم :
به پراپرتی visibility می پردازیم و تمام value های آن را بررسی می کنیم و سپس تفاوت visibility : hidden و display : none را بیان می کنیم.

دانلود


منبع آموزش

 

[amoozesh-sara.i]

جلسه سی ام :
به نحوه استفاده از دستور import و نکات مثبت و منفی آن می پردازیم و سپس دستور charset را دز css بیان می کنیم.

دانلود


منبع آموزش

 

[amoozesh-sara.i]

جلسه سی و یکم :
یک صفحه تماس با ما را به طور کامل با توجه به آنچه که آموختیم پیاده سازی می کنیم.

دانلود


منبع آموزش

 

[amoozesh-sara.i]

جلسه سی و دوم :
به پراپرتی float و مفهوم شناور شدن می پردازیم و کاربرد آن را مطرح می کنیم و در مورد تفاوت آن با display صحبت می کنیم و مشکلات float را بررسی و حل می کنیم و در نهایت به پراپرتی opacity می پردازیم.

دانلود


منبع آموزش

 

[amoozesh-sara.i]

جلسه سی و سوم :
به پراپرتی clear و ارتباط آن با float می پردازیم و با کاربرد های آن آشنا می شویم و در پایان نکات مهمی را در رابطه با clear مطرح می کنیم.

دانلود


منبع آموزش

 

[amoozesh-sara.i]

در جلسه سی و چهارم :
یک منو افقی (nav menu) زیبا با استفاده از پراپرتی های جدیدی که یاد گرفتیم ) مانند float و (overflow برای تمرین بیشتر طراحی می کنیم.

دانلود


منبع آموزش

 

[amoozesh-sara.i]

در جلسه سی و پنجم :
یک سری نکات (note) در مورد رابطه float با box model مطرح می کنیم و به حل مشکل فاصله در عناصر inline block می پردازیم.

دانلود


منبع آموزش

 

[amoozesh-sara.i]

در جلسه سی و ششم css3 به لایه ها (layout) می پردازیم و یک لایه را با توجه به مطالبی که آموختیم طراحی می کنیم و نکات مربوط به float را یاد آوری می کنیم.

منبع آموزش


دانلود

 

[amoozesh-sara.i]

سلام در جلسه سی و نهم css3 به پراپرتی و خاصیت outline می پردازیم و مقدار های آن را معرفی می کنیم و در مورد تفاوت آن با پراپرتی border صحبت می کنیم. در ادامه به تکمیل گالری جلسه قبل پرداخته و نکاتی را پیرامون float مطرح می کنیم و مشکلات احتمالی در آآینده را بر طرف می کنیم.

دانلود


منبع آموزش