ایجاد یک تجربه وب واکنشگرا

مدرس Chris Converse

انتشار 2013/11/18

مدت زمان 1h 23m

سطح پیشرفته

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

آموزش Creating a Responsive Web Experience

بسیاری از اوقات، تغییر اندازه طراحی وب شما برای ایجاد یک تجربه کاربری رضایت بخش کافی نیست. این دوره به شما کمک می کند تا صفحات وب خود را با HTML، CSS و جاوا اسکریپت به اندازه های مختلف صفحه نمایش پاسخگوتر کنید. کریس کانورس نشان می‌دهد که چگونه HTML موجود خود را تغییر دهید، محتوا را به‌صورت پویا بارگیری کنید، عناصر را در صفحه متحرک کنید، و پیمایش را در صفحه‌های کوچک‌تر جمع کنید—در حالی که به کاربران اجازه می‌دهد منوها را با یک ضربه انگشت خود گسترش دهند.rnrn اما اگر قبلاً جاوا اسکریپت ننوشته اید، نگران نباشید. این دوره یک رویکرد گام به گام برای نوشتن فقط کدهایی را ارائه می دهد که برای تکرار تجربه ای که کریس روی صفحه نشان می دهد نیاز دارید.

Cascading Style Sheets (CSS) Front-end Development HTML jQuery Multi-Device Design Responsive Web Design Web Application Development

Introduction

Preview the final project ()

About the exercise files ()

The software you'll need to complete this course ()

For those using Dreamweaver ()

1. Modifying the Previous Project

Modifying the graphics ()

Adjusting the CSS for the navigation ()

2. Dynamically Loading Content

Adding a content container and files ()

Adding JavaScript and jQuery to your project ()

Loading content with jQuery ()

3. Styling the Hero Area

Positioning the image and caption ()

Styling the hero captions ()

4. Adjusting the Experience Based on Screen Size

Determining the screen size with JavaScript ()

Detecting a change in screen size ()

Loading alternative content based on screen size ()

Setting up the mobile nav button ()

Setting up the mobile nav panel ()

Opening and closing the nav panel ()

5. Animating the Hero Panel

Preloading images ()

Animating the hero elements ()

6. Maintaining Support for Internet Explorer 7 and 8

Altering the CSS and JavaScript for Internet Explorer 7 and 8 ()

Conclusion

Where to go from here ()

Ex_Files_Resp_Web_Exp.zip (10.6 MB)

Ex_Files_Resp_Web_Exp_Free.zip (495 KB)

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

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

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

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

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

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

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