آموزش ایجاد یک تجربه وب Responsive

مقدمه Introduction

• پیش نمایش پروژه نهایی Preview the final project

• درباره پرونده های تمرینی About the exercise files

• نرم افزاری که شما برای تکمیل این دوره نیاز دارید The software you'll need to complete this course

• برای افرادی که از Dreamweaver استفاده می کنند For those using Dreamweaver

1. اصلاح پروژه قبلی 1. Modifying the Previous Project

• اصلاح گرافیک Modifying the graphics

• تنظیم CSS برای پیمایش Adjusting the CSS for the navigation

2. محتوای بارگذاری پویا 2. Dynamically Loading Content

• افزودن یک ظرف محتوا و پرونده ها Adding a content container and files

• JavaScript و jQuery را به پروژه خود اضافه کنید Adding JavaScript and jQuery to your project

• بارگیری محتوا با jQuery Loading content with jQuery

3. سبک کردن Hero Area 3. Styling the Hero Area

• قرار دادن تصویر و زیرنویس Positioning the image and caption

• نوشتن شرح تصاویر قهرمان Styling the hero captions

4. تنظیم تجربه بر اساس اندازه صفحه نمایش 4. Adjusting the Experience Based on Screen Size

• تعیین اندازه صفحه با JavaScript Determining the screen size with JavaScript

• تشخیص تغییر اندازه صفحه نمایش Detecting a change in screen size

• بارگیری محتوای جایگزین بر اساس اندازه صفحه نمایش Loading alternative content based on screen size

• دکمه nav mobile را تنظیم کنید Setting up the mobile nav button

• تنظیم پانل ناوبری موبایل Setting up the mobile nav panel

• پانل nav را باز و بسته کنید Opening and closing the nav panel

5. انیمیشن کردن صفحه قهرمان 5. Animating the Hero Panel

• بارگیری تصاویر Preloading images

• متحرک کردن عناصر قهرمان Animating the hero elements

6. حفظ پشتیبانی از اینترنت اکسپلورر 7 و 8 6. Maintaining Support for Internet Explorer 7 and 8

• تغییر CSS و JavaScript برای Internet Explorer 7 و 8 Altering the CSS and JavaScript for Internet Explorer 7 and 8

نتیجه Conclusion

• از اینجا به کجا بروم Where to go from here