《网页设计与制作教程(HTML5+CSS3+JavaScript+jQuery第2版高等职业院校教学改革创新示范》（编者:张晓蕾）-图书推荐
内容提要
本书面向网站开发与网页制作的读者，采用全新流行的Web标准，以Web前端开发技术HTML5、CSS3、JavaScript和jQuery为基础，由浅入深、完整详细地介绍了网站设计与网页制作的相关知识。本书共分13章，主要内容包括HTML5基础知识、编辑网页元素、页面的布局与交互、CSS3入门、盒模型、使用CSS修饰页面外观、CSS布局技术、JavaScript程序设计基础、HTML5进阶、jQuery基础、jQuery的动画效果、jQuery UI插件的用法.和天地环保综合案例网站。本书内容紧扣国家对高等学校培养高级应用型、复合型人才的技能水平和知识结构的要求，以天地环保网站项目案例的开发思路为主线，采用模块分解、任务驱动、子任务实现和代码设计四层结构，通过对模块中每个任务相应知识点的讲解，引导读者学习网页制作、设计、规划的基本知识，以及项目开发、测试的完整流程。本书面向网站开发与网页制作的读者，采用全新流行的Web标准，以Web前端开发技术HTML5、CSS3、JavaScript和jQuery为基础，由浅入深、完整详细地介绍了网站设计与网页制作的相关知识。本书共分13章，主要内容包括HTML5基础知识、编辑网页元素、页面的布局与交互、CSS3入门、盒模型、使用CSS修饰页面外观、CSS布局技术、JavaScript程序设计基础、HTML5进阶、jQuery基础、jQuery的动画效果、jQuery UI插件的用法.和天地环保综合案例网站。本书内容紧扣国家对高等学校培养高级应用型、复合型人才的技能水平和知识结构的要求，以天地环保网站项目案例的开发思路为主线，采用模块分解、任务驱动、子任务实现和代码设计四层结构，通过对模块中每个任务相应知识点的讲解，引导读者学习网页制作、设计、规划的基本知识，以及项目开发、测试的完整流程。
目录
1.2 Web标准1
1.2.1 什么是Web标准1
1.2.2 建立Web标准的优点2
1.2.3 理解表现和结构相分离2
1.3 HTML5概述3
1.3.1 Web技术发展历程3
1.3.2 HTML5的特性4
1.3.3 HTML5元素4
1.4 HTML5的基本结构5
1.4.1 HTML5语法结构5
1.4.2 HTML5编写规范6
1.4.3 HTML5文档结构6
1.5 创建HTML文件7
1.6 搭建支持HTML5的浏览器
环境8
1.7 网页头部标签9
1.8 注释11
1.9 特殊符号11
习题112
第2章 编辑网页元素13
2.1 文本元素13
2.2 文本层次语义元素15
2.3 基本排版元素17
2.4 图像21
2.4.1 网页图像的格式及使用
要点21
2.4.2 图像标签22
2.4.3 设置网页背景图像24
2.4.4 图文混排24
2.4.5 案例—制作天地环保
“关于我们”图文混排
页面25
2.5 超链接26
2.5.1 超链接概述26
2.5.2 超链接的应用26
2.5.3 案例—制作天地环保
“下载专区”页面30
2.6 列表32
2.6.1 无序列表32
2.6.2 有序列表33
2.6.3 定义列表34
2.6.4 嵌套列表35
2.7 ＜p＞标签35
2.8 ＜span＞标签36
2.9 综合案例—制作天地环保
“公司名片”页面37
习题238
第3章 页面的布局与交互40
3.1 表格40
3.1.1 表格的结构40
3.1.2 表格的基本语法40
3.1.3 表格的属性41
3.1.4 不规范表格43
3.1.5 表格数据的分组44
3.1.6 表格的嵌套46
3.1.7 案例—使用表格布局
天地环保“工程展示”
页面46
3.2 使用结构元素构建网页布局47
3.3 页面交互元素53
3.3.1 details元素和summary
元素53
3.3.2 progress元素54
3.3.3 meter元素54
3.4 表单55
3.4.1 表单的基本概念55
3.4.2 表单标签55
3.4.3 表单元素56
3.4.4 案例—制作天地环保
“会员注册”表单60
3.4.5 表单分组61
3.4.6 使用表格布局表单62
3.4.7 表单的**用法63
习题364
第4章 CSS3基础66
4.1 CSS概述66
4.2 CSS的优势与局限性68
4.3 CSS语法基础70
4.3.1 CSS样式规则70
4.3.2 基本选择符71
4.3.3 复合选择符73
4.3.4 通配符选择符1.2 Web标准1
1.2.1 什么是Web标准1
1.2.2 建立Web标准的优点2
1.2.3 理解表现和结构相分离2
1.3 HTML5概述3
1.3.1 Web技术发展历程3
1.3.2 HTML5的特性4
1.3.3 HTML5元素4
1.4 HTML5的基本结构5
1.4.1 HTML5语法结构5
1.4.2 HTML5编写规范6
1.4.3 HTML5文档结构6
1.5 创建HTML文件7
1.6 搭建支持HTML5的浏览器
环境8
1.7 网页头部标签9
1.8 注释11
1.9 特殊符号11
习题112
第2章 编辑网页元素13
2.1 文本元素13
2.2 文本层次语义元素15
2.3 基本排版元素17
2.4 图像21
2.4.1 网页图像的格式及使用
要点21
2.4.2 图像标签22
2.4.3 设置网页背景图像24
2.4.4 图文混排24
2.4.5 案例—制作天地环保
“关于我们”图文混排
页面25
2.5 超链接26
2.5.1 超链接概述26
2.5.2 超链接的应用26
2.5.3 案例—制作天地环保
“下载专区”页面30
2.6 列表32
2.6.1 无序列表32
2.6.2 有序列表33
2.6.3 定义列表34
2.6.4 嵌套列表35
2.7 ＜p＞标签35
2.8 ＜span＞标签36
2.9 综合案例—制作天地环保
“公司名片”页面37
习题238
第3章 页面的布局与交互40
3.1 表格40
3.1.1 表格的结构40
3.1.2 表格的基本语法40
3.1.3 表格的属性41
3.1.4 不规范表格43
3.1.5 表格数据的分组44
3.1.6 表格的嵌套46
3.1.7 案例—使用表格布局
天地环保“工程展示”
页面46
3.2 使用结构元素构建网页布局47
3.3 页面交互元素53
3.3.1 details元素和summary
元素53
3.3.2 progress元素54
3.3.3 meter元素54
3.4 表单55
3.4.1 表单的基本概念55
3.4.2 表单标签55
3.4.3 表单元素56
3.4.4 案例—制作天地环保
“会员注册”表单60
3.4.5 表单分组61
3.4.6 使用表格布局表单62
3.4.7 表单的**用法63
习题364
第4章 CSS3基础66
4.1 CSS概述66
4.2 CSS的优势与局限性68
4.3 CSS语法基础70
4.3.1 CSS样式规则70
4.3.2 基本选择符71
4.3.3 复合选择符73
4.3.4 通配符选择符75
4.3.5 特殊选择符76
4.4 CSS的属性单位77
4.4.1 长度、百分比单位78
4.4.2 色彩单位78
4.5 网页中引用CSS的方法79
4.5.1 行内样式79
4.5.2 内部样式表80
4.5.3 链入外部样式表81
4.5.4 导入外部样式表82
4.5.5 案例—制作“天地环保
工程简介”页面83
4.6 文档结构85
4.6.1 文档结构的基本概念85
4.6.2 继承86
4.6.3 样式表的层叠、特殊性
与重要性87
4.6.4 元素类型88
4.6.5 案例—制作天地环保
“核心业务”局部页面89
习题490
第5章 盒模型91
5.1 盒模型简介91
5.2 盒模型的属性92
5.2.1 边框92
5.2.2 外边距95
5.2.3 内边距96
5.2.4 案例—盒模型的演示97
5.3 盒模型的大小98
5.3.1 盒模型的宽度与高度98
5.3.2 设置块级元素与行级
元素的宽度和高度98
5.4 盒模型综合案例—“天地环保”
页面顶部内容99
5.5 盒子的定位101
5.5.1 定位属性101
5.5.2 定位方式103
5.6 浮动与清除浮动106
5.6.1 浮动106
5.6.2 清除浮动109
5.6.3 案例—天地环保“登录”
页面的整体布局110
习题5112
第6章 使用CSS修饰页面外观113
6.1 设置字体样式113
6.2 设置文本样式115
6.3 设置图像样式118
6.3.1 图像缩放119
6.3.2 图像边框120
6.3.3 图像的不透明度121
6.3.4 背景图像121
6.3.5 背景重复122
6.3.6 背景图像定位123
6.3.7 设置背景图像固定125
6.3.8 背景图像大小125
6.4 设置表格样式126
6.4.1 常用的CSS表格属性126
6.4.2 案例—使用隔行换色
表格制作“环保工程年度
排行榜”128
6.5 设置表单样式129
6.5.1 使用CSS修饰常用的
表单元素130
6.5.2 案例—制作“天地环保
用户调查”页面131
6.6 设置链接133
6.6.1 设置文字链接的外观133
6.6.2 图文链接135
6.7 设置列表136
6.7.1 表格布局的缺点136
6.7.2 列表布局的优势136
6.7.3 CSS列表属性136
6.7.4 案例—制作天地环保
二维码名片140
6.8 创建导航菜单141
6.9 综合案例—制作“绿**保”
社区页面144
习题6151
第7章 CSS布局技术152
7.1 Div+CSS布局75
4.3.5 特殊选择符76
4.4 CSS的属性单位77
4.4.1 长度、百分比单位78
4.4.2 色彩单位78
4.5 网页中引用CSS的方法79
4.5.1 行内样式79
4.5.2 内部样式表80
4.5.3 链入外部样式表81
4.5.4 导入外部样式表82
4.5.5 案例—制作“天地环保
工程简介”页面83
4.6 文档结构85
4.6.1 文档结构的基本概念85
4.6.2 继承86
4.6.3 样式表的层叠、特殊性
与重要性87
4.6.4 元素类型88
4.6.5 案例—制作天地环保
“核心业务”局部页面89
习题490
第5章 盒模型91
5.1 盒模型简介91
5.2 盒模型的属性92
5.2.1 边框92
5.2.2 外边距95
5.2.3 内边距96
5.2.4 案例—盒模型的演示97
5.3 盒模型的大小98
5.3.1 盒模型的宽度与高度98
5.3.2 设置块级元素与行级
元素的宽度和高度98
5.4 盒模型综合案例—“天地环保”
页面顶部内容99
5.5 盒子的定位101
5.5.1 定位属性101
5.5.2 定位方式103
5.6 浮动与清除浮动106
5.6.1 浮动106
5.6.2 清除浮动109
5.6.3 案例—天地环保“登录”
页面的整体布局110
习题5112
第6章 使用CSS修饰页面外观113
6.1 设置字体样式113
6.2 设置文本样式115
6.3 设置图像样式118
6.3.1 图像缩放119
6.3.2 图像边框120
6.3.3 图像的不透明度121
6.3.4 背景图像121
6.3.5 背景重复122
6.3.6 背景图像定位123
6.3.7 设置背景图像固定125
6.3.8 背景图像大小125
6.4 设置表格样式126
6.4.1 常用的CSS表格属性126
6.4.2 案例—使用隔行换色
表格制作“环保工程年度
排行榜”128
6.5 设置表单样式129
6.5.1 使用CSS修饰常用的
表单元素130
6.5.2 案例—制作“天地环保
用户调查”页面131
6.6 设置链接133
6.6.1 设置文字链接的外观133
6.6.2 图文链接135
6.7 设置列表136
6.7.1 表格布局的缺点136
6.7.2 列表布局的优势136
6.7.3 CSS列表属性136
6.7.4 案例—制作天地环保
二维码名片140
6.8 创建导航菜单141
6.9 综合案例—制作“绿**保”
社区页面144
习题6151
第7章 CSS布局技术152
7.1 Div+CSS布局技术简介152
7.2 使用嵌套的Div布局页面153
7.2.1 将页面用Div分块153
7.2.2 案例—制作“环保空间”
页面153
7.3 典型的CSS布局样式156
7.3.1 两列布局样式156
7.3.2 三列布局样式159
7.4 综合案例—制作天地环保
“博客”页面162
习题7170
第8章 JavaScript程序设计基础171
8.1 JavaScript概述171
8.2 在网页中使用JavaScript171
8.3 JavaScript基本语法174
8.4 JavaScript的程序结构176
8.4.1 简单语句176
8.4.2 程序控制流程178
8.5 函数181
8.6 基于对象的JavaScript语言183
8.7 DOM编程185
8.7.1 window对象186
8.7.2 document对象187
8.7.3 location对象189
8.7.4 history对象190
8.7.5 form对象190
8.8 JavaScript的对象事件处理
程序191
8.8.1 对象的事件191
8.8.2 常用的事件及处理191
8.8.3 表单对象与交互性194
8.9 综合案例—Web页面信息
交互196
习题8197
第9章 HTML5的**应用199
9.1 HTML5拖放API199
9.1.1 draggable属性199
9.1.2 拖放触发的事件和数据
传递200
9.2 多媒体播放202
9.2.1 HTML5的多媒体支持202
9.2.2 音频标签203
9.2.3 视频标签204
9.2.4 HTML5多媒体API205
9.3 Canvas绘图207
9.3.1 创建＜canvas＞元素207
9.3.2 构建绘图环境208
9.3.3 通过JavaScript绘制
图形208
9.4 HTML5地理定位API216
9.4.1 Geolocation基础216
9.4.2 Geolocation API实现
地理定位217
9.4.3 案例—使用HTML5
获取地理位置及百度
地图218
9.5 HTML5的发展前景221
习题9221
**0章 jQuery基础222
10.1 jQuery概述222
10.2 编写jQuery程序223
10.3 jQuery对象和DOM对象224
10.3.1 jQuery对象和DOM
对象简介224
10.3.2 jQuery对象和DOM
对象的相互转换225
10.4 jQuery插件228
10.5 jQuery选择器简介228
10.6 基础选择器229
10.7 层次选择器23技术简介152
7.2 使用嵌套的Div布局页面153
7.2.1 将页面用Div分块153
7.2.2 案例—制作“环保空间”
页面153
7.3 典型的CSS布局样式156
7.3.1 两列布局样式156
7.3.2 三列布局样式159
7.4 综合案例—制作天地环保
“博客”页面162
习题7170
第8章 JavaScript程序设计基础171
8.1 JavaScript概述171
8.2 在网页中使用JavaScript171
8.3 JavaScript基本语法174
8.4 JavaScript的程序结构176
8.4.1 简单语句176
8.4.2 程序控制流程178
8.5 函数181
8.6 基于对象的JavaScript语言183
8.7 DOM编程185
8.7.1 window对象186
8.7.2 document对象187
8.7.3 location对象189
8.7.4 history对象190
8.7.5 form对象190
8.8 JavaScript的对象事件处理
程序191
8.8.1 对象的事件191
8.8.2 常用的事件及处理191
8.8.3 表单对象与交互性194
8.9 综合案例—Web页面信息
交互196
习题8197
第9章 HTML5的**应用199
9.1 HTML5拖放API199
9.1.1 draggable属性199
9.1.2 拖放触发的事件和数据
传递200
9.2 多媒体播放202
9.2.1 HTML5的多媒体支持202
9.2.2 音频标签203
9.2.3 视频标签204
9.2.4 HTML5多媒体API205
9.3 Canvas绘图207
9.3.1 创建＜canvas＞元素207
9.3.2 构建绘图环境208
9.3.3 通过JavaScript绘制
图形208
9.4 HTML5地理定位API216
9.4.1 Geolocation基础216
9.4.2 Geolocation API实现
地理定位217
9.4.3 案例—使用HTML5
获取地理位置及百度
地图218
9.5 HTML5的发展前景221
习题9221
**0章 jQuery基础222
10.1 jQuery概述222
10.2 编写jQuery程序223
10.3 jQuery对象和DOM对象224
10.3.1 jQuery对象和DOM
对象简介224
10.3.2 jQuery对象和DOM
对象的相互转换225
10.4 jQuery插件228
10.5 jQuery选择器简介228
10.6 基础选择器229
10.7 层次选择器234
10.8 过滤选择器237
10.9 表单选择器241
10.10 jQuery的基本操作242
10.10.1 元素属性的操作242
10.10.2 元素样式的操作245
10.10.3 元素内容和值的
操作247
习题10249
**1章 jQuery的动画效果2514
10.8 过滤选择器237
10.9 表单选择器241
10.10 jQuery的基本操作242
10.10.1 元素属性的操作242
10.10.2 元素样式的操作245
10.10.3 元素内容和值的
操作247
习题10249
**1章 jQuery的动画效果251
卖贝商城 推荐：《网页设计与制作教程(HTML5+CSS3+JavaScript+jQuery第2版高等职业院校教学改革创新示范》（编者:张晓蕾）