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

مدرس Chris Converse

انتشار 2016/12/08

به‌روز‌رسانی 2017/09/28

مدت زمان 5h 7m

سطح متوسط

فایل تمرینی دارد

آموزش Creating Web Media

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

Cascading Style Sheets (CSS) Front-end Development Web Content Creation Web Media Web Standards

Introduction

Welcome to "Creating Web Media" ()

1. Creating Web Media

SVG symbols with Illustrator ()

The video element ()

Control colors in SVG with CSS ()

High-definition graphics with Sketch ()

Add a Twitter feed ()

Combine images with Canvas ()

Generate assets in Photoshop in no time ()

Web graphics from InDesign ()

Keeping it in proportion ()

Responsive iFrames ()

Create a tiling SVG with Illustrator ()

Create a tiling SVG with Sketch ()

Loop a CSS animation ()

The Audio element ()

Randomized animation with JavaScript ()

Get SVG from Photoshop ()

Customize your thumbnails in WordPress ()

Read JPG metadata with PHP ()

Animate a sprite sheet with CSS ()

Animate a sprite sheet with JavaScript ()

Interactive inline photo gallery ()

Create customizable graphics with CSS ()

Fullscreen background video ()

Load animation with HTML and CSS ()

Video jump points with JavaScript ()

Base64 encoding images ()

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 ()

Inline video for iOS ()

Image zoom to point of interest ()

Mask an image in SVG ()

Animate an HTML canvas ()

Trigger content from a video ()

Responsive SVG Logo ()

Zooming hover state ()

Animate SVG with CSS ()

Custom Google Maps markers ()

Sprite sheet for animation with Photoshop ()

Sprite sheet for animation with Sketch ()

Media_animating_HTML_canvas.zip (287 KB)

Media_calculating_resize.zip (512 KB)

Media_responsive_images_img_element.zip (440 KB)

Media_Gulp_and_Sketch.zip (35.6 MB)

Media_base64_encode_images.zip (51 KB)

Media_chapter_links_video.zip (10.5 MB)

Media_loading_animation_CSS.zip (82 KB)

Media_fullscreen_background_video.zip (5.7 MB)

Media_customizable_graphics_CSS.zip (707 KB)

Media_inline_gallery_CSS.zip (594 KB)

Media_animate_spritesheet_JS.zip (143 KB)

Media_animate_spritesheet_CSS.zip (143 KB)

Media_metadata_PHP.zip (287 KB)

Media_WordPress_custom_thumbnails.zip (1.4 MB)

Media_SVG_from_Photoshop.zip (15.3 MB)

Media_js_random_flicker.zip (113 KB)

Media_audio_element.zip (49.2 MB)

Media_css_looping_animation.zip (41 KB)

Media_svg_tile_sketch.zip (10 KB)

Media_svg_tile_illustrator.zip (727 KB)

Media_responsive_iframe.zip (51 KB)

Media_Video_Element.zip (28.6 MB)

Media_SVG_Symbols_Illustrator.zip (379 KB)

Media_SVG_Colors_in_CSS.zip (41 KB)

Media_canvas_combine_images.zip (287 KB)

Media_twitter_timeline.zip (512 KB)

Media_hi_def_graphics_sketch.zip (1.1 MB)

Media_web_graphics_indesign.zip (1.1 MB)

Media_photohop_generator.zip (14.4 MB)

Media_trigger_content_from_video.zip (10.6 MB)

Media_mask_images_SVG.zip (61 KB)

Media_zoom_to_point_of_interest.zip (2.7 MB)

Media_inline_video_iOS.zip (10.5 MB)

Media_indicating_file_types.zip (31 KB)

Media_sprite_sheet_for_links.zip (21 KB)

Media_responsive_images_picture_element.zip (440 KB)

Media_zooming_hover_state.zip (242 KB)

Media_responsive_SVG_logo.zip (26 KB)

Media_customized_Google_Map_markers.zip (102 KB)

Media_animating_SVG_with_CSS.zip (61 KB)

Media_Sketch_sprite_sheet_for_animation.zip (195 KB)

Media_Photoshop_sprite_sheet_for_animation.zip (195 KB)

Media_animating_SVG_with_CSS.zip (61 KB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

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