作译者：张晓蕾
出版时间：2018-08
千 字 数：486
版次：01-01
页 数：304
开本：16开装帧：I S B N ：9787121342189
换版：
本书面向网站开发与网页製作的读者，採用全新流行的Web标準，以Web前端开发技术HTML5、CSS3、JavaScript和jQuery为基础，由浅入深、完整详细地介绍了网站设计与网页製作的相关知识。本书共分13章，主要内容包括HTML5基础知识、编辑网页元素、页面的布局与互动、CSS3入门、盒模型、使用CSS修饰页面外观、CSS布局技术、JavaScript程式设计基础、HTML5进阶、jQuery基础、jQuery的动画效果、jQuery UI外挂程式的用法.和天地环保综合案例网站。本书内容紧扣国家对高等学校培养高级套用型、複合型人才的技能水平和知识结构的要求，以天地环保网站项目案例的开发思路为主线，採用模组分解、任务驱动、子任务实现和代码设计四层结构，通过对模组中每个任务相应知识点的讲解，引导读者学习网页製作、设计、规划的基本知识，以及项目开发、测试的完整流程。
第1章 HTML5基础知识 1
1.1 Web技术和浏览器 1
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
习题1 12
第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 标籤 35
2.8 标籤 36
2.9 综合案例—製作天地环保
“公司名片”页面 37
习题2 38
第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
习题3 64
第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
习题4 90
第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
习题5 112
第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
习题6 151
第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
习题7 170
第8章 JavaScript程式设计基础 171
8.1 JavaScript概述 171
8.2 在网页中使用JavaScript 171
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
习题8 197
第9章 HTML5的高级套用 199
9.1 HTML5拖放API 199
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多媒体API 205
9.3 Canvas绘图 207
9.3.1 创建元素 207
9.3.2 构建绘图环境 208
9.3.3 通过JavaScript绘製
图形 208
9.4 HTML5地理定位API 216
9.4.1 Geolocation基础 216
9.4.2 Geolocation API实现
地理定位 217
9.4.3 案例—使用HTML5
获取地理位置及百度
地图 218
9.5 HTML5的发展前景 221
习题9 221
第10章 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
习题10 249
第11章 jQuery的动画效果 251
11.1 jQuery的动画方法简介 251
11.2 显示与隐藏效果 252
11.3 淡入/淡出效果 255
11.4 滑动效果 258
11.5 综合案例—製作摺叠式
导航选单 260
习题11 262
第12章 jQuery UI外挂程式的用法 263
12.1 jQuery UI概述 263
12.2 jQuery UI的常用外挂程式 267
12.2.1 日期选择器外挂程式 267
12.2.2 摺叠面板外挂程式 268
12.2.3 标籤页外挂程式 271
12.2.4 自动完成外挂程式 272
习题12 275
第13章 天地环保综合案例网站 277
13.1 网站的开发流程和组织结构 277
13.1.1 网站的开发流程 277
13.1.2 创建站点目录 278
13.1.3 网站页面的组成 279
13.2 网站技术分析 279
13.3 製作网站首页 280
13.4 製作联繫我们页面 291
13.5 实训网站 292
习题13 292