دوره آموزشی ایجاد رسانه وب
5 ساعت 7 دقیقهمتوسط2017-09-28
مدرسین

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 برای پیادهسازی مدیا
در این مجموعه، همراه با 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
دوره های مرتبط
- دوره آموزشی استادی در ایدهپردازی و نگارش فیلمنامه برای محتوای کوتاهمدت
- دوره آموزشی تسلط بر ویرایش محتوای کوتاه با استفاده از CapCut
- دوره آموزشی استادی فیلمبرداری برای محتوای کوتاه: تجهیزات، نکات و تکنیکها
- دوره آموزشی از ایدهپردازی تا اجرا: نقشه راه خالق محتوا
- دوره آموزشی استراتژی محتوا در عصر هوش مصنوعی
- دوره آموزشی آمادگی برای گواهینامه Salesforce Marketing Associate
- دوره آموزشی پنج استراتژی بازاریابی دیجیتال برای افزایش تبدیلها
- دوره آموزشی ایجاد محتوای آنلاین