دوره آموزشی تصاویر و شکل ها در HTML

جزئیات دوره

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

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

سرفصل ها

0. مقدمه

01 - خوش آمدید
02 - آنچه باید بدانید
03 - راه‌اندازی کامپیوتر

1. ملزومات تصویر

04 - استفاده از عنصر img و ویژگی src
05 - دسترسی - ویژگی‌های alt و title
06 - اندازه تصویر - عرض و ارتفاع
07 - به دست آوردن تصاویر

2. فرمت‌های تصویر

08 - نمای کلی فرمت تصویر
09 - GIF و PNG - قالب برای هنر خط
10 - JPEG - فرمت عکس
11 - SVG - قالب برای هنر خط برداری

3. تصاویر و CSS

12 - حاشیه ‌ها , padding و فاصله ها
13 - هم ترازی
14 - چالش - تصاویر و متن
15 - راه حل - تصاویر و متن
16 - جلوه‌های ویژه
17 - تصاویر پس زمینه

4. تصاویر واکنش گرا

18 - وضوح و تراکم پیکسل
19 - کنترل تراکم پیکسل
20 - استفاده از srcset و اندازه ها
21 - تست وضوح صفحه نمایش
22 - چالش - از srcset استفاده کنید
23 - راه حل - از srcset استفاده کنید
24 - جهت هنری - عنصر تصویر

5. ارقام

25 - استفاده از عناصر شکل و figcaption
26 - شماره گذاری خودکار ارقام با CSS

نتیجه

27 - مراحل بعدی

دوره آموزشی تصاویر و شکل ها در HTML

مدرسین

J. David Eisenberg