آموزش طراحی وب Responsive دستی 2: تصاویر و اسلایدرهای Responsive
2h 1m
32
Pluralsight
02 شهریور 1396
29
دارد (اگر در سایت مرجع باشد، قرارداده می‌شود.)
دارد
دارد
Paul Cheney

https://donyad.com/d/2bba

آموزش طراحی وب Responsive دستی 2: تصاویر و اسلایدرهای Responsive

Hands-on Responsive Web Design 2: Responsive Images and Sliders

سرفصل ها و درس ها | نظرات

توضیحات دوره: هنگام ایجاد هر وب سایت پاسخگو ، معمولاً از اطلاعات HTML5 ، CSS3 و SASS اطلاع دارید. این دوره به شما می آموزد که چگونه با استفاده از برچسب های تصویر و عکس که می توانید در پروژه توسعه وب بعدی خود استفاده کنید ، تصاویر واکنش گرا را پیاده سازی کنید. همه را بزرگ کنید بررسی اجمالی دوره 1 متر 10 ثانیه مقدمه 8 متر 6 ثانیه تصاویر پس زمینه و مقیاس بندی 25 متر 0 ثانیه آرم تراکم Pixel 9m 44s تصاویر پاسخگو به اندازه مشابه 14m 28s تصاویر پاسخگو در اندازه های مختلف 16m 34s کارگردانی هنری 20 متر 37s تصاویر تنبل بار 15 متر 27 ثانیه لغزنده های تصویر 10 متر 31 ثانیه علائم تجاری و نام تجاری اشخاص ثالث ذکر شده در این دوره متعلق به صاحبان مربوطه می باشند و Pluralsight وابسته یا تأیید شده توسط این احزاب نیست.


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

بررسی اجمالی دوره Course Overview

  • بررسی اجمالی دوره Course Overview

مقدمه Introduction

  • بررسی اجمالی Overview

  • تراکم پیکسل Pixel Density

تصاویر پس زمینه و مقیاس بندی Background and Scaling Images

  • بررسی اجمالی Overview

  • ساخت تصاویر هدر زمینه در فتوشاپ Building the Background Header Images in Photoshop

  • افزودن تصویر پس زمینه هدر در CSS Adding the Header Background Image in the CSS

  • ساخت و افزودن تصویر بدنه مقیاس پذیر Building and Adding the Scaling Body Image

  • در حال آزمایش صفحه Testing the Page

آرم تراکم Pixel Pixel Density Logo

  • بررسی اجمالی Overview

  • ساخت آرم های مختلف Building the Different Sized Logos

  • افزودن نشان ها به عنوان صفحه وب با استفاده از SRCSET Adding the Logos to the Web Page Header Using SRCSET

  • در حال آزمایش سایت در چندین مرورگر و دستگاه Testing out Site on Multiple Browsers and Devices

تصاویر پاسخگو به اندازه مشابه Similar Sized Responsive Images

  • بررسی اجمالی Overview

  • ایجاد تصاویر در فتوشاپ Creating Images in Photoshop

  • ساختن ستون های روزنامه Building Newspaper Columns

  • استفاده از SRCSET برای یک تصویر محتوا Using SRCSET for a Content Image

  • صفحه و توصیه ها را امتحان کنید Testing Page and Recommendations

تصاویر پاسخگو در اندازه های مختلف Different Sized Responsive Images

  • بررسی اجمالی Overview

  • تصویر با 50 درصد عرض صفحه Image at 50 Percent Page Width

  • تصویر در عرض های چند صفحه Image at Multiple Page Widths

  • در حال آزمایش صفحه در چندین مرورگر Testing Page on Multiple Browsers

کارگردانی هنری Art Direction

  • بررسی اجمالی Overview

  • تصویر قهرمان پرتره با استفاده از جهت هنری Portriat Hero Image Using Art Direction

  • تصویر قهرمان پرتره و منظره با استفاده از جهت هنری Portriat and Landscape Hero Image Using Art Direction

  • معرفی Tag Tag Introducing the Picture Tag

  • تست و بررسی اندازه صفحه Testing and Page Size Review

تصاویر تنبل بار Lazy Load Images

  • بررسی اجمالی Lazy Loading Overview of Lazy Loading

  • تنبل بارگیری با جاوا اسکریپت Lazy Loading with JavaScript

  • در حال بارگذاری تنبل با تصاویر پاسخگو Lazy Loading with Responsive Images

لغزنده های تصویر Image Sliders

  • نمای کلی اسلایدرها Overview of Sliders

  • با یک مجموعه عکس یک اسلایدر بسازید Build a Slider with One Set of Images

  • با تصاویر پاسخگو یک اسلایدر بسازید Build a Slider with Responsive Images

نمایش نظرات

نظری ارسال نشده است.

Paul Cheney

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