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

Creating Web Media

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: رسانه های با کیفیت بالا برای هر وب سایتی ضروری است. اما برای خوشحال نگه داشتن بازدیدکنندگان ، باید سریع بارگیری شود و عالی به نظر برسد. توسعه دهندگان وب باید بتوانند کیفیت و عملکرد را برای انواع مختلف از جمله گرافیک ، انیمیشن ، ویدئو و صدا متعادل کنند. ایجاد وب رسانه مجموعه ای است که به شما در ایجاد ، بهینه سازی و پیاده سازی رسانه ها به مدرن ترین شکل ممکن کمک می کند. با کریس کنورس همراه باشید تا با استفاده از CSS ، HTML و JavaScript روش های جدیدی را برای ادغام گرافیک بیت و نقشه برداری (از جمله SVG) ، صوتی و تصویری و فیدهای رسانه های اجتماعی و سایت های ویدیویی در سایت های خود بیاموزید

سرفصل ها و درس ها

مقدمه Introduction

  • به "ایجاد رسانه وب" خوش آمدید Welcome to "Creating Web Media"

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

  • نمادهای SVG با Illustrator SVG symbols with Illustrator

  • عنصر ویدیو The video element

  • کنترل رنگ ها در SVG با CSS Control colors in SVG with CSS

  • گرافیک با کیفیت بالا با Sketch High-definition graphics with Sketch

  • یک فید توییتر اضافه کنید Add a Twitter feed

  • تصاویر را با بوم ترکیب کنید Combine images with Canvas

  • هیچ وقت دارایی در فتوشاپ ایجاد نکنید Generate assets in Photoshop in no time

  • گرافیک وب از InDesign Web graphics from InDesign

  • متناسب نگه داشتن آن Keeping it in proportion

  • پاسخگو iFrame... Responsive iFrames

  • SVG کاشی کاری با Illustrator ایجاد کنید Create a tiling SVG with Illustrator

  • با Sketch یک SVG کاشی کاری ایجاد کنید Create a tiling SVG with Sketch

  • حلقه انیمیشن CSS Loop a CSS animation

  • عنصر صوتی The Audio element

  • انیمیشن تصادفی با JavaScript Randomized animation with JavaScript

  • SVG را از فتوشاپ دریافت کنید Get SVG from Photoshop

  • تصاویر کوچک خود را در وردپرس سفارشی کنید Customize your thumbnails in WordPress

  • ابرداده JPG را با PHP بخوانید Read JPG metadata with PHP

  • با CSS یک برگه اسپری را تحریک کنید Animate a sprite sheet with CSS

  • با جاوا اسکریپت یک صفحه برگه را تحریک کنید Animate a sprite sheet with JavaScript

  • گالری عکس درون خطی تعاملی Interactive inline photo gallery

  • با CSS گرافیکی قابل تنظیم ایجاد کنید Create customizable graphics with CSS

  • فیلم پس زمینه تمام صفحه Fullscreen background video

  • انیمیشن را با HTML و CSS بارگیری کنید Load animation with HTML and CSS

  • نقاط پرش ویدیو با JavaScript Video jump points with JavaScript

  • تصاویر رمزگذاری Base64 Base64 encoding images

  • استفاده از GULP با پرونده Sketch Using GULP with Sketch files

  • تصاویر پاسخگو و عنصر تصویر Responsive images and the image element

  • تصاویر پاسخگو و عنصر تصویر Responsive images and the picture element

  • برای پیوندها یک برگه اسپری ایجاد کنید Create a sprite sheet for links

  • انواع فایل بارگیری را مشخص کنید Indicate download file types

  • ویدئوی داخلی برای iOS Inline video for iOS

  • بزرگنمایی تصویر تا نقطه مورد نظر Image zoom to point of interest

  • یک تصویر در SVG ماسک کنید Mask an image in SVG

  • بوم HTML را تحریک کنید Animate an HTML canvas

  • محتوا را از یک ویدیو شروع کنید Trigger content from a video

  • پاسخگو SVG آرم Responsive SVG Logo

  • حالت شناور بزرگنمایی Zooming hover state

  • SVG را با CSS تحریک کنید Animate SVG with CSS

  • نشانگرهای Google Maps را سفارشی کنید Custom Google Maps markers

  • ورق اسپری برای انیمیشن با فتوشاپ Sprite sheet for animation with Photoshop

  • ورق Sprite برای انیمیشن با Sketch Sprite sheet for animation with Sketch

نمایش نظرات

Linkedin (لینکدین)

لینکدین: شبکه اجتماعی حرفه‌ای برای ارتباط و کارآفرینی

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

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

آموزش ایجاد وب رسانه
جزییات دوره
5h 7m
43
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
58,404
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Converse Chris Converse

طراح و توسعه دهنده در استودیوی طراحی کدیفای