本书以计算思维为导向，按照由浅入深的过程，逐步讲解了网页设计与制作，特别是响应式网页设计的相关知识，包括网页设计与制作基础、HTML基础、CSS基础、图像和多媒体、超链接、CSS布局基础、响应式网页、CSS布局应用、CSS动效、表单、JavaScript、jQuery等内容，并结合大量实例讲解了面向PC端和面向移动端响应式网页的制作方法。
本书内容丰富、结构清晰、紧跟技术前沿，注重网页设计的思维训练和实践应用，并提供了重点案例的微视频，适合作为高等院校网页设计与制作课程的教材，也可作为网页设计工作人员的参考用书。

无处不网络的今天，网页设计技术受到越来越多的人的关注。随着移动互联网的发展，网页展现的终端也越来越多样化，响应式网页设计与制作技术在面向多终端的Web开发中起着十分重要的作用。响应式网页设计通过Web标准中的媒体查询、弹性布局、响应式图像等技术的综合应用，创建出能够随着不同终端变化的自适应网页。
本书主要内容
本书是普通高等教育“十三五”规划教材，主要围绕HTML、CSS和JavaScript来讲解面向PC端的网页设计以及面向移动端的响应式网页设计过程中的相关知识和应用。在每个知识环节，都穿插了大量的实例来对知识点进行剖析和讲解，使得读者能够在掌握理论知识时，对其本质有更深入的了解，从而能够在实际的网页设计过程中加以运用。
第1章讲解网页设计与制作的基础知识，包括网站的分类、网页的基本构成元素、网站相关的概念等内容，并讲解网站制作的基本流程以及与网页设计相关的制作工具。
第2章讲解HTML的基础知识，包括标题、段落、文字格式、列表、表格、div容器等元素，以及HTML5语义结构元素等内容。
第3章讲解CSS的基础知识，包括CSS选择器、在HTML中应用CSS、盒模型、CSS中的样式、继承性和层叠性等相关知识，以及通过CSS对文字和段落进行样式的控制。
第4章讲解有关网页中的颜色、图像和多媒体的基础知识，包括网页中颜色的表示、网页安全色、网页配色、网页中的图像类型、图像在网页中的应用等知识，以及在网页中使用HTML5中的音频、视频等多媒体元素。
第5章讲解超链接的基本概念及网页中不同类型的超链接，并讲解通过CSS对超链接的样式进行设置的基本方法。
第6章讲解在常规文档流的基础上，利用浮动布局、位置定位布局等方法，创建网页中各种不同的排版布局形式。
第7章讲解响应式网页设计的基本概念，包括媒体查询、弹性布局、响应式图像等创建响应式网页的基本方法。
第8章讲解CSS在网页布局中的实际应用，包括PC端网页和移动端网页中的导航、卡片式布局、图文列表、自定义列表等常用布局形式的设计与实现。
第9章讲解CSS中用于实现动效的变换、过渡以及动画的基本知识，并利用它们实现用户与网页元素之间的交互动效。
第10章讲解网页中表单、表单控件以及表单的可用性和布局等内容，并通过实例讲解典型表单型网页的制作方法。
第11章讲解JavaScript的基本语法以及在网页中的使用，重点讲解JavaScript中的内置对象、浏览器对象模型以及文档对象模型，并通过实例讲解通过JavaScript实现网页中的音频控制和地图创建。
第12章讲解jQuery的基本功能，包括使用jQuery操作网页元素以及实现基本的网页动画效果，并介绍一些常用的jQuery插件的使用，如图像幻灯片插件、图像灯箱插件、全屏滚动插件等。
在本书的附录中，提供了HTML的常用元素、CSS常用属性以及思考与练习参考答案，供读者进行快速查阅。
本书案例的相关文件可登录中国铁道出版社网站（http://www.tdpress.com/51eds/）下载。
本书主要特色
（1）基于计算思维讲解基本概念和原理
基于计算思维方法，辅以相关图示，以简单明晰的方式讲解基本概念和原理。
（2）涵盖HTML5和CSS3新标准
本书涵盖了HTML5中的语义结构元素、audio元素、video元素、时间类型表单控件等新增元素，以及CSS3中的圆角边框、盒阴影、Web字体、变换、过渡、动画等新增属性。
（3）涉及传统网页布局技术和移动端网页布局技术
既包括对传统网页布局技术中浮动布局、位置定位布局等的讲解，也包括对响应式网页设计中媒体查询、弹性布局、响应式图像等技术的讲解，使读者可以同时掌握面向PC端和面向移动端的网页布局技术。
（4）提供立体化教学资源
提供大量的实用案例，并对重点难点案例提供了微视频。通过案例，不仅有助于读者理解相关原理，也可为类似的网页设计提供思路和方法。
本书适用对象
本书适合作为高等院校网页设计与制作课程的教材，也可作为网页设计工作人员的参考用书。
本书由王海波任主编，张伟娜、张园任副主编。其中，第1、6、8、9章由王海波编写，第2、3、4、5章以及附录由张伟娜编写，第7、10、11、12章由张园编写。全书由王海波统稿。
由于编者水平有限，书中难免存在疏漏和不足之处，敬请读者批评指正。
编者2018年11月

第1章网页设计与制作基础
1.1Internet的起源和发展
1.2网站与网页
1.3网站相关的概念
1.4网站制作基本流程
1.5网页设计制作工具
思考与练习
第2章HTML基础
2.1HTML的历史和发展
2.2HTML的基本语法
2.2HTML的文档结构
2.3标题与段落
2.4文字格式
2.5列表
2.6特殊字符和注释
2.7表格
2.8div容器
2.9HTML5语义结构元素
2.10文档对象模型
思考与练习
第3章CSS基础
3.1CSS基本概念
3.2CSS选择器
3.3在HTML中应用CSS
3.4使用CSS控制文字样式
3.5使用CSS控制段落样式
3.6盒模型
3.7CSS3中的样式
3.8继承性和层叠性
思考与练习
第4章图像和多媒体
4.1网页中的颜色
4.2图像
4.3多媒体
思考与练习
第5章超链接
5.1超链接概述
5.2创建超链接
5.3超链接的CSS
思考与练习
第6章CSS布局基础
6.1基础知识
6.2浮动布局
6.3位置定位布局
思考与练习
第7章响应式网页
7.1响应式网页设计基础
7.2媒体查询
7.3弹性盒子（Flexbox）布局
7.4响应式图像
思考与练习
第8章CSS布局应用
8.1PC端网页布局
8.2移动端网页布局
思考与练习
第9章CSS动效
9.1变换（transform）
9.2过渡（transition）
9.3动画（animation）
思考与练习
第10章表单
10.1表单
10.2表单控件
10.3HTML5中的表单控件
10.4表单的可用性和布局
10.5表单案例
思考与练习
第11章JavaScript
11.1JavaScript概述
11.2JavaScript语言基础
11.3内置对象
11.4宿主对象
11.5案例
思考与练习
第12章jQuery
12.1jQuery基础
12.2使用jQuery操作网页元素
12.3jQuery动画
12.4jQuery插件
思考与练习
附录AHTML常用元素
附录BCSS常用属性
附录C思考与练习参考答案
参考文献

王海波，男，副教授，中国传媒大学计算机科学系教研室主任。2003年中国科学院计算技术研究所博士毕业。2010年开始在中国传媒大学进行“大学计算机”与“网页设计与制作”两门课程的教学工作。2011年获得北京高教学会计算机教育研究会学术年会 “精彩片段交流”一等奖。

紧跟技术前沿，加强网页设计的思维训练和实践应用，精心设置重点案例的微视频，有效培养读者计算思维。