آموزش یادگیری رسانه Responsive

Learning Responsive Media

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: چرا خود را محدود به تصاویر درون خطی و متن ثابت می کنیم ، به خصوص در دوران چند دستگاهی و چند پلت فرم ما؟ رسانه های پاسخگو به شما امکان می دهند محتوای بیشتری را با افراد بیشتری به اشتراک بگذارید. آنچه را که برای ساختن صفحات غنی از تصویر و تایپوگرافی (با ویدئوی HTML5!) که به درستی در طیف وسیعی از دستگاه ها به درستی نمایش داده می شوند ، بدانید. کریستوفر اشمیت همچنین به شما نشان می دهد که چگونه طرح های با عرض ثابت را به طرح های شبکه مایع تبدیل کنید که با اندازه های مختلف صفحه سازگار شوند ، از پرس و جوهای رسانه برای ارائه تجارب طراحی سفارشی استفاده کنید و تصاویر PNG ، JPEG و SVG را تهیه و بازیابی کنید تا به بهترین شکل ممکن به نظر برسند .
موضوعات شامل:
  • استفاده از مقادیر مبتنی بر درصد برای مقیاس گذاری
  • تغییر اندازه تایپوگرافی
  • استفاده از قلم های آیکون
  • جاسازی محتوای ویدیویی HTML5
  • تغییر اندازه و فشرده سازی تصاویر شطرنجی
  • فشرده سازی تصاویر برداری

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

مقدمه Introduction

  • خوش آمدی Welcome

  • با استفاده از پرونده های تمرینی Using the exercise files

  • نرم افزار The software

1. مبانی پاسخگو 1. Responsive Basics

  • تنظیم مقیاس اولیه viewport Setting viewport initial scale

  • با استفاده از مقادیر مبتنی بر درصد Using percentage-based values

  • تنظیم نقاط شکست Setting breakpoints

2. نوع و نمادهای پاسخگو 2. Responsive Type and Icons

  • تغییر اندازه تایپوگرافی Resizing typography

  • با استفاده از قلم های آیکون Using icon fonts

  • سفارشی کردن مجموعه های آیکون Customizing icon sets

3. تکنیک های فیلمبرداری پاسخگو 3. Responsive Video Techniques

  • تنظیم پخش کننده ویدیوی HTML5 Setting up an HTML5 video player

  • تعبیه فیلم انعطاف پذیر Flexible video embedding

4. عکس های پاسخگو Raster 4. Responsive Raster Images

  • تصاویر شایع کننده در مقابل انواع دیگر پرونده ها Raster images vs. other file types

  • تغییر اندازه تصاویر شطرنجی Resizing raster images

  • فشرده سازی تصاویر بزرگ Compressing large images

  • تعویض تصاویر پاسخگو Swapping responsive images

  • ترکیب تکنیک ها Combining techniques

5. تصاویر بردار پاسخگو 5. Responsive Vector Images

  • ساخت عناصر SVG Making SVG elements

  • فشرده سازی تصاویر بردار Compressing vector images

نتیجه Conclusion

  • مراحل بعدی Next steps

نمایش نظرات

آموزش یادگیری رسانه Responsive
جزییات دوره
58m 5s
19
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
31,074
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Christopher Schmitt Christopher Schmitt

موسس Heat Vision، یک شرکت کوچک انتشار و طراحی رسانه های جدید، کریستوفر اشمیت، یک طراح وب برنده جایزه است که از سال 1993 با وب کار می کند. طراحی های عملی مبتنی بر استانداردها او علاوه بر عضویت در گروه ویژه آموزشی آن، یکی از رهبران گروه کاری Adobe برای پروژه استانداردهای وب (WaSP) است. کریستوفر نویسنده بسیاری از کتاب‌های طراحی وب و تصویربرداری دیجیتال، از جمله تطبیق با استانداردهای وب: CSS و Ajax برای سایت‌های بزرگ و کتاب آشپزی CSS، برای MSDN، .net Magazine، New Architect Magazine، A List Apart، Digital Web و Web نوشته است. ارجاع.