HTML5、CSS3和JavaScript是网站前端开发的主要应用技术，本书以结合实例和小型案例实训的形式，逐一详细讲解这三大核心技术的基础知识，包括HTML 5网页设计的文档结构、常用标记、表单的使用及HTML 5新增的标记和属性，CSS在网页中的应用、CSS 3新增的功能，以及JavaScript语言基础、内置对象、对象编程、JavaScript操作HTML 5 + CSS实现网页设计的方法和技巧。本书结构安排合理，实用性强，既可作为应用型本科或高职高专计算机专业Web客户端开发课程的教材，又可作为自学人员学习网站前端开发的技术参考资料或培训教材。通过对本书实例和小型案例的学习和操练，读者能够很快掌握书中的知识，提高网站前端开发的实战能力。本书还提供了实例和小型案例的源代码，供读者直接查看和调用；同时还提供了教学课件，便于教师授课使用，也为学生自学带来了方便。

第1章网站前端设计知识准备1
1.1Web基础2
1.1.1Web的基本概念2
1.1.2了解“Web标准”2
1.1.3静态网页4
1.1.4动态网页4
1.2网站开发4
1.2.1网站开发的基本流程4
1.2.2网站开发的人才需求5
1.2.3网站开发的主要技术6
1.3Web前端工程师需要掌握的技能6
1.3.1Web前端工程师的工作内容6
1.3.2Web前端工程师需要掌握的技术6
1.4网站开发工具介绍8
1.4.1原型设计工具8
1.4.2开发工具9
1.4.3调试工具9
1.4.4代码托管工具10
本章小结10
习题11
第2章HTML5基础13
2.1HTML简介14
2.1.1了解HTML14
2.1.2HTML元素15
2.2初识HTML516
2.2.1了解HTML516
2.2.2HTML5的新功能17
2.2.3HTML5的废弃标记18
2.2.4HTML5的新增标记18
2.2.5HTML5的新增属性19
2.3HTML5的结构20
2.3.1HTML5的基本结构20
2.3.2编写第1个符合W3C标准的HTML5网页21
2.4HTML5文档的常用标记22
2.4.1文本段落的相关标记22
2.4.2图像标记＜img＞23
2.4.3超链接24
2.4.4列表26
2.4.5表格27
2.4.6HTML5的音频和视频29
2.5HTML5的表单元素32
2.5.1创建表单32
2.5.2input输入类型控件32
2.5.3列表框(select)39
2.5.4多行文本输入框(textarea)39
2.5.5表单控件综合示例40
2.6HTML5语义化结构性元素41
2.6.1新增的主体结构元素41
2.6.2新增的非主体结构元素46
2.7小型案例实训：使用结构元素进行网页布局47
本章小结49
习题49
第3章CSS基础51
3.1CSS概述52
3.1.1什么是CSS52
3.1.2CSS的发展史52
3.1.3CSS3简介53
3.2CSS的组成53
3.2.1基本语法规则53
3.2.2选择符的分类54
3.3在HTML中使用CSS的方法61
3.3.1行内样式61
3.3.2内部样式61
3.3.3外部样式62
3.3.4CSS的优先级63
3.3.5常用的CSS3属性前缀63
本章小结63
习题64
第4章CSS布局65
4.1CSS的盒模型66
4.1.1盒模型的结构66
4.1.2盒模型的元素类型67
4.1.3使用DIV69
4.1.4外边距、内边距与边框的CSS设置70
4.1.5CSS3对盒模型边框的完善74
4.2网页元素的定位78
4.2.1定位属性position78
4.2.2float浮动定位81
4.2.3其他CSS布局定位方式83
4.3DIV+CSS常用的布局方式84
4.3.1单列水平居中布局85
4.3.2浮动的布局87
4.3.3div嵌套布局89
4.3.4CSS3多列布局92
4.4列表元素布局94
4.5小型案例实训——布局电商网站首页(制作盒模型)95
4.5.1布局网页的总体结构95
4.5.2＜header＞＜/header＞区域的结构分析及布局96
4.5.3＜divclass=“content”＞＜/div＞内容区域的设计98
4.5.4＜footer＞＜/footer＞区域的设计100
本章小结100
习题101
第5章CSS样式属性103
5.1CSS3字体相关属性104
5.1.1设置字体属性104
5.1.2设置字体属性的综合示例106
5.1.3CSS3新增字体属性106
5.2CSS控制文本的样式107
5.2.1文本属性107
5.2.2设置文本属性的综合示例109
5.2.3CSS3新增的文本属性110
5.3使用CSS控制背景114
5.3.1背景属性114
5.3.2背景设置综合示例116
5.3.3CSS3新增的与背景相关的属性116
5.4使用CSS设置列表样式121
5.4.1CSS列表属性121
5.4.2列表属性的综合实例122
5.5小型案例实训123
5.5.1案例1：商品信息展示123
5.5.2案例2：CSS制作二级导航
下拉菜单125
本章小结128
习题128
第6章JavaScript入门131
6.1JavaScript概述132
6.1.1认识JavaScript132
6.1.2JavaScript的特点和作用132
6.1.3在网页中使用JavaScript134
6.1.4JavaScript代码规范135
6.2变量、数据类型136
6.2.1变量的声明和使用136
6.2.2JavaScript的基本数据类型138
6.3表达式与运算符141
6.3.1表达式141
6.3.2运算符141
6.4流程控制语句148
6.4.1分支结构148
6.4.2循环结构151
6.5JavaScript的函数154
6.5.1函数的定义154
6.5.2函数的调用154
6.5.3使用函数的返回值157
6.5.4函数的嵌套158
6.5.5内置函数158
6.6小型案例实训——制作简易计算器160
本章小结162
习题162
第7章JavaScript中的对象165
7.1JavaScript的常用内置对象166
7.1.1数组对象166
7.1.2字符串(String)对象170
7.1.3日期(Date)对象172
7.1.4数学(Math)对象174
7.2常用文档对象177
7.2.1文档对象模型(DOM对象)177
7.2.2文档对象的节点树178
7.2.3文档对象(document)185
7.2.4表单及其控件对象188
7.2.5style对象190
7.3常用窗口对象192
7.3.1屏幕对象192
7.3.2window窗口对象194
7.3.3浏览器信息对象196
7.3.4网址对象197
7.3.5历史记录对象198
7.4小型案例实训200
7.4.1案例1：将英文单词首字母改成大写200
7.4.2案例2：限制多行文本域输入的字符个数202
本章小结204
习题205
第8章事件处理209
8.1了解JavaScript事件210
8.1.1JavaScript的常用事件210
8.1.2调用事件处理程序的方法211
8.2常用事件在网页中的应用213
8.2.1鼠标事件213
8.2.2表单事件216
8.2.3页面相关事件221
8.2.4键盘事件222
8.3小型案例实训：JavaScript实现广告图像轮播223
本章小结227
习题227
第9章利用JavaScript实现Canvas功能229
9.1创建Canvas元素230
9.2绘制基本图形231
9.2.1绘制直线232
9.2.2绘制圆形232
9.2.3绘制矩形233
9.2.4绘制多边形234
9.3图形的变换235
9.3.1保存与恢复Canvas状态235
9.3.2移动坐标位置236
9.3.3缩放图形237
9.4使用特效237
9.5绘制文本239
9.6小型案例实训：用Canvas绘制时钟240
9.6.1绘制静态时钟240
9.6.2制作动态时钟244
本章小结244
习题245
第10章综合案例——购物车功能的实现247
10.1案例介绍248
10.2设计思路248
10.3实施过程249
10.3.1购物车的HTML结构249
10.3.2购物车的样式设计251
10.3.3利用JavaScript实现购物车功能256
参考文献262