HTML 5、CSS 3和JavaScript是网站前端开发的主要应用技术，《HTML 5+CSS+JavaScript网页设计与制作》以理论结合实例加上机实训的形式，逐一详细讲解这三大核心技术的基础知识，包括HTML 5网页设计的文档结构、常用标记、表单的使用及HTML 5新增的标记和属性，CSS在网页中的应用、CSS 3新增的功能，以及JavaScript语言基础、内置对象、对象编程、JavaScript操作HTML 5 + CSS实现网页设计的方法和技巧。
《HTML 5+CSS+JavaScript网页设计与制作》内容全面，结构安排合理，突出实践。通过本书的学习，学生既可以掌握网页超文本标记及传统网页布局设计技巧，也可以深入运用HTML 5+CSS 3+JavaScript制作网页。本书既可作为普通本科或高职高专计算机相关专业Web前端网站开发课程的教材，又可作为学习网站设计开发从业人员的技术参考书。

章 网站前端设计基础\t1
1.1 Web基础\t2
1.1.1 Web的基本概念\t2
1.1.2 了解“Web标准”\t2
1.1.3 静态网页\t3
1.1.4 动态网页\t4
1.2 网站开发\t4
1.2.1 网站开发的基本流程\t4
1.2.2 网站开发的人才需求\t5
1.2.3 网站开发的主要技术\t5
1.3 Web前端开发所需技能\t5
1.3.1 Web前端工程师的工作内容\t5
1.3.2 Web前端工程师需要掌握的
技术\t6
1.4 网站开发工具介绍\t7
1.4.1 原型设计工具\t8
1.4.2 技术开发工具\t8
1.4.3 Web调试工具\t9
1.4.4 代码托管工具\t9
本章小结\t10
自测题\t10
第2章 HTML 5基础\t11
2.1 HTML概述\t12
2.1.1 了解HTML\t12
2.1.2 HTML元素\t13
2.2 初识HTML 5\t14
2.2.1 HTML 5的新功能\t14
2.2.2 HTML 5的废弃标记\t15
2.2.3 HTML 5的新增标记\t16
2.2.4 HTML 5的新增属性\t16
2.3 HTML 5的结构\t17
2.3.1 HTML 5的基本结构\t17
2.3.2 编写个符合W3C标准的
HTML 5网页\t18
2.4 HTML 5文档的常用标记\t20
2.4.1 文本段落的相关标记\t20
2.4.2 图像标记\t21
2.4.3 超链接\t21
2.4.4 列表\t23
2.4.5 表格\t25
2.4.6 HTML 5的音频和视频\t27
2.5 HTML 5的表单元素\t29
2.5.1 创建表单\t29
2.5.2 input输入类型控件\t30
2.5.3 列表框\t36
2.5.4 多行文本输入框\t37
2.5.5 表单控件综合示例\t37
2.6 HTML 5语义化结构性元素\t38
2.6.1 新增的主体结构元素\t39
2.6.2 新增的非主体结构元素\t43
2.7 上机实训：使用结构元素进行网页
布局\t44
本章小结\t47
自测题\t47
第3章 CSS基础\t49
3.1 CSS 3概述\t50
3.2 CSS的组成\t50
3.2.1 CSS基本语法规则\t50
3.2.2 选择符的分类\t51
3.3 在HTML中使用CSS样式\t57
3.3.1 行内样式\t57
3.3.2 内部样式\t58
3.3.3 外部样式\t59
3.3.4 CSS的优先级\t59
3.3.5 常用的CSS 3属性前缀\t60
本章小结\t60
自测题\t60
第4章 CSS设计布局\t63
4.1 CSS的盒模型\t64
4.1.1 盒模型的结构\t64
4.1.2 盒模型的元素类型\t65
4.1.3 使用DIV\t67
4.1.4  外边距、内边距与边框的CSS
设置\t68
4.1.5 CSS 3对盒模型边框的完善\t72
4.2 网页元素的定位\t76
4.2.1 定位属性position\t76
4.2.2 float浮动定位\t78
4.2.3 其他CSS布局定位方式\t80
4.3 DIV+CSS常用的布局方式\t82
4.3.1 单列水平居中布局\t82
4.3.2 浮动的布局\t84
4.3.3 div嵌套布局\t86
4.3.4 CSS 3多列布局\t88
4.4 列表元素布局\t90
4.5 上机实训：布局电商网站首页(制作
盒模型)\t91
4.5.1 布局网页的总体结构\t92
4.5.2 头部区域的结构分析及布局\t93
4.5.3 网页主体内容区域的设计\t95
4.5.4 页脚区域的设计\t97
本章小结\t97
自测题\t97
第5章 CSS样式\t101
5.1 CSS 3字体相关属性\t102
5.1.1 设置字体属性\t102
5.1.2 设置字体属性的综合示例\t103
5.1.3 CSS 3新增的字体属性\t104
5.2 CSS控制文本的样式\t104
5.2.1 文本属性\t104
5.2.2 设置文本属性的综合示例\t107
5.2.3 CSS 3新增的文本属性\t107
5.3 使用CSS控制背景\t111
5.3.1 背景属性\t111
5.3.2 背景设置综合示例\t113
5.3.3 CSS 3新增的与背景相关的
属性\t114
5.4 使用CSS设置列表样式\t118
5.4.1 CSS列表属性\t118
5.4.2 列表属性的综合示例\t119
5.5 上机实训\t120
5.5.1 实训1：制作商品信息展示
页面\t120
5.5.2 实训2：CSS制作二级导航
下拉菜单\t122
本章小结\t125
自测题\t125
第6章 JavaScript基础\t127
6.1 JavaScript概述\t128
6.1.1 认识JavaScript\t128
6.1.2 JavaScript的特点和作用\t128
6.1.3 在网页中使用JavaScript\t129
6.1.4 JavaScript代码规范\t131
6.2 变量、数据类型\t131
6.2.1 变量的声明和使用\t131
6.2.2 JavaScript的基本数据类型\t133
6.3 表达式与运算符\t136
6.3.1 表达式\t136
6.3.2 运算符\t136
6.4 流程控制语句\t143
6.4.1 分支结构\t143
6.4.2 循环结构\t146
6.5 JavaScript函数\t149
6.5.1 函数的定义\t149
6.5.2 函数的调用\t150
6.5.3 使用函数的返回值\t152
6.5.4 函数的嵌套\t153
6.5.5 内置函数\t154
6.6 上机实训：制作简易计算器\t155
本章小结\t157
自测题\t157
第7章 JavaScript中的对象\t159
7.1 JavaScript的常用内置对象\t160
7.1.1 数组对象\t160
7.1.2 字符串对象\t164
7.1.3 日期对象\t165
7.1.4 数学对象\t168
7.2 常用文档对象\t171
7.2.1 文档对象模型\t171
7.2.2 文档对象的节点树\t171
7.2.3 文档对象\t178
7.2.4 表单及其控件对象\t180
7.2.5 style对象\t183
7.3 常用窗口对象\t185
7.3.1 屏幕对象\t185
7.3.2 window窗口对象\t186
7.3.3 浏览器信息对象\t188
7.3.4 网址对象\t189
7.3.5 历史记录对象\t191
7.4 上机实训\t192
7.4.1 实训1：将英文单词首字母
改成大写\t192
7.4.2 实训2：限制多行文本域输入
的字符个数\t194
本章小结\t196
自测题\t197
第8章 事件处理\t201
8.1 认识JavaScript事件\t202
8.1.1 JavaScript的常用事件\t202
8.1.2 调用事件处理程序的方法\t203
8.2 常用事件在网页中的应用\t205
8.2.1 鼠标事件\t205
8.2.2 键盘事件\t207
8.2.3 表单事件\t209
8.2.4 页面相关事件\t213
8.3 上机实训：使用JavaScript实现广告
图像轮播\t214
本章小结\t218
自测题\t218
第9章 JavaScript 实现Canvas
功能\t221
9.1 创建Canvas元素\t222
9.2 绘制基本图形\t222
9.2.1 绘制直线\t223
9.2.2 绘制圆形\t224
9.2.3 绘制矩形\t225
9.2.4 绘制多边形\t226
9.3 图形的变换\t227
9.3.1 保存与恢复Canvas状态\t227
9.3.2 移动坐标位置\t227
9.3.3 缩放图形\t228
9.4 特效应用\t229
9.5 绘制文本\t230
9.6 上机实训：用Canvas绘制时钟\t231
9.6.1 绘制静态时钟\t231
9.6.2 制作动态时钟\t235
本章小结\t236
自测题\t236
0章 购物车的设计\t237
10.1 案例导入\t238
10.2 案例分析\t238
10.3 操作步骤\t239
10.3.1 设计购物车的HTML
结构\t239
10.3.2 购物车的样式设计\t241
10.3.3 利用JavaScript实现购物车
功能\t246
参考文献\t251