网页设计与制作 第2版

首批浙江省普通高校新形态教材项目，本课程还是省精品在线开放课程。每个知识点都有相应的实例，只要扫描书中的各二维码即可观看操作视频。遵循新Web标准（HTML5和CSS3。本书PPT和源代码将提供给出版社供下载，知识点视频可通过扫描书中的二维码观看。本书的其他视频（实验指导视频和直播视频）和相关资料放在浙江省高等学校在线开放课程共享平台上。

《网页设计与制作 第2版》依照新Web标准（HTML5和CSS3），全程贯穿理论与实践紧密结合的思想，有机整合HTML和CSS，使学习过程更接近实际工作。本书共分为4层次，第1～3章是基础，包括网页设计基础、HTML基础和CSS基础，第4～8章是学生必须重点掌握的内容，包括文本样式与背景、常用Web元素、盒模型（含Flexible Box）、界面设计（含CSS Grid Layout）和表单，第9～12章以进一步提高学生深入学习的能力为目标，包括JavaScript、网页多媒体实现、jQuery和移动优先的Bootstrap 3响应式网页设计，第13章是对前面所学知识的综合实例应用，包括网页仿制实例和基于CMS（Drupal 8）快速构建网站实例。为了更好地指导读者深入学习，在各章后面的习题中还提供了许多综合性较强的操作题。《网页设计与制作 第2版》既可作为高等院校本科相关专业教材，也可作为有一定基础的从业人员的参考书。

