انجمن سایت کلیدستان


رتبه موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
آموزش css از سیر تا پیاز

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

#1
   

سلام
این آموزش از سری آموزش های css سایت آموزش سرا است.
در این مجموعه ما تمام مباحث css را به طور کامل شرح می دهیم و شما css را با ریزترین جزئیات یاد میگیرید.
  
 
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ
 سپاس شده توسط admin

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

#2
[font][font]جلسه اول :[/font][/font][font][font]در این جلسه css معرفی می شود و به برسی نقاط ضعف و قدرت آن میپردازیم و با قابلیت های جدید نسخه ۳ آن اشنا می شویم

[font][font]دانلود[/font][/font][/font][/font]
پاسخ

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

#3
[font][font]جلسه دوم:ساختار css را توضیح میدهیم.[/font][/font]
[font][font]با روش ذخیره سازی فایل های css به ۳ روش External , Internal , Inline اشنا می شویم.[/font][/font]
[font][font]با روش استفاده از دستورات CSS اشنا می شویم.[/font][/font]
[font][font]به بررسی برخی از سلکتور ها مثل:[/font][/font]
[font][font]class selector , id selector , group selector, child selector ,element selector[/font][/font]
[font][font]وتفاوت های آن ها و هم چنین به نحوه ترکیب این سلکتور ها میپردازیم.


[font]دانلود
[/font][/font][/font]
 
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

