وب روش های متعددی را برای داشتن گرافیک قابل دسترسی، قابل اعتماد و مناسب برای انواع صفحه نمایش های مختلف ارائه می دهد. این فقط IMG نیست. در این دوره با  روش های بسیاری برای ارائه گرافیک در صفحات وب، در مورد فرمت های تصویری مختلف، از جمله GIF، PNG و JPEG، نحوه تنظیم و استایل تصاویر با CSS، اصول طراحی واکنش گرا، نحوه استفاده از  عناصر ارقام و figcaption برای نوشتن کپشن تصاویر و غیره آشنا می شوید.

سرفصل:

  • استفاده از عنصر img
  • تغییر اندازه تصاویر
  • گرفتن تصاویر برای وب سایت
  • فرمت های تصویر و زمان استفاده از آنها
  • استایل تصاویر با CSS
  • تنظیم borders، حاشیه ها و padding
  • افزودن تصاویر پس زمینه
  • تست رزولوشن صفحه نمایش
  • ارقام شماره گیری خودکار با CSS

مباحث دوره:

  • معرفی دوره
  • راه اندازی کامپیوتر شما
  • ملزومات تصویر
  • استفاده از عنصر img و src attribute
  • قابلیت دسترسی: ویژگی های alt و title
  • اندازه تصویر: عرض و ارتفاع
  • گرفتن تصاویر
  • فرمت های تصویری
  • نمای کلی فرمت تصویر
  • GIF و PNG: فرمت برای خط هنر
  • JPEG: فرمت عکس
  • SVG: فرمت برای هنر خط بردار
  • تصاویر و CSS
  • borders، spacing و padding
  • هم ترازی
  • چالش: تصاویر و متن
  • راه حل: تصاویر و متن
  • جلوه های ویژه
  • تصاویر پس زمینه
  • تصاویر واکنش گرا
  • رزولوشن و تراکم پیکسل
  • مدیریت تراکم پیکسل
  • استفاده از srcset و اندازه
  • تست رزولوشن صفحه نمایش
  • چالش: از srcset استفاده کنید
  • راه حل: از srcset استفاده کنید
  • جهت تصویر: عنصر تصویر
  • ارقام
  • استفاده از عناصر ارقام و figcaption
  • ارقام شماره گیری خودکار با CSS
  • نتیجه
  • مراحل بعدی