دوره های آموزشی CSS3

ویدئوهای CSS3

طراحی یک صفحه وب کامل – بخش سوم

طراحی یک صفحه وب کامل – بخش سوم

video-time00:46:17

در ادامه پروژه تنها بخش باقی مانده (footer) از صفحه وب مورد نظر در این درس تکمیل و برای حالت های موبایل و دسکتاب ریسپانسیو شده است.

در انتها نیز سایت css-tricks.com معرفی شده و پیشنهاداتی جهت برداشتن گامهای بعدی در زمینه طراحی سایت ارائه شده است.

در انتها امیدواریم این دوره آموزشی رضایت شما را جلب کرده باشد.

طراحی چند ستونه (Multi-column Layout)

طراحی چند ستونه (Multi-column Layout)

video-time01:15:47

در این درس ابتدا به بررسی مفهوم طراحی چند ستونه و بعد از آن به معرفی ماژول Multi-column Layout در CSS3 پرداخته شده است.

ماژول Multi-column Layout یکی از اجزاء جدید در CSS3 هستند که در طراحی متون واکنشگرا کاربرد زیادی دارند.

در انتهای درس نیز به بررسی مفهوم viewport در صفحه نمایش های با تراکم پیکسلی بالا پردخته شده و راه حل مشکل مطرح شده در درس قبلی معرفی شده است.

طراحی منوهای چند سطحی

طراحی منوهای چند سطحی

video-time01:03:28

در این درس به یکی از مباحث جذاب در طراحی وب، یعنی طراحی منوهای چند سطحی (یا منوهای کشویی) پرداخته شده است.

منوهای چند سطحی در اکثر ویسایت های امروزی وجود دارند و در برخی موارد طراحی وب بدون آنها تقریباً غیر ممکن است.

در این درس پس از ارائه‌ی چند مثال ساده، یک مثال عملی که مشابه منوی اصلی سایت دیجی کالا است پیاده سازی شده است.

آشنایی با CSS Positioning و واحدهای اندازه گیری

آشنایی با CSS Positioning و واحدهای اندازه گیری

video-time01:04:27

در این درس به بررسی یکی از مهمترین مفاهیم در طراحی وب، یعنی CSS Positioning پرداخته شده است.

با استفاده از CSS Positioning می‌توان با قدرت بسیار زیادی موقعیت عناصر صفحه وب را کنترل کرد.

همچنین در این درس به بررسی انواع واحدهای اندازه‌گیری در CSS و نحوه استفاده از آنها پرداخته شده است.

طراحی یک صفحه وب کامل – بخش دوم

طراحی یک صفحه وب کامل – بخش دوم

video-time01:12:17

در این درس علاوه بر کدنویسی و تکمیل کردن قالب پروژه در نظر گرفته شده، به موضوع عناصر کاذب (Pseudo Elements) نیز پرداخته شده است.

عناصر کاذب یکی از مفاهیم بسیار مهم در CSS3 هستند که در طراحی وب ریسپانسیو بسیار کاربرد دارند.

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

نکات پیشرفته در مورد border ها و رنگ های شفاف

نکات پیشرفته در مورد border ها و رنگ های شفاف

video-time00:54:23

در این درس در ابتدا با ۲ ویژگی border-radius و border-image و کاربردهای آنها آشنا خواهید شد.

سپس به بررسی نحوه‌ی ایجاد شفافیت با استفاده از توابع hsla و rgba و همینطور ویژگی opacity می‌پردازیم.

تمام ویژگی‌های مطرح شده در این درس جزء ویژگی های جدید در CSS3 هستند.

کار با جدول ها و فونت ها در صفحات وب

کار با جدول ها و فونت ها در صفحات وب

video-time01:06:40

در این درس ابتدا به معرفی تگ <table> و تگهای وابسته به آن که برای ایجاد جدول ها در صفحات وب به کار می‌روند پرداخته شده است.

سپس در رابطه با روش استفاده از فونت‌های سفارشی و دستور @font-face در صفحات وب صحبت شده است.

ضمناً در انتهای درس یک تمرین نسبتاً کامل هم ارائه شده است.

آشنایی با چند مفهوم مهم در CSS

آشنایی با چند مفهوم مهم در CSS

video-time00:54:56

در این درس در ابتدا با مفاهیم Specificity و Cascade که اهمیت بسیار بالایی در CSS دارند آشنا خواهید شد.

سپس با مفهوم CSS Reset کاربرد بسیار زیادی در طراحی وب دارد و همچنین دو دستور @import و @charset و کاربرد آنها آشنا می‌شوید.

در انتها نیز با خلاصه نویسی در CSS آشنا خواهید شد.

بررسی انواع سلکتورها در CSS

بررسی انواع سلکتورها در CSS

video-time01:14:47

در این درس ابتدا مفهوم درخت DOM به طور مختصر تشریح شده، سپس به بررسی انواع سلکتورها در CSS پرداخته شده است.

ابتدا از سلکتورهای ساده در CSS شروع کرده، سپس به سلکتورهای ترکیبی و همچنین سلکتورهای خاصیت و کلاسهای کاذب پرداخته شده است.

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

کلیه حقوق مادی و معنوی این سایت متعلق به OTedia.com است و نشر محتوای آن به هر نحوی غیر قانونی است.