آموزش ساخت آیکون های وب با SVG

دوره آموزش ساخت آیکون های وب با SVG
Lynda – Creating Web Icons with SVG
به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل

SVG یک روش مبتنی بر XML برای دستور دادن به مرورگر برای ترسیم گرافیک های برداری مقیاس پذیر بر اساس اشکال و مختصات تعریف شده است. چالش SVG ها این است که آنها مانند فایل های گرافیکی دیگر نیستند: آنها به جای شبکه ای از پیکسل ها، دستورالعمل های کدی هستند که توسط مرورگر در لحظه تفسیر می شوند.
این موضوع چالش‌های منحصربه‌فردی و فرصت‌های منحصربه‌فردی را در هنگام اجرا ایجاد می‌کند.

در این دوره آموزش ساخت آیکون های وب با SVG، روش‌های مختلفی برای استقرار آیکون‌های SVG در صفحات وب را یاد خواهید گرفت که هر کدام موارد استفاده، مزایا و معایب خاص خود را دارند.
مدرس Morten Rand-Hendriksen نحوه درج تصاویر SVG، افزودن SVG به عنوان عناصر درون خطی و SVG sprites از طریق خط فرمان و خودکارسازی SVG با Grunticon را نشان می دهد. به‌علاوه، نکاتی را در مورد سازگاری و دسترسی به گرافیک‌های خود و استفاده از نمادهای SVG در وردپرس دریافت کنید.

فهرست سرفصل های دوره : آموزش Lynda – Creating Web Icons with SVG
دوره آموزش ساخت آیکون های وب با SVG

• مقدمه
  خوش آمدی
  آنچه قبل از تماشای این دوره باید بدانید
  
• 1. در مورد SVG
  تفاوت بین SVG و فونت آیکون
  آنچه در این دوره به آن خواهیم پرداخت
  
• 2. آیکون های SVG را ایجاد و بهینه کنید
  از کجا می توان نمادهای SVG موجود را دریافت کرد
  ایجاد آیکون های خود
  SVG را با SVGOMG و SVGO بهینه کنید
  
• 3. SVG های فردی را اضافه کنید
  مروری بر روش ها
  SVG را به عنوان یک تصویر معمولی اضافه کنید
  اضافه کردن سازگاری به عقب با SVGeezy
  SVG را به عنوان یک عنصر درون خطی اضافه کنید
  با SVGInjector سازگاری رو به عقب و موارد دیگر را اضافه کنید
  SVG را به عنوان تصویر پس زمینه اضافه کنید
  تصاویر پس زمینه SVG را با عقب سازگار کنید
  یک کلمه در مورد دسترسی SVG
  
• 4. Sprites خارجی و درون خطی SVG
  مروری بر روش
  یک SVG Sprite دستی ایجاد کنید
  نمایش SVG از یک sprite درون خطی
  با SVGO و spritesh یک SVG sprite بهینه ایجاد کنید
  نمایش SVG از یک جن خارجی
  مشکلات پشتیبانی مرورگر را وصله کنید
  
• 5. فرآیند SVG خود را با Grunticon خودکار کنید
  مروری بر این روش
  آیکون های متقابل مرورگر را با Grunticon ایجاد کنید
  نمایش نمادهای Grunticon SVG در اسناد HTML
  با استفاده از Grunticon آیکون های متقابل مرورگر را در خط فرمان ایجاد کنید
  نمایش نمادهای Grunticon SVG در اسناد HTML
  
• 6. SVG در قالب های وردپرس
  با SVGInjector یک SVG درون خطی اضافه کنید
  یک منوی رسانه های اجتماعی سفارشی با Grunticon ایجاد کنید
  
• نتیجه
  متشکرم

دوره آموزش ساخت آیکون های وب با SVG
Lynda – Creating Web Icons with SVG، به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل ارائه شده است!