|
游客,本帖隐藏的内容需要积分高于 1 才可浏览,您当前积分为 0
资源信息:
中文名: web设计Adobe Dreamweaver CS6教程
英文名: Lynda.com Responsive Design with Dreamweaver CS6
资源格式: 光盘镜像
主讲人: Joseph Lowery
发行日期: 2012年8月21日
地区: 美国
对白语言: 英语
文字语言: 英文
概述:
语言:英语
网址:http://www.lynda.com/Dreamweaver-tutorials/Responsive-Design-Dreamweaver-CS6/101071-2.html
类别:教程
Lynda.com 出品的时长2小时6分钟的web设计Adobe Dreamweaver CS6教程。Adobe Dreamweaver CS6 是 Adobe Creative Suite 6 系列中的 HTML 编辑器和网页设计软件,是最优秀的可视化网页设计工具之一,它拥有直观的可视界面,可制作并编辑网站和移动应用程序。本课程演示了两种方法来适应 web 设计新流体网格布局功能和媒体查询,让web设计师达到自己的目标适应受众通过台式电脑,平板电脑或其他移动设备访问。Joseph Lowery演示了如何使用流体网格布局,在Dreamweaver中建立一个单一的网站,提供不同的布局有针对性的屏幕尺寸。本课程还提供了更先进的方法,通过使用媒体查询,采用多屏预览功能,提高所产生的输出代码以及移动的首要任务和自适应图像处理方法的响应设计。
Adobe Dreamweaver CS6 使设计人员和开发人员能够设计、开发和维护标准型网站和应用程序、高效创建复杂项目,其响应迅速的自适应网格版面系统为各种设备类型建立版面,让页面设计变得更有效率。Adobe Dreamweaver CS6 比 Adobe Dreamweaver CS4 和 Adobe Dreamweaver CS5 支持更多行业标准,如 HTML5 和 CSS3,另外还针对热门平板电脑和智能手机特别设计,通过 jQuery 移动、PhoneGap、多屏幕预览面板、自适应网格版面、CSS3/HTML5 等快速建立移动应用程序。
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
资源更新列表
http://www.VeryCD.com/i/5190747/create/fol...postTime
目录:
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
代码
.· ░░░ ·■. ▀ ▓▄■ ■ ▄░ ■▄░ ▀▄ zk ■
▄▓█████▓▄ ▀▄ · ▄▓ ▄███▄░ ▄▄▄▄████ ░▄███▄ ▀▓█▄▄▄▄▄▄░ ·
████▀▀▀███▄ ██▄ ▄██ █████████▄ ▒█████▀▀██ ▄█████████▄ ██████████▄
▒███ ▓██░███ ███ ▓██▀ ▀██▓ ▓██▓ ▓██░███▀ ▓███ ███ ▀██▓
▓███ ▓██▓███░ ███░███░ ▓██░███░ ▄██▀ ██▓ ░███░███ ▓█▓
▓███ ▓██████░ ███████ ▀██████ ▀ ██▀ ███▓███░ ▄▓█▓
▓██▓ ███████░ ████████████████████████████████████████████████▀▀
▒██▓ ░▄ ███▓███░ ███░██▀▀▀▀▀▀▀██▓▀▀▀▀▀▀▀▀███▓██▀▀▀▀▀▀▀██▀███▀▀▀▀███▄
███▄ ▓█▄███░███░ ███░███░ ▓██░ ▄▄▄■ ███░██▓░ ░███ ▓██ ███░
▀█████████░ ███▓░ ▄███ ██▀ ▀██ ███ ░██▓ ██▀ ▓██ ▓██ ▓██▓
▀▀▓▓░███▄ ▀█████████▀ █▀ ▀█ ████▄▄▄███▒▄▀ ▀█▓███ ░███
▀██▄ ▀▀▓▓░▀▀ ▀ ▀ ▀▀█████▀▀ .░ ▓██
▀ .· ▄█▀
▀ ▀
QUASAR PROUDLY PRESENTS
· ───────────────────────────────────────────────────────────────────────── ·
Responsive Design with Dreamweaver CS6
(c) Lynda.com
Supplier . : QUASAR Size ..... : 17 x 15MB
Cracker .. : QUASAR Protection : Condom
Packager . : QUASAR Type ..... : Brain Enhancement
Date ..... : 08–31–2012 OS ....... : Win/Mac
· ───────────────────────────────────────────────────────────────────────── ·
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 h
andling 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
· ───────────────────────────────────────────────────────────────────────── ·
INSTALLATION
────────────
Unpack, burn or mount and enjoy.
· ───────────────────────────────────────────────────────────────────────── ·
GREETINGS
─────────
We salute our friends, our loyal members and our fair competitors.
· ───────────────────────────────────────────────────────────────────────── ·
░▓██████████████▓░ ··· THE ALMIGHTY QUASAR · 2010 ··· ░▓██████████████▓░
· ───────────────────────────────────────────────────────────────────────── ·
|