1.1　HTML发展历史1
1.2　CSS发展历史2
1.3　JavaScript发展历史2
1.4　HTML常用开发工具3
1.5　Web项目开发入门4
1.5.1　使用HBuilder新建项目4
1.5.2　Web项目基本结构5
1.5.3　新建一个HTML文件5
1.5.4　HTML文档的基本结构6
1.5.5　HTML的相关基本定义7
单元总结7
习题8
2.1　文本标签9
2.1.1　标题标签9
2.1.2　字体标签10
2.1.3　段落标签11
2.1.4　换行标签11
2.1.5　预格式化标签12
2.1.6　转义字符13
2.1.7　文字修饰标签14
2.1.8　文本标签综合案例-
新闻页面15
2.2　列表标签16
2.2.1　无序列表16
2.2.2　有序列表17
2.2.3　嵌套列表-网站导航栏18
2.3　分隔线标签19
2.4　图片标签20
2.5　超链接标签21
2.5.1　文本链接21
2.5.2　书签链接22
2.5.3　图像链接23
2.5.4　E-mail链接25
2.6　多媒体标签 —— Web页面
音视频播放26
2.6.1　audio音频标签 ——
音频播放26
2.6.2　video视频标签 ——
视频播放27
2.7　标签类型28
2.7.1　行内标签28
2.7.2　块状标签29
2.7.3　行内块状标签30
2.7.4　标签显示模式转换display30
2.8　meta标签31
2.8.1　概述31
2.8.2　属性31
单元总结33
习题33
拓展实训34
3.1　表格35
3.1.1　表格概念35
3.1.2　表格结构36
3.1.3　表格属性37
3.1.4　表格综合案例 —— 电子
图书目录38
3.2　表单40
3.2.1　表单概述40
3.2.2　表单控件40
3.2.3　HTML5 input控件新增功能43
3.2.4　HTML5表单控件新增属性48
3.2.5　表单综合案例 ——-用户
信息注册页面51
单元总结53
习题53
拓展实训54
4.1　CSS3基本概念55
4.1.1　CSS3的作用55
4.1.2　CSS3基本语法55
4.1.3　CSS3应用样式56
4.1.4　CSS3代码注释57
4.2　CSS3基本选择器57
4.2.1　元素选择器57
4.2.2　ID选择器59
4.2.3　类选择器60
4.2.4　属性选择器62
4.2.5　派生选择器63
4.2.6　伪类选择器69
4.2.7　伪元素选择器70
4.3　CSS3字体样式属性72
4.3.1　font-size:字号大小72
4.3.2　font-family:字体73
4.3.3　font-weight:字体粗细74
4.3.4　font-style:字体风格74
4.3.5　font:综合设置字体样式74
4.4　CSS3文本属性74
4.4.1　color：文本颜色74
4.4.2　line-height：行间距74
4.4.3　text-align：水平对齐方式74
4.4.4　text-indent：首行缩进75
4.4.5　text-decoration：
文本的装饰75
4.5　CSS3背景属性75
4.5.1　background-color：
背景颜色75
4.5.2　background-image：
背景图片75
4.5.3　background-repeat：
背景平铺75
4.5.4　background-position：
背景位置76
单元总结76
习题77
拓展实训78
5.1　CSS3盒子模型79
5.1.1　CSS3内边距属性81
5.1.2　CSS3值复制82
5.1.3　CSS3外边距属性83
5.1.4　CSS3边框属性84
5.1.5　CSS3轮廓属性86
5.1.6　盒子模型综合案例 —— 用户
登录页面美化86
5.2　CSS3常见网页布局实现88
5.2.1　一列固定宽度且居中型89
5.2.2　两列左窄右宽型91
5.2.3　通栏平均分布型92
5.3　CSS3浮动95
5.3.1　float图文环绕95
5.3.2　clear清除浮动97
5.3.3　浮动综合案例 —— 网站
导航栏设计98
5.4　CSS3定位100
5.4.1　position位置属性101
5.4.2　定位位置101
5.4.3　static静态定位101
5.4.4　relative相对定位102
5.4.5　absolute绝对定位　103
5.4.6　fixed固定定位—— 客服区域103
5.4.7　sticky黏性定位105
5.4.8　子绝父相 —— 轮播控制106
5.4.9　z-index定位层序108
5.4.10　定位综合案例-—— 快捷
导航栏108
5.5　CSS3弹性布局110
5.5.1　flex基本概念110
5.5.2　flex容器的属性111
5.5.3　item项目的属性113
5.5.4　弹性布局综合案例 ——
商品陈列115
5.6　CSS3变形与动画116
5.6.1　CSS3变形116
5.6.2　CSS3过渡120
5.6.3　CSS3动画121
单元总结122
习题123
拓展实训124
6.1　JavaScript程序概述125
6.1.1　JavaScript 构成125
6.1.2　JavaScript程序编写126
6.1.3　JavaScript 程序执行顺序127
6.1.4　JavaScript基本语法128
6.2　变量与运算符129
6.2.1　变量129
6.2.2　标识符、关键字和保留字130
6.2.3　数据类型132
6.2.4　运算符134
6.3　JavaScript数组139
6.3.1　数组定义139
6.3.2　数组元素访问140
6.3.3　数组长度140
6.3.4　数组操作140
6.4　JavaScript对象144
6.4.1　对象定义144
6.4.2　对象属性操作144
6.5　程序结构145
6.5.1　分支结构145
6.5.2　循环结构149
6.6　函数152
6.6.1　函数声明与调用152
6.6.2　变量的作用域155
6.6.3　程序设计综合案例 ——
杨辉三角156
6.7　正则表达式158
6.7.1　正则表达式定义158
6.7.2　操作正则表达式的方法161
6.7.3　正则表达式综合案例 ——
用户注册信息验证163
单元总结165
习题165
拓展实训165
7.1　对象模型与弹出框166
7.1.1　文档对象模型DOM166
7.1.2　浏览器对象模型BOM167
7.1.3　弹出框168
7.2　元素与节点170
7.2.1　元素操作170
7.2.2　节点操作173
7.3　事件处理程序178
7.3.1　事件处理程序概述178
7.3.2　基于元素属性的事件处理程序179
7.3.3　基于监听机制的事件处理程序181
7.3.4　事件流184
7.4　常用事件处理程序186
7.4.1　标准事件186
7.4.2　鼠标事件191
7.5　定时器与动画192
7.5.1　定时器192
7.5.2　动画194
单元总结196
习题196
拓展实训197
8.1　jQuery介绍198
8.1.1　jQuery的优势198
8.1.2　jQuery安装199
8.1.3　jQuery版本200
8.1.4　jQuery对象201
8.1.5　jQuery基础语法201
8.2　jQuery选择器202
8.2.1　基本选择器202
8.2.2　层级选择器204
8.2.3　过滤选择器207
8.2.4　表单选择器216
8.3　jQuery常见效果217
8.3.1　选项卡效果217
8.3.2　菜单打开折叠效果220
8.3.3　图片放大效果222
8.3.4　图片轮播效果222
8.3.5　div自适应窗口高度效果224
8.4　jQuery常见动画225
8.4.1　图片左右滚动动画225
8.4.2　下拉菜单动画228
8.5　jQuery AJAX230
8.5.1　AJAX 简介230
8.5.2　AJAX综合练习231
单元总结233
习题234
拓展实训235
9.1　顶部设计与实现237
9.1.1　顶部区域HTML部分代码237
9.1.2　顶部区域CSS部分代码237
9.2　图片左右轮换设计与实现239
9.2.1　图片左右轮换HTML部分代码239
9.2.2　图片左右轮换CSS部分代码240
9.2.3　单击“向左”“向右”小图标的
JavaScript代码　241
9.3　网站导航栏设计与实现242
9.3.1　导航栏HTML文档代码242
9.3.2　导航栏CSS代码243
9.3.3　导航栏菜单下拉JavaScript
代码244
9.4　轮播区域设计与实现245
9.4.1　轮播区域HTML文档代码245
9.4.2　轮播区域CSS代码246
9.4.3　轮播区域图片自动轮播
JavaScript代码247
9.5　客服区域设计与实现248
9.5.1　客服区域HTML文档代码248
9.5.2　客服区域CSS代码248
9.6　精品图书推荐区域设计与实现249
9.6.1　精品图书推荐区域HTML
文档代码249
9.6.2　精品图书推荐区域CSS代码249
9.7　底部设计与实现250
9.7.1　底部HTML文档代码250
9.7.2　底部CSS代码251