web设计Adobe Dreamweaver CS6教程

资源介绍

---

语言：英语
网址：https://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

---

百度网盘可以用手机平板电脑在线播放，也可以下载之后播放

百度网盘下载地址