前言
第1章网页设计基础
1.1网页概述
1.2网站开发流程
1.3Web设计基础
1.3.1Web设计原则
1.3.2网站结构规划
1.4布局设计
1.4.1布局设计原则
1.4.2布局设计类型
1.4.3布局设计元素
1.4.4布局设计技术
1.5内容设计
1.5.1文本
1.5.2多媒体
1.5.3内容排版
1.6风格设计
1.6.1网页设计构成要素
1.6.2网页设计的风格类型
1.7色彩设计
1.7.1色彩基础
1.7.2网页中的色彩
1.7.3网页配色方案
1.8小结
1.9思考与练习
第2章HTML基础
2.1HTML文档结构
2.2HTML基本语法
2.2.1标记语法28
2.2.2属性语法29
2.2.3命名规则30
2.3块元素与内联元素30
2.4HTML的格式元素31
2.4.1字符格式化31
2.4.2输出32
2.4.3块级33
2.4.4wbr和time元素34
2.5HTML5新增的文档结构元素35
2.5.1文章语义（article、header、footer）
元素35
2.5.2内容区块语义（section）元素37
2.5.3侧栏（aside）与导航（nav）元素37
2.5.4hgroup元素为标题分组38
2.6小结38
2.7思考与练习39
第3章CSS基础40
3.1CSS语法与规则40
3.2样式表的定义与使用42
3.2.1内联方式42
3.2.2内部样式块对象42
3.2.3外部样式表43
3.3选择器43
3.3.1基本选择器44
3.3.2层次选择器45
3.3.3属性选择器47
3.3.4伪类选择器48
3.3.5伪元素选择器52
3.4小结53
3.5思考与练习53
第4章文本样式与背景54
4.1长度单位与颜色54
4.1.1长度单位54
4.1.2颜色设置方法55
4.2文本排版样式56
4.2.1文本样式56
4.2.2排版样式58
4.2.3文本装饰61
4.3背景样式62
4.3.1基本背景属性62
4.3.2多重背景图像63
4.3.3CSS3新增背景属性64
4.3.4渐变背景66
4.4小结69
4.5思考与练习70
第5章常用Web元素71
5.1添加特殊符号71
5.2图像71
5.2.1图像标签72
5.2.2图像的宽高、间距与边框72
5.2.3图像的对齐方式72
5.2.4figure元素73
5.3超链接73
5.3.1创建超链接73
5.3.2链接对象75
5.3.3网页链接属性设置78
5.3.4图像映射78
5.4列表79
5.4.1无序列表79
5.4.2有序列表80
5.4.3嵌套列表82
5.4.4定义列表82
5.4.5菜单列表83
5.4.6图像列表84
5.4.7列表符号位置84
5.5表格85
5.5.1表格元素85
5.5.2表格修饰87
5.5.3设置表格行属性88
5.5.4设置单元格属性88
5.5.5单线表格的制作89
5.5.6表格的嵌套90
5.6内联框架90
5.7小结91
5.8思考与练习91
第6章盒模型92
6.1盒模型概述92
6.1.1边框93
6.1.2填充94
6.1.3边距95
6.2边框高级属性95
6.2.1圆角边框95
6.2.2盒阴影97
6.2.3图像边框97
6.3伸缩盒99
6.3.1CSS中的布局模式99
6.3.2Flexbox模型的功能99
6.3.3Flexbox模型的相关术语100
6.3.4Flexbox模型的使用102
6.4小结106
6.5思考与练习107
第7章界面设计108
7.1定位与布局108
7.1.1定位108
7.1.2浮动109
7.1.3显示110
7.1.4溢出112
7.2用户界面113
7.2.1轮廓113
7.2.2放大113
7.2.3盒模型组成模式114
7.2.4允许缩放114
7.3多列115
7.3.1多列的基本属性115
7.3.2列间距116
7.3.3列边框116
7.3.4跨列117
7.3.5列高117
7.3.6断行118
7.4CSS网格布局118
7.4.1重要术语118
7.4.2网格容器属性119
7.4.3网格项属性126
7.5小结129
7.6思考与练习129
第8章表单130
8.1网页表单概述130
8.2传统表单元素131
8.2.1传统表单输入类型131
8.2.2标注元素135
8.2.3文本区域136
8.2.4选择域137
8.2.5域集138
8.3HTML5表单的新特性139
8.3.1HTML5新增表单输入类型139
8.3.2HTML5新增表单元素141
8.3.3HTML5新增表单属性142
8.4小结145
8.5思考与练习145
第9章JavaScript146
9.1JavaScript简介146
9.2JavaScript程序148
9.2.1语句148
9.2.2函数149
9.2.3消息对话框151
9.3标识符和变量152
9.3.1命名规定152
9.3.2数据类型153
9.3.3变量153
9.3.4转义字符155
9.4运算符和表达式155
9.4.1算术运算符和表达式155
9.4.2赋值运算符和表达式156
9.4.3关系运算符和表达式156
9.4.4逻辑运算符和表达式158
9.4.5条件运算符和表达式158
9.4.6其他运算符和表达式159
9.5JavaScript程序控制结构159
9.5.1顺序程序159
9.5.2分支程序160
9.5.3循环程序163
9.6常用对象166
9.6.1对象简介166
9.6.2核心对象166
9.6.3文档171
9.6.4窗口174
9.7事件编程174
9.7.1事件简介174
9.7.2表单事件176
9.7.3鼠标事件177
9.7.4键盘事件177
9.7.5页面载入和离开177
9.8利用JS实现在线订购178
9.9小结179
9.10思考与练习179
第10章网页多媒体实现180
10.1HTML多媒体元素180
10.1.1多媒体元素的基本属性180
10.1.2多媒体元素的常用方法183
10.1.3多媒体元素的重要事件186
10.1.4Flash动画与视频189
10.2CSS动画设计189
10.2.1CSS变换189
10.2.2CSS过渡194
10.2.3CSS动画195
10.3HTML绘图197
10.3.1canvas元素的基本用法197
10.3.2绘制基本图形198
10.3.3绘制曲线200
10.3.4绘制文本203
10.3.5图像的绘制与裁切204
10.4HTML拖放206
10.5小结207
10.6思考与练习208
第11章jQuery209
11.1jQuery概述209
11.2jQuery选择器211
11.2.1基本选择器211
11.2.2层次选择器212
11.2.3过滤选择器213
11.2.4表单选择器218
11.3jQuery操作DOM220
11.3.1访问元素220
11.3.2结点操作225
11.3.3遍历元素229
11.3.4删除元素230
11.4jQuery中的事件231
11.4.1页面载入事件231
11.4.2绑定事件231
11.4.3切换事件232
11.4.4移除事件233
11.4.5trigger方法234
11.5jQuery动画与特效234
11.5.1基本动画234
11.5.2滑动动画237
11.5.3淡入淡出动画238
11.5.4自定义动画240
11.6jQueryUI插件243
11.6.1jQueryUI交互性插件243
11.6.2jQueryUI微型插件246
11.7小结249
11.8思考与练习250
第12章响应式网页设计252
12.1响应式网页简介252
12.1.1响应式网页的优点252
12.1.2响应式的概念253
12.1.3Viewport253
12.1.4流式网格254
12.1.5媒体查询255
12.1.6图像、视频与字体257
12.2Bootstrap响应式网页258
12.2.1布局259
12.2.2内容263
12.2.3组件264
12.3小结272
12.4思考与练习272
第13章综合实例273
13.1网页仿制实例273
13.1.1导航条274
13.1.2轮播275
13.1.3自定义区域276
13.1.4Services区域278
13.1.5Portfolio区域279
13.1.6Contact区域281
13.2基于CMS快速构建网站实例282
13.2.1CMS与Drupal282
13.2.2Drupal基本应用284
13.2.3导入与导出站点294
13.2.4主题296
13.2.5内容类型300
13.2.6制作首页轮播303
13.2.7自定义首页区域311
13.2.8制作分类列表页312
13.2.9添加视频功能317
13.3小结318
13.4思考与练习319
参考文献320