سلام
این آموزش از سری آموزش های css سایت آموزش سرا است.
در این مجموعه ما تمام مباحث css را به طور کامل شرح می دهیم و شما css را با ریزترین جزئیات یاد میگیرید.
آموزش css از سیر تا پیاز
|
آموزش css از سیر تا پیازآموزش css از سیر تا پیاز
۱۳۹۴/۰۳/۲۵, ۰۳:۳۴ ب.ظ
[font][font]جلسه اول :[/font][/font][font][font]در این جلسه css معرفی می شود و به برسی نقاط ضعف و قدرت آن میپردازیم و با قابلیت های جدید نسخه ۳ آن اشنا می شویم
[font][font]دانلود[/font][/font][/font][/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۳/۲۵, ۰۳:۴۸ ب.ظ
[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] آموزش css از سیر تا پیاز
۱۳۹۴/۰۳/۲۶, ۱۲:۰۱ ب.ظ
[font][font]جلسه سوم :[/font] [font]دانلود[/font]
[font]سلکتور ها (selectors) را ادامه می دهیم و در مورد attribute selectors صحبت می کنیم و شکل های مختلف آن را بیان می کنیم.[/font] [font]در ادامه به کار با inspect element میپردازیم و با پراپرتی border اشنا می شویم.[/font][/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۳/۲۷, ۱۲:۴۸ ب.ظ
[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]
آموزش css از سیر تا پیاز
۱۳۹۴/۰۳/۲۸, ۰۶:۰۳ ب.ظ
جلسه پنجم :
به ادامه pseudo class ها می پردازیم و :first-of-type :last-of-type :only-of-type :only-child :empty توضیح می دهیم و در مورد تفاوت آن ها صحبت می کنیم و بحث pseudo class ها را به پایان می رسانیم. سپس به ادامه selectorها در css3 می پردازیم و در مورد :target :enabled :disabled hecked :not صحبت می کنیم و با پراپرتی width و height آشنا می شویم و بحث selectorها را به پایان می رسانیم. [font]دوستان من اول فیلم به اشتباه گفتم جلسه چهارم،این جلسه پنجم هست[/font] [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۳/۲۹, ۱۲:۵۲ ب.ظ
[font][font][font]جلسه ششم : [font]به نحوه استفاده از رنگ ها در css می پردازیم و با ۴ روش رنگ دهی (rgb, rgbs, Hexadecimal, Color name) اشنا می شویم و در مورد ساختار رنگ ها در کامپیوتر و نحوه تبدیل بیت به رنگ صحبت می کنم و در پایان به کامنت گذاری در css و کاربرد های آن می پردازیم.[/font][/font][/font][/font] [font][font][font]دانلود[/font][/font][/font]
آموزش css از سیر تا پیاز
۱۳۹۴/۰۳/۳۰, ۰۶:۲۹ ب.ظ
[font][font]جلسه هفتم :[/font] [font]به استایل دهی متون در css می پردازیم و با پراپرتی های[/font] [font]text-align, text-decoration, text-indent, direction و word-spacing[/font] [font]و انواع مقادیر وکاربرد های آن اشنا می شویم.[/font][/font] [font][font]دانلود[/font][/font]
آموزش css از سیر تا پیاز
۱۳۹۴/۰۳/۳۱, ۱۱:۰۴ ق.ظ
[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] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۰۱, ۰۳:۰۹ ب.ظ
جلسه نهم :
به typography و استایل دهی متون در ۳ css می پردازیم و با پراپرتی های text-shadow و value آن اشنا می شویم و به توضیح آن می پردازیم و در پایان با مثال های متعدد اهمیت این پراپرتی جدید و قدرتمند را بررسی می کنیم. [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۰۲, ۱۲:۲۰ ب.ظ
جلسه دهم :
به ادامه typography و استایل دهی متون در ۳ css می پردازیم و با پراپرتی text-stroke و value های آن برای مرورگر کروم اشنا می شویم و همچنین به پیاده سازی این خاصیت در مرورگر های دیگر از طریق دستور text-shadow می پردازیم. [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۰۳, ۰۴:۳۸ ب.ظ
(آخرین تغییر در ارسال: ۱۳۹۴/۰۴/۰۳, ۰۴:۳۹ ب.ظ توسط amoozesh-sara.ir.)
جلسه یازدهم :
به ادامه typography و استایل دهی متون در ۳ css می پردازیم و با پراپرتی Box-Reflect و Value های آن برای مرورگر کروم اشنا می شویم و با mask box image و حالت های پیاده سازی آن آشنا می شویم و به gradient می پردازیم و به کاربرد آن در Reflection اشاره می کنیم و در نهایت حالت های مختلف را پس از پیاده سازی روی عکس،روی متن پیاده می کنیم. [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۰۴, ۰۲:۴۷ ب.ظ
جلسه دوازدهم :
به اخرین جلسه typography و استایل دهی متون در ۳ css می پردازیم و در ابتدا به طور مفصل در مورد خاصیت overflow صحبت می کنیم و بعد به خاصیت های text-overflow و word-wrap در css3 می پردازیم و تفاوت های آن ها را بررسی می کنیم. [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۰۵, ۱۲:۰۷ ب.ظ
جلسه سیزدهم :
با پراپرتی های color, image, repeat, attachment و position در background اشنا می شویم و به value های آن می پردازیم و در نهایت نحوه shorthand یا مختصر نویسی آن را شرح می دهیم. [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۰۶, ۰۹:۳۵ ق.ظ
جلسه چهاردهم :
به طور مفصل و با مثال های متعدد به پراپرتی display و value های آن می پردازیم و در مورد تفاوت value های آن صحبت می کنیم و با استفاده از این پراپرتی یک لیست را به وجود می آوریم و یک عنصر را مخفی می کنیم. [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۰۷, ۰۳:۲۰ ب.ظ
جلسه پانزدهم :
به نحوه ی تنظیم عرض و ارتفاع عناصر را با استفاه از پراپرتی های max-width, height, min-height, max-height ,min-width,width می پردازیم و نکات مهمی را درباره ی استفاده از این پراپرتی ها مطرح می کنیم و به صورت عملی تفاوت inline و inline-block را بیان و به کاربرد max-width می پردازیم. [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۰۸, ۱۲:۱۵ ب.ظ
جلسه شانزدهم :
ابتدا به واحد ها در css می پردازیم و واحد های نسبی و مطلق را معرفی و سپس مهم ترین آن ها را بیان می کنیم و سپس به سراغ فونت ها میرویم و در مورد پراپرتی های font-family, font-style, font-weight, font-size, lineheight صحبت می کنیم و با value های آن اشنا می شویم و سپس نکات مهمی را در این رابطه مطرح می کنیم. [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۰۹, ۱۲:۳۶ ب.ظ
جلسه هفدهم :
به دو نکته باقی مانده از جلسه قبل می پردازیم و درمورد پراپرتی font صحبت می کنیم و سپس font face را اغاز می کنیم و در مورد فرمت های مختلف فونت و نحوه پشتیبانی از چند فرمت صحبت می کنیم و در نهایت به font services می پردازیم. [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۱۰, ۱۰:۰۴ ق.ظ
[font]جلسه هجدهم :[/font]
[font]در مورد list style و نحوه استایل دهی لیست ها صحبت می کنیم و به پراپرتی های list-style-type, list-style-image, list-style-position و value های آن می پردازیم و در نهایت حالت shorthand آن را بیان می کنیم.[/font] [font][font]دانلود[/font][/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۱۱, ۰۹:۵۲ ب.ظ
(آخرین تغییر در ارسال: ۱۳۹۴/۰۴/۱۱, ۰۹:۵۵ ب.ظ توسط amoozesh-sara.ir.)
جلسه نوزدهم :
باز به مبحث pseude class یا کلاس های کاذب می پردازیم و در مورد کلاس های hover, link, active, visited و focus صحبت می کنیم و به شرح آن ها می پردازیم. [font][font]دانلود[/font][/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۱۲, ۰۹:۵۸ ب.ظ
جلسه بیستم :
وارد مبحث box model می شویم و پراپرتی padding را معرفی کرده و به حالت short hand آن پرداخته و انواع مقدار دهی آن را بررسی می کنیم. [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۱۳, ۰۴:۳۰ ب.ظ
(آخرین تغییر در ارسال: ۱۳۹۴/۰۴/۱۳, ۰۴:۳۱ ب.ظ توسط amoozesh-sara.ir.)
جلسه بیستم :
وارد مبحث box model می شویم و پراپرتی padding را معرفی کرده و به حالت short hand آن پرداخته و انواع مقدار دهی آن را بررسی می کنیم. [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۱۴, ۰۲:۵۹ ب.ظ
(آخرین تغییر در ارسال: ۱۳۹۴/۰۴/۱۴, ۰۳:۰۰ ب.ظ توسط amoozesh-sara.ir.)
جلسه بیست و یکم :
با توجه به مطالبی که آموختید یک منو اکاردئونی کاملا جذاب بدون استفاده از حتی یک خط کد jquery را طراحی می کنیم. [font][font]دانلود[/font][/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۱۵, ۰۴:۰۱ ب.ظ
(آخرین تغییر در ارسال: ۱۳۹۴/۰۴/۱۵, ۰۴:۰۲ ب.ظ توسط amoozesh-sara.ir.)
جلسه بیست و دوم :
به ادامه مبحث box model می شویم و پراپرتی border را معرفی کرده و به حالت shorthand آن پرداخته و انواع مقدار دهی آن را بررسی می کنیم. [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۱۶, ۱۲:۲۴ ب.ظ
جلسه بیست و سوم :
به ادامه مبحث box model می پردازیم و پراپرتی margin را معرفی کرده و به حالت shorthand آن پرداخته و انواع مقدار دهی آن را بررسی می کنیم. [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۱۷, ۰۷:۰۹ ب.ظ
جلسه بیست و چهارم :
به نحوه محاسبه ی box model می پردازیم و سپس وسط چین کردن متون را در راستای افقی و عمودی بررسی می کنیم.. [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۱۸, ۰۶:۱۲ ب.ظ
جلسه بیست و پنجم :
به نحوه وسط چین کردن عناصر و کاربرد آن در طراحی سایت می پردازیم و سپس یک منوی افقی ساده زیبا را با استفاده از آموخته های مان طراحی می کنیم. [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۱۹, ۰۴:۰۸ ب.ظ
جلسه بیست و ششم :
با توجه به مطالبی که آموختید یک دکمه را فقط با استفاده از css برای حالت های عادی و هاور و اکتیو طراحی می کنیم و همچنین با پراپرتی border radius که در نسخه css3 ارائه شده آشنا می شوی [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۲۰, ۰۳:۵۹ ب.ظ
جلسه بیست و هفتم :
با توجه به مطالبی که آموختید یک منو عمودی را با استفاده از css برای حالت های عادی و هاور طراحی می کنیم. [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۲۱, ۱۲:۳۹ ب.ظ
جلسه بیست و هشتم :
به پراپرتی cursor و به نحوه تغییر کرسر در css می پردازیم و سپس در مورد استایل های پیش فرض مرورگرها صحبت می کنیم و نحوه ریست کردن آن ها در reset.css را توضیح می دهیم و سلکتور * را مطرح می کنیم. [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۲۲, ۰۳:۱۴ ب.ظ
جلسه بیست و نهم :
به پراپرتی visibility می پردازیم و تمام value های آن را بررسی می کنیم و سپس تفاوت visibility : hidden و display : none را بیان می کنیم. [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۲۴, ۰۲:۱۶ ب.ظ
جلسه سی ام :
به نحوه استفاده از دستور import و نکات مثبت و منفی آن می پردازیم و سپس دستور charset را دز css بیان می کنیم. [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۲۵, ۰۹:۲۳ ب.ظ
جلسه سی و یکم :
یک صفحه تماس با ما را به طور کامل با توجه به آنچه که آموختیم پیاده سازی می کنیم. [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۲۶, ۱۲:۲۵ ب.ظ
جلسه سی و دوم :
به پراپرتی float و مفهوم شناور شدن می پردازیم و کاربرد آن را مطرح می کنیم و در مورد تفاوت آن با display صحبت می کنیم و مشکلات float را بررسی و حل می کنیم و در نهایت به پراپرتی opacity می پردازیم. [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۲۷, ۰۱:۵۷ ب.ظ
جلسه سی و سوم :
به پراپرتی clear و ارتباط آن با float می پردازیم و با کاربرد های آن آشنا می شویم و در پایان نکات مهمی را در رابطه با clear مطرح می کنیم. [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۳۰, ۰۱:۲۵ ب.ظ
در جلسه سی و چهارم :
یک منو افقی (nav menu) زیبا با استفاده از پراپرتی های جدیدی که یاد گرفتیم ) مانند float و (overflow برای تمرین بیشتر طراحی می کنیم. [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۴/۳۱, ۱۱:۴۴ ق.ظ
در جلسه سی و پنجم :
یک سری نکات (note) در مورد رابطه float با box model مطرح می کنیم و به حل مشکل فاصله در عناصر inline block می پردازیم. [font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۵/۰۱, ۱۲:۱۵ ب.ظ
در جلسه سی و ششم css3 به لایه ها (layout) می پردازیم و یک لایه را با توجه به مطالبی که آموختیم طراحی می کنیم و نکات مربوط به float را یاد آوری می کنیم.
[font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۵/۰۲, ۰۱:۱۹ ب.ظ
سلام در جلسه سی و هفتم css3 به گالری ها (gallery) می پردازیم و یک گالری را با توجه به مطالبی که آموختیم و با استفاده از مبحث float طراحی می کنیم تا اهمیت این مبحث برای شما به خوبی مشخص شود.
[font]دانلود[/font] آموزش css از سیر تا پیاز
۱۳۹۴/۰۵/۰۳, ۰۳:۰۸ ب.ظ
سلام در جلسه سی و هشتم css3 به صفحه بندی (pagination) در صفحات html می پردازیم و یک pagination را با توجه به مطالبی که آموختیم طراحی می کنیم.
[font]دانلود[/font] |