详情 评论 声明
商品详情
语言:英语
网址: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
声明

1、链接失效请联系客服人员。
2、购买后如果链接失效可联系客服人员完善资源或进行退款办理。
3、资源均来源于网友分享及网络公开发表文件,所有资料仅供学习交流。
4、所收取费用仅用来维系网站运营,性质为用户友情赞助,并非售卖文件费用。
5、如侵犯您的权益,请联系客服人员,我们将会在第一时间进行处理。

评论区

表情

共0条评论
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~
相关推荐