《web设计Adobe Dreamweaver CS6教程》(Lynda.com Responsive Design with Dreamweaver CS6)[光盘镜像]
电驴资源
电驴资源简介
| 资源介绍 |
| 文字语言: 英文 |
| 地区: 美国 |
| 对白语言: 英语 |
| 中文名: web设计Adobe Dreamweaver CS6教程 |
| 英文名: Lynda.com Responsive Design with Dreamweaver CS6 |
| 资源格式: 光盘镜像 |
| 发行日期: 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 ··· ░▓██████████████▓░ · ───────────────────────────────────────────────────────────────────────── · |


