پیشنهاد فرادرس

آموزش طراحی وب سایت واکنش گرا با Dreamweaver CS6

دسته بندی ها: آموزش Adobe Dreamweaver ، نرم افزار ها ، آموزش های لیندا (Lynda) ، طراحی وب واکنشگرا

آموزش-طراحی-وب-سایت-واکنش-گرا-با-dreamweaver-cs6

این آموزش تصویری نحوه طراحی وب سایت های واکنشگرا (Responsive) را به کمک نرم افزار Dreamweaver آموزش می دهد.

این دوره آموزشی محصول موسسه Lynda می باشد.

سرفصل های دوره آموزشی:

  • مقدمه دوره
  • آشنایی با media queries
  • کار با Structuring fluid grids
  • کار با additional media queries
  • عکس ها و رسانه های انعطاف پذیر
  • تنظیم column widths  و  margins
  • اصلاح تعداد ستون شبکه
  • گسترش در Fluid Grid Structure
  • و ...

لیست سرفصل های دوره آموزشی:

This course illustrates two approaches to responsive web design, the new Fluid Grid Layout feature and media queries, which allow a wide spectrum of designers to reach their target audience via desktops, tablets, or other mobile devices. Author Joseph Lowery shows how to use the Fluid Grid Layout feature in Dreamweaver to create a single web site that delivers different layouts to targeted screen sizes. The course also offers a more advanced approach to responsive design by using media queries—employing the Multiscreen Preview feature and enhancing the resulting output code—as well as methods for handling mobile first priorities and adaptive images.
Topics include:

Exploring the default Fluid Grid Layout Adding building block div tags Inserting content into a fluid grid Modifying the number of grid columns Adjusting column widths and margins Building media queries from scratch Handling orientation changes Applying JavaScript techniques Setting up server-side solutions

Subjects: Web CSS Software: Dreamweaver Author: Joseph Lowery

Introduction 2m 19s

Welcome 1m 0s

About the exercise files 1m 19s

1. Understanding Responsive Web Design 14m 2s

The foundation of responsive web design 5m 58s

Structuring fluid grids 3m 38s

Understanding media queries 4m 26s

2. Fluid Grid Layouts in Dreamweaver 39m 40s

Exploring the default Fluid Grid Layout 8m 34s

Adding building block div tags 7m 52s

Inserting content 8m 11s

Targeting a phone design 5m 28s

Balancing tablet layouts 9m 35s

3. Expanding on a Fluid Grid Structure 19m 6s

Modifying the number of grid columns 6m 35s

Adjusting column widths and margins 6m 9s

Including advanced page elements 6m 22s

4. Enhanced Media Queries 26m 57s

Building media queries from the ground up 9m 28s

Working with additional media queries 3m 35s

Handling orientation changes 2m 23s

Working with high-resolution displays 11m 31s

5. Flexible Images and Media 24m 14s

Core CSS manipulation 6m 59s

Applying JavaScript techniques 9m 19s

Setting up server-side solutions 7m 56s

Goodbye 25s

Next steps 25s

عنوان دوره: Lynda - Responsive Design with Dreamweaver CS6 حجم فایل: 260MB

آیا این نوشته را دوست داشتید؟
Lynda Responsive Design with Dreamweaver CS6

پیشنهاد فرادرس