دوره تصاویر SVG برای وب: طراحی و کاربرد همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره تصاویر SVG برای وب: طراحی و کاربرد

موضوع کلی: انتشارات رومیزی

موضوع میانی: مناسب‌سازی تصاویر برای وب

📋 سرفصل‌های دوره

• 1. مقدمه‌ای بر گرافیک برداری و SVG
• 2. مزایای استفاده از SVG در مقایسه با فرمت‌های تصویری دیگر
• 3. ساختار یک فایل SVG: تگ‌ها، عناصر و атрибуты
• 4. ابزارهای طراحی و ویرایش SVG (Inkscape, Adobe Illustrator, Figma)
• 5. نصب و پیکربندی Inkscape برای طراحی SVG
• 6. آشنایی با رابط کاربری Inkscape
• 7. ایجاد اشکال پایه در Inkscape (مربع، دایره، خط، چندضلعی)
• 8. ویرایش گره‌ها و مسیرها در SVG
• 9. کار با رنگ‌ها، گرادیان‌ها و الگوها در SVG
• 10. اعمال افکت‌ها و فیلترها به تصاویر SVG
• 11. کار با لایه‌ها در Inkscape
• 12. بهینه‌سازی SVG برای وب: کاهش حجم فایل
• 13. استفاده از SVG در HTML: تگ `<img>` و `object`
• 14. استفاده از SVG به عنوان پس‌زمینه (background-image) در CSS
• 15. انیمیشن‌های SVG: مقدمه‌ای بر CSS animations و SMIL
• 16. ایجاد انیمیشن‌های ساده با CSS animations
• 17. ایجاد انیمیشن‌های پیچیده‌تر با SMIL
• 18. دستکاری SVG با JavaScript
• 19. کتابخانه‌های JavaScript برای کار با SVG (Snap.svg, D3.js)
• 20. ایجاد نمودارها و گرافیک‌های تعاملی با SVG و JavaScript
• 21. استفاده از SVG در طراحی واکنش‌گرا (Responsive Web Design)
• 22. SVG و دسترس‌پذیری وب (Accessibility)
• 23. بهینه‌سازی SVG برای موتورهای جستجو (SEO)
• 24. استفاده از SVG در آیکون‌ها و لوگوها
• 25. ایجاد آیکون‌های قابل مقیاس با SVG
• 26. استفاده از SVG در نقشه‌های تعاملی
• 27. استفاده از SVG در اینفوگرافیک‌ها
• 28. تکنیک‌های پیشرفته ویرایش SVG
• 29. کار با متون در SVG
• 30. وارد کردن و صادر کردن فایل‌های SVG
• 31. عیب‌یابی مشکلات رایج SVG
• 32. به‌روزرسانی و نگهداری تصاویر SVG
• 33. استفاده از SVG در فریم‌ورک‌های CSS (Bootstrap, Tailwind CSS)