تخفیف ویژه همین الان — دوره‌های تخفیف‌دار را ببینید.
روز
:
ساعت
:
دقیقه
:
ثانیه
تخفیف‌های ویژه
دوره آموزشی ایجاد رسانه وب

دوره آموزشی ایجاد رسانه وب

5 ساعت 7 دقیقهمتوسط2017-09-28

مدرسین

Chris Converse

Chris Converse

Applies design and UX principles to technology

جزئیات دوره

مدیاهای با کیفیت بالا برای هر وبسایت ضروری هستند. اما برای اینکه بازدیدکنندگان راضی باشند، این مدیاها باید هم سریع بارگذاری بشوند و هم ظاهری زیبا داشته باشند. به عنوان یک توسعه‌دهنده وب، شما باید توانایی ایجاد تعادل بین کیفیت و عملکرد را برای انواع مختلف مدیاها داشته باشید؛ از جمله گرافیک‌ها، انیمیشن‌ها، ویدئو و صدا. Creating Web Media یک مجموعه آموزشی است که به شما کمک می‌کند تا مدیاهای وب را به بهترین شکل ممکن ایجاد، بهینه‌سازی و پیاده‌سازی کنید.

در این مجموعه، همراه با Chris Converse، شما روش‌های جدیدی برای استفاده از گرافیک‌های Bitmap و Vector (شامل SVG)، صدا و ویدئو، و فیدهای اجتماعی و ویدئوهای استریم شده در سایت‌های خود می‌آموزید. این کارها با استفاده از تکنیک‌های CSS، HTML و JavaScript انجام می‌شود تا بتوانید تجربه کاربری خوبی برای بازدیدکنندگان سایت خود فراهم کنید.

اهداف یادگیری
ایجاد تعادل بین کیفیت و عملکرد در رسانه‌های وب
استفاده از گرافیک‌های Bitmap و Vector در طراحی وب
بهینه‌سازی رسانه‌ها برای بارگذاری سریع
استفاده از SVG برای گرافیک‌های مقیاس‌پذیر
یکپارچه‌سازی ویدئو و صدا در صفحات وب
کار با فیدهای اجتماعی و ویدئوهای استریم شده
استفاده از CSS، HTML و JavaScript برای پیاده‌سازی مدیا

مهارت ها

Content StrategyCSSWeb StandardsWeb DesignUser ExperienceProjectWeb DevelopmentOpen Source

سرفصل ها

0. مقدمه

  • 01 - به ایجاد رسانه وب خوش آمدید

1. ایجاد رسانه وب

  • 02 - نمادهای SVG با Illustrator
  • 03 - عنصر ویدئو
  • 04 - رنگ‌ها را در SVG با CSS کنترل کنید
  • 05 - گرافیک با کیفیت بالا با Sketch
  • 06 - یک فید توییتر اضافه کنید
  • 07 - تصاویر را با بوم ترکیب کنید
  • 08 - در فتوشاپ دارایی‌ها را در کمترین زمان ایجاد کنید
  • 09 - گرافیک وب از InDesign
  • 10 - متناسب نگه داشتن آن
  • 11 - آی فریم‌های پاسخگو
  • 12 - یک SVG کاشی کاری با Illustrator ایجاد کنید
  • 13 - یک SVG کاشی کاری با Sketch ایجاد کنید
  • 14 - یک انیمیشن CSS را حلقه کنید
  • 15 - عنصر صوتی
  • 16 - انیمیشن تصادفی با جاوا اسکریپت
  • 17 - SVG را از فتوشاپ دریافت کنید
  • 18 - تصاویر کوچک خود را در وردپرس سفارشی کنید
  • 19 - فراداده JPG را با PHP بخوانید
  • 20 - یک صفحه sprite را با CSS متحرک کنید
  • 21 - یک صفحه sprite را با جاوا اسکریپت متحرک کنید
  • 22 - گالری عکس درون خطی تعاملی
  • 23 - گرافیک‌های قابل تنظیم با CSS ایجاد کنید
  • 24 - فیلم پس زمینه تمام صفحه
  • 25 - بارگذاری انیمیشن با HTML و CSS
  • 26 - نقاط پرش ویدیو با جاوا اسکریپت
  • 27 - تصاویر کدگذاری Base64
  • 28 - استفاده از GULP با فایل‌های Sketch
  • 29 - تصاویر واکنش گرا و عنصر تصویر
  • 30 - تصاویر واکنش گرا و عنصر تصویر
  • 31 - یک صفحه sprite برای پیوندها ایجاد کنید
  • 32 - انواع فایل‌های دانلودی را مشخص کنید
  • 33 - ویدیوی درون خطی برای iOS
  • 34 - بزرگنمایی تصویر تا نقطه مورد نظر
  • 35 - یک تصویر را در SVG ماسک کنید
  • 36 - یک بوم HTML را متحرک کنید
  • 37 - محتویات یک ویدیو را فعال کنید
  • 38 - آرم SVG پاسخگو
  • 39 - حالت شناور بزرگنمایی
  • 40 - SVG را با CSS متحرک کنید
  • 41 - نشانگرهای Google Maps سفارشی
  • 42 - برگه Sprite برای انیمیشن با فتوشاپ
  • 43 - برگه Sprite برای انیمیشن با Sketch

دوره های مرتبط

درباره ما

لینداکده یک بستر یادگیری پیشرو است که به افراد کمک می کند تا کسب و کار ، نرم افزار ، فناوری و مهارت‌های خلاقانه را برای دستیابی به اهداف شخصی و حرفه ای بیاموزد.

شماره تلفنکانال آپاراتپشتیبانی تلگرامکانال تلگرامپیج اینستاگرام

کلیه‌ی حقوق این سایت متعلق به لینداکده می باشد

قوانین و شرایط|حریم خصوصی

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
zarinpal
zibal