前言

Dreamweaver软件具有前端静态页面开发功能，提供了“所见即所得”的可视化操作方式，其还具有服务器端动态页面的工程开发能力，赢得了国内外众多网站页面设计师和技术开发工程师的青睐，同时让网站页面艺术设计变得直观和简单易行，因此采用Dreamweaver软件作为网页设计课程的载体，就成为众多高等院校艺术类专业的必然选择。

本书第1版自2013年2月出版以来，受到广大教师、学生和读者的喜爱，被全国许多所院校选为“网页设计”课程教材。本书是《网页设计与制作——Dreamweaver CS6标准教程（第2版）》的升级版教材，编者在Dreamweaver CC软件（2017版本）环境下，对全书内容进行了重写。编者基于对网站设计和Web开发技术发展的理解，以及在“网页设计”精品课程教学中积累的经验，对教材内容和结构进行了大幅度的修改和调整，主要体现在以下几个方面。

（1）基于Dreamweaver CC的技术体系，对全书知识体系和架构进行了调整，删除了上一版第9章框架、第10章APDiv和Spry等过时的内容，新增了第11章HTML5和弹性布局、第13章jQuery Mobile的内容。

（2）全面引入HTML5。在第4章讲解了HTML5多媒体元素，Video元素和Audio元素；在第11章对HTML5结构语义标签进行了深入剖析，描述了利用弹性盒子实现响应式的页面布局方法；在12章中还对HTML5表单元素进行了说明。

（3）对CSS样式进行了升级，深入剖析了CSS3内容和使用技巧，将第7章CCS样式案例进行更换，融入CSS3内容，并增加了CSS过渡效果和CSS动画内容；在第11章介绍了媒体查询的使用方法。

（4）紧扣移动技术发展，增加了移动端网页设计技术，在新增的第13章jQuery Mobile中，系统讲述了jQuery Mobile的框架内容和使用方法。

（5）满足应用开源技术的需要，在第14章动态网页技术中，弃用了ASP动态网页开发技术内容，引入PHP动态网页开发技术和MySQL数据库；在第12章表单和jQuery UI中介绍了jQuery UI的内容和使用方法。

本书共15章，第1章到第10章主要讲授网页设计和制作的基本技术。第1章介绍网页设计基础；第2章对Dreamweaver CC的操作环境、站点管理和页面头部信息加以介绍；第3章页面与文本、第4章图像与多媒体和第5章超链接介绍了网页设计的基本元素；第6章表格着重介绍了网页传统的表格布局方式；第7章CSS样式介绍了样式的定义和使用；第8章CSS+Div布局介绍了网页常见的Div布局方式；第9章行为介绍了网页动态效果的设计方法；第10章介绍了模板与库在大型网站制作中的应用方法。

第11章到第15章侧重于网页设计和制作的新技术和扩展内容。第11章HTML5和弹性布局介绍了HTML5中新添的结构语义标签和网页弹性布局技术，介绍了媒体查询的使用方法；第12章表单和jQuery UI介绍了客户与服务器端进行交互的网页设计方法；第13章jQuery Mobile全面介绍了jQuery Mobile移动框架的构成和使用方法；第14章动态网页技术介绍了设计制作动态网站的基本模式和技术；第15章综合实训采用CSS+Div布局方式展示了一个商业化网站设计和制作的整个流程。

本书的参考学时为64学时，也可根据教学内容的取舍，做出适当调整。

本书由修毅、洪颖、邵熹雯共同编写，修毅统稿。修毅编写了第1章网页设计基础、第7章CSS样式、第8章CSS+Div布局、第11章HTML5和弹性布局的第4节媒体查询应用、第13章jQuery Mobile、第14章动态网页技术，洪颖编写了第2章Dreamweaver CC基础、第3章页面与文本、第4章图像与多媒体、第5章超链接、第12章表单和jQuery UI、第15章综合实训，邵熹雯编写了第6章表格、第9章行为、第10章模板和库、第11章HTML5和弹性布局除第4节之外的其他内容。

本书配套资源下载地址为http://www.ryjiaoyu.com。由于编者水平和经验有限，书中难免有欠妥和错误之处，恳请读者批评指正。编者电子邮箱：xiuyi@bift.edu.cn。

编者
2018年4月