#4
[font][font]جلسه سوم :[/font]
[font]سلکتور ها (selectors) را ادامه می دهیم و در مورد attribute selectors صحبت می کنیم و شکل های مختلف آن را بیان می کنیم.[/font]
[font]در ادامه به کار با inspect element میپردازیم و با پراپرتی border اشنا می شویم.[/font][/font]
[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

#5
[font][font]جلسه چهارم :[/font]
[font]همچنان سلکتور ها (selectors) را ادامه می دهیم و در مورد pseudo class صحبت می کنیم و شکل های[/font]
[font]:root[/font]
[font]:nth-child()[/font]
[font]:nth-last-child()[/font]
[font]:nth-of-type()[/font]
[font]:nth-last-of-type()[/font]
[font]آن را بیان می کنیم.[/font]
[font]در ادامه به طور مفصل در مورد تفاوت آن ها صحبت می کنیم و با پراپرتی background آشنا می شویم.[/font][/font]
[font][font]دانلود[/font][/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

#6
جلسه پنجم :
به ادامه pseudo class ها می پردازیم و
:first-of-type
:last-of-type
:only-of-type
:only-child
:empty
توضیح می دهیم و در مورد تفاوت آن ها صحبت می کنیم و بحث pseudo class ها را به پایان می رسانیم.
سپس به ادامه selectorها در css3 می پردازیم و در مورد
:target
:enabled
:disabled
coffeehecked
:not
صحبت می کنیم و با پراپرتی width و height آشنا می شویم و بحث selectorها را به پایان می رسانیم.
[font]دوستان من اول فیلم به اشتباه گفتم جلسه چهارم،این جلسه پنجم هست[/font]


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

#7
[font][font][font]جلسه ششم :
[font]به نحوه استفاده از رنگ ها در css می پردازیم و با ۴ روش رنگ دهی (rgb, rgbs, Hexadecimal, Color name) اشنا می شویم و در مورد ساختار رنگ ها در کامپیوتر و نحوه تبدیل بیت به رنگ صحبت می کنم و در پایان به کامنت گذاری در css و کاربرد های آن می پردازیم.[/font][/font][/font][/font]
 
[font][font][font]دانلود[/font][/font][/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

#8
[font][font]جلسه هفتم :[/font]
[font]به استایل دهی متون در css می پردازیم و با پراپرتی های[/font]
[font]text-align, text-decoration, text-indent, direction و word-spacing[/font]
[font]و انواع مقادیر وکاربرد های آن اشنا می شویم.[/font][/font]
[font][font]دانلود[/font][/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

#9
[font][font]جلسه هشتم :[/font]
[font]به ادامه استایل دهی متون در css می پردازیم و با پراپرتی های[/font]
[font]white-space, vertical-align, letter-spacing, text-transform و line-height[/font]
[font]و انواع مقادیر وکاربرد های آن اشنا می شوید[/font][/font]

[font][font]دانلود[/font][/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

#10
جلسه نهم :
به typography و استایل دهی متون در ۳ css می پردازیم و با پراپرتی های text-shadow و value آن اشنا می شویم و به توضیح آن می پردازیم و در پایان با مثال های متعدد اهمیت این پراپرتی جدید و قدرتمند را بررسی می کنیم.


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

#11
جلسه دهم :
به ادامه typography و استایل دهی متون در ۳ css می پردازیم و با پراپرتی text-stroke و value های آن برای مرورگر کروم اشنا می شویم و همچنین به پیاده سازی این خاصیت در مرورگر های دیگر از طریق دستور text-shadow می پردازیم.


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

#12
جلسه یازدهم :
به ادامه typography و استایل دهی متون در ۳ css می پردازیم و با پراپرتی Box-Reflect و Value های آن برای مرورگر کروم اشنا می شویم و با mask box image و حالت های پیاده سازی آن آشنا می شویم و به gradient می پردازیم و به کاربرد آن در Reflection اشاره می کنیم و در نهایت حالت های مختلف را پس از پیاده سازی روی عکس،روی متن پیاده می کنیم.


[font]دانلود[/font]

 
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

#13
جلسه دوازدهم :
به اخرین جلسه typography و استایل دهی متون در ۳ css می پردازیم و در ابتدا به طور مفصل در مورد خاصیت overflow صحبت می کنیم و بعد به خاصیت های text-overflow و word-wrap در css3 می پردازیم و تفاوت های آن ها را بررسی می کنیم.




[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

#14
جلسه سیزدهم :
با پراپرتی های color, image, repeat, attachment و position در background اشنا می شویم و به value های آن می پردازیم و در نهایت نحوه shorthand یا مختصر نویسی آن را شرح می دهیم.




[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

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


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

#16
جلسه پانزدهم :
به نحوه ی تنظیم عرض و ارتفاع عناصر را با استفاه از پراپرتی های
max-width, height, min-height, max-height ,min-width,width
می پردازیم و نکات مهمی را درباره ی استفاده از این پراپرتی ها مطرح می کنیم و به
صورت عملی تفاوت inline و inline-block را بیان و به کاربرد max-width می پردازیم.




[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

#17
جلسه شانزدهم :
ابتدا به واحد ها در css می پردازیم و واحد های نسبی و مطلق را معرفی و سپس مهم ترین آن ها را بیان می کنیم و سپس به
سراغ فونت ها میرویم و در مورد پراپرتی های
font-family, font-style, font-weight, font-size, lineheight
صحبت می کنیم و با value های آن اشنا می شویم و سپس نکات مهمی را در این رابطه مطرح می کنیم.


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

#18
جلسه هفدهم :
به دو نکته باقی مانده از جلسه قبل می پردازیم و درمورد پراپرتی font صحبت می کنیم و سپس font face را اغاز می کنیم و در مورد فرمت های مختلف فونت و نحوه پشتیبانی از چند فرمت صحبت می کنیم و در نهایت به font services می پردازیم.




[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

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


[font][font]دانلود[/font][/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

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


[font][font]دانلود[/font][/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

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


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

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


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

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


[font][font]دانلود[/font][/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

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


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

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


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

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


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

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


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

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


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

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


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

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


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

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


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

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


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

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


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

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


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

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


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

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


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

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


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

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


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

#39
سلام در جلسه سی و هفتم css3 به گالری ها (gallery) می پردازیم و یک گالری را با توجه به مطالبی که آموختیم و با استفاده از مبحث float طراحی می کنیم تا اهمیت این مبحث برای شما به خوبی مشخص شود. 


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ

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

#40
سلام در جلسه سی و هشتم css3 به صفحه بندی (pagination) در صفحات html می پردازیم و یک pagination را با توجه به مطالبی که آموختیم طراحی می کنیم.


[font]دانلود[/font]
 
هر آنچه باید بدانید در آموزش سرا
 
آموزش رایگان css3
پاسخ


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان