گروه آموزش طراحی سایت 28 ارد 1393 2 38186 بازدید

قطعا یکی از دانش های اساسی و ضروری برای آموزش طراحی سایت، مبحث CSS می باشد. در این صفحه فهرست فیلم های آموزشی جامع css را می توانید مشاهده بفرمایید. ترتیب این فیلم های آموزشی را به گونه ای در فهرست زیر تقدیم می کنیم تا به ترتیب از پایه تا پیشرفته باشند و فهرستی مناسب برای کسانی باشد که می خواهند اقدام به یادگیری css از پایه بنمایند.

  1. فیلم آموزشی CSS چیست؟
  2. فیلم آموزش اصول اولیه و ساختار کلی CSS
  3. فیلم آموزش و معرفی انتخابگرهای CSS
  4. فیلم آموزش استفاده از رنگ ها در CSS
  5. VIP – تعیین رنگ عناصر مختلف با CSS
  6. فیلم آموزش درج توضیحات (comment) در CSS
  7. فیلم آموزش استایل دهی متون در CSS (بخش اول)
  8. فیلم آموزش استایل دهی متون در CSS (بخش دوم)
  9. فیلم آموزش تنظیم پس زمینه (background) در CSS
  10. VIP – کار با چند پس زمینه برای عناصر مختلف در CSS
  11. VIP – آموزش طراحی بخش راهنمای فروشگاه اینترنتی با HTML, CSS
  12. فیلم آموزش کاربرد مشخصه display در CSS
  13. فیلم آموزش تنظیم طول و عرض (width-height) عناصر در CSS
  14. فیلم آموزش واحدهای اندازه گیری در CSS
  15. فیلم آموزش تنظیم فونت ها در CSS
  16. فیلم آموزش نکات کاربردی استایل دهی متون در CSS
  17. فیلم آموزش استایل دهی لیست ها در CSS
  18. فیلم آموزشی معرفی کلاس های کاذب (pseudo classes) لینک ها در CSS
  19. VIP – ساخت منوهای وب سایت های واقعی (براساس طرح گرافیکی)
  20. VIP – ساخت منوی عمودی بر اساس طرح گرافیکی PSD
  21. فیلم آموزش ساخت منوی آکاردئونی (کشویی) با CSS
  22. فیلم آموزشی معرفی مشخصه padding در CSS
  23. فیلم آموزش نحوه ایجاد کادر برای عناصر صفحه وب با مشخصه border در CSS
  24. فیلم آموزشی معرفی مشخصه margin در CSS
  25. VIP – ساخت یک منوی آکاردئونی براساس طرح گرافیکی
  26. فیلم آموزش محاسبات Box Model در CSS
  27. فیلم آموزش وسط چین کردن متن بصورت افقی و عمودی با CSS
  28. فیلم آموزش وسط چین کردن محتوای اصلی سایت با CSS
  29. فیلم آموزش ساخت منوی افقی ساده با CSS
  30. VIP – ساخت منوی افقی براساس طرح گرافیکی
  31. فیلم آموزش ساخت دکمه با CSS با گرافیک طراحی شده در فتوشاپ
  32. تمرین – ساخت دکمه ی دانلود براساس طرح گرافیکی
  33. فیلم آموزش ساخت منوی عمودی با CSS از روی طرح گرافیکی فتوشاپ (بخش اول)
  34. فیلم آموزش ساخت منوی عمودی با CSS از روی طرح گرافیکی فتوشاپ (بخش دوم)
  35. تمرین – ساخت منوهای ساید بار (Sidebar) براساس طرح گرافیکی
  36. فیلم آموزش تغییر شکل موس با استفاده از مشخصه cursor در CSS
  37. فیلم آموزش CSS – آشنایی با استایل های پیش فرض مرورگرها
  38. فیلم آموزش کاربرد مشخصه visibility در CSS
  39. فیلم آموزش ایجاد فایل css reset 
  40. فیلم آموزش استفاده از دستور import در CSS
  41. فیلم آموزش آشنایی با دستور charset در CSS
  42. فیلم آموزش ایجاد یک فرم تماس و استایل دهی به آن
  43. تمرین – کدنویسی صفحه مخصوص ارتباط با مشتریان براساس طرح گرافیکی
  44. فیلم آموزشی معرفی مشخصه opacity در css
  45. فیلم آموزشی معرفی مشخصه overflow در CSS
  46. فیلم آموزش شناور کردن عناصر در CSS – مشخصه float
  47. تمرین – ساخت و کدنویسی وبلاگ خبری براساس طرح گرافیکی
  48. فیلم آموزش معرفی مشخصه clear در css و آشنایی با کاربردهای آن
  49. فیلم آموزش ساخت منوی افقی و استفاده از تکنیک double border در css
  50. فیلم آموزشی بررسی رابطه عناصر شناور با مبحث Box Model در CSS 
  51. فیلم آموزش جلوگیری از جمع شدن (collapse) والد عناصر شناور در CSS 
  52. فیلم آموزش لایه بندی (layout) و چیدمان کلی صفحات وب با CSS  
  53. تمرین – کدنویسی بخش محتوای اصلی سایت نمونه براساس طرح گرافیکی
  54. فیلم آموزش ساخت گالری عکس با CSS و HTML
  55. فیلم آموزش ساخت pagination (صفحه بندی) با CSS و HTML
  56. فیلم آموزش آشنایی با تکنیک double border در CSS
  57. فیلم آموزشی معرفی مشخصه outline در CSS
  58. فیلم آموزش طراحی گالری عکس انعطاف پذیر با CSS
  59. تمرین – طراحی بخش محصولات یک سایت فروشگاهی
  60. فیلم آموزش آشنایی با مفهوم Cascade در CSS
  61. فیلم آموزش آشنایی با مفهوم specificity در CSS
  62. فیلم آموزش آشنایی با دستور important! در CSS
  63. فیلم آموزش آشنایی با مفهوم وراثت (inheritance) در کدهای CSS
  64. فیلم آموزش آشنایی با مشخصه position ( تعیین موقعیت static و relative عناصر صفحه با CSS )
  65. فیلم آموزش آشنایی با مشخصه position ( تعیین موقعیت مطلق “absolute” عناصر صفحه با CSS )
  66. تمرین – ویژه کردن عکس ها و استفاده از Caption ها در تصاویر اسلایدر
  67. فیلم آموزش آشنایی با مشخصه position ( تعیین موقعیت ثابت “fixed” عناصر صفحه با CSS )
  68. تمرین – قرار دادن بخش پشتیبانی آنلاین در طراحی صفحه ی وب
  69. فیلم آموزش تعیین نحوه چیدمان عناصر صفحه بر روی یکدیگر با مشخصه z-index در CSS
  70. فیلم آموزش ساخت تب منوی افقی با CSS و HTML
  71. فیلم آموزش گذاشتن عکس pin در فرم با استفاده از مشخصه position در CSS 
  72. فیلم آموزش ساخت Tooltip با CSS 
  73. فیلم آموزش استایل دهی به فرم popup (پاپ آپ) در CSS 
  74. فیلم آموزش آشنایی با تکنیک Text Image Replacement با استفاده از مشخصه text-indent در CSS
  75. تمرین – لوگوی یک سایت واقعی را با رعایت نکات SEO ، پیاده سازی کنید
  76. فیلم آموزش مفهوم Cross Browser
  77. فیلم آموزش تست صفحه وب در ورژن های مختلف مرورگر اینترنت اکسپلورر (IE)
  78. فیلم آموزش تایید سازگاری صفحات وب طراحی شده برای اینترنت اکسپلورر با ie tester
  79. فیلم آموزش استفاده از pattern ( الگوهای تکرار شونده ) در صفحات وب
  80. فیلم آموزش آشنایی با تکنیک css sprites در طراحی صفحات وب
  81. فیلم آموزش پیاده سازی تکنیک css sprites بصورت کاربردی
  82. تمرین – اسپرایت را حرفه ای پیاده سازی کنید
  83. فیلم آموزش css – استاتیک کد کنید امّا داینامیک فکر کنید
  84. فیلم آموزش آشنایی با اصطلاح فونت های ایمن (safe fonts) در طراحی وب
  85. فیلم آموزش آشنایی با property های شرطی برای اینترنت اکسپلورر در CSS
  86. فیلم آموزش آشنایی با مفهوم client side و server side
  87. فیلم آموزش نامگذاری class ها و id ها در HTML و CSS
  88. فیلم آموزش رابطه jQuery با HTML و CSS
  89. فیلم آموزش هم پوشانی عناصر با استفاده از مشخصه margin در CSS
  90. فیلم آموزش ساخت تب منوی عمودی با CSS و HTML
  91. فیلم آموزش ساخت منوی کشویی افقی با CSS
  92. تمرین – کدنویسی منوی دراپ داون (Drop Down) افقی براساس طرح گرافیکی
  93. فیلم آموزش ساخت منوی کشویی عمودی با CSS
  94. تمرین – کدنویسی منوی دراپ داون (Drop Down) عمودی براساس طرح گرافیکی
  95. فیلم آموزش نمایش عناصر بصورت جدولی با CSS و HTML
  96. تمرین – به مشتریان تان لیست قیمت بدهید
  97. تمرین – ساخت گالری عکس حرفه ای
  98. فیلم آموزش فشرده سازی کدهای CSS
  99. فیلم آموزش استایل دهی متن های انتخاب شده (highlighted) با استفاده از CSS
  100. فیلم آموزش معرفی عناصر کاذب after و before در CSS
  101. فیلم آموزش استایل دهی نقل قول با عناصر کاذب after و before در CSS
  102. تمرین – کدنویسی منوی افقی خاص!
  103. فیلم آموزش و معرفی انتخابگرهای CSS با کاربردهای خاص
  104. فیلم آموزش آشنایی با attribute selector ها در CSS
  105. تمرین – کدنویسی طرح گرافیکی یک سایت کامل
  106. آموزش حرفه ای طراحی صفحات وب (آموزش تبدیل PSD به HTML)

نظرات کاربران (2)