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

ویدئوهای CSS

آشنایی با گرافیک برداری و SVG

آشنایی با گرافیک برداری و SVG

video-time01:13:09

در این درس در ابتدا به معرفی گرافیک برداری و ویژگی‌های آن پرداخته شده است.

سپس به معرفی SVG که یکی از انواع گرافیک برداری است پرداخته شده است و مثالهایی با استفاده از آن انجام داده شده است.

سپس نحوه استایل دادن به تصاویر SVG با استفاده از CSS بررسی شده است و در نهایت به معرفی Icon Font ها و کاربرد آنها و نحوه‌ی ایجاد آنها پرداخته شده است.

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

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

video-time01:04:27

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

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

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

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

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

video-time01:06:10

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

تقریباً تمام مباحث مطرح شده در درسهای قبلی در پیاده سازی این پروژه مورد استفاده قرار گرفته اند.

کار با تصاویر در صفحات وب

کار با تصاویر در صفحات وب

video-time01:06:32

امروزه کمتر صفحه‌ی وبی را می‌توان یافت که از تصاویر در طراحی آن استفاده نشده باشد.

در این درس در ابتدا با تگ img و نحوه‌ی درج تصاویر در صفحات وب آشنا خواهید شد.

همچنین در این درس مفهوم زمینه‌ی شفاف یا Transparent Background معرفی می‌شود.

سپس با اجزاء مختلف ویژگی background و نحوه‌ی به کار بردن تصاویر به عنوان پس زمینه‌ی عناصر آشنا خواهید شد و در انتها نیز مفهوم Multiple Backgrounds در CSS معرفی می‌شود.

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

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

video-time00:54:56

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

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

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

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

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

video-time01:14:47

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

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

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

آشنایی با CSS Box Model – بخش اول

آشنایی با CSS Box Model – بخش اول

video-time00:55:15

CSS Box Model یکی از مهمترین مفاهیم در CSS است که در این درس و درس بعدی با این مفهوم و برخی ویژگی‌های مرتبط با آن آشنا خواهید شد.

همچنین در این درس کار با بخش Developer Tools مرورگرها را آغاز می‌کنیم که شامل ابزارهای بسیار مفیدی برای طراحان وب جهت تست و اشکال زدایی صفخات وب می‌باشند.

آشنایی با مبانی HTML و CSS – بخش سوم

آشنایی با مبانی HTML و CSS – بخش سوم

video-time00:59:04

در این درس در ابتدا با مفهوم HTML Entities و همچنین Preformatted Text آشنا خواهید شد.

سپس نکات تکمیلی در مورد لینک‌ها در HTML ارائه شده و همچنین با چند ویژگی دیگر از CSS مانند : line-height، word-spacing و … آشنا می‌شوید.

سپس تگ‌های div و span و همینطور ویژگی‌های Inheritance و Class Selector در CSS معرفی می‌شوند.

همچنین در انتهای این درس تمرینی برای شما در نظر گرفته شده که توصیه می‌شود حتماً به طور دقیق و کامل انجام داده شود.

آشنایی با مبانی HTML و CSS – بخش دوم

آشنایی با مبانی HTML و CSS – بخش دوم

video-time00:55:04

در این درس در ابتدا با ساختار فایلهای CSS و انواع روشهای استفاده از کدهای CSS آشنا می‌شوید.

سپس برخی از ویژگی‌های مهم CSS مانند font-size، font-family، color و … معرفی می‌شوند.

همچنین در این درس با انواع روش‌های ایجاد رنگ‌ها در CSS آشنا خواهید شد و یک آشنایی مقدماتی با لینک‌ها در HTML کسب خواهید کرد.

بررسی دقیق تر مدل DOM – بخش سوم

بررسی دقیق تر مدل DOM – بخش سوم

video-time00:56:56

ضمن معرفی چند خاصیت جدید که در HTML5 به مدل DOM اضافه شده‌اند (مانند readyState , dataset و …) به بررسی یکی از مهمترین مباحث مدل DOM یعنی کار با Style های CSS و styleSheet ها پرداخته شده.

یکی از مهمترین قایلیت های جاوا اسکریپت، قابلیت دسترسی به Style ها و تغییر آنها به صورت پویا می‌باشد. که در این درس با جزئیات زیادی به این موضوع پرداخته شده است.

در پایان این درس با ارائه چندین مثال نحوه استفاده از این قابلیت جاوا اسکریپت خیلی واضح تشریح شده است و مثال‌هایی مانند ایجاد پنجره‌های Popup و ایجاد transition ارائه شده است.

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