第一部分基础知识
第1章Web前端开发基础1
1.1项目实践1：诗歌网页设计2
1.2网页与网站14
1.2.1网页14
1.2.2网站15
1.2.3静态网页与动态网页15
1.3HTML16
1.3.1HTML是什么16
1.3.2HTML的发展历程19
1.3.3HTML5标签及其属性19
1.4CSS21
1.4.1CSS是什么21
1.4.2CSS的发展历程22
1.5Web标准22
1.5.1结构标准23
1.5.2表现标准23
1.5.3行为标准23
1.6HTML5文档结构24
1.7开发工具25
小结27
习题27
第2章单列图文网页设计.29
2.1项目实践2：文本网页设计29
2.2文本网页设计应用的标签32
2.2.1标签32
2.2.2～标签35
2.2.3标签35
2.2.4标签35
2.2.5标签36
2.2.6列表标签36
2.2.7标签38
2.2.8文本格式标签39
2.2.9字符实体40
2.2.10HTML颜色40
2.2.11背景属性设置实例41
2.3项目实践3：图册网页设计43
2.4图册网页设计应用的标签45
2.4.1标签45
2.4.2和标签46
2.4.3、和标签47
2.5项目实践4：图文网页设计50
2.6图文网页设计应用的标签52
2.6.1标签53
2.6.2标签54
2.6.3标签54
2.7项目实践5：表单网页设计57
2.8表单网页设计应用的标签60
2.8.1表单标签60
2.8.2输入标签61
2.8.3列表标签64
2.8.4多行文本框64
小结64
习题65
第3章层叠样式表（CSS）67
3.1项目实践6：彩色文本网页设计67
3.2CSS基本语法70
3.2.1CSS语法格式70
3.2.2CSS的类型70
3.2.3CSS3属性的前缀72
3.3CSS选择器73
3.3.1基本选择器73
3.3.2复合选择器74
3.3.3属性选择器76
3.3.4伪类与伪元素76
3.4CSS样式属性78
3.4.1文本属性79
3.4.2字体属性79
3.4.3背景属性80
3.4.4列表属性81
3.4.5表格属性81
3.4.6display属性81
3.4.7visibility属性82
3.4.8position属性82
3.4.9float与clear属性83
3.5CSS的优先级83
3.5.1层叠性、继承性与冲突性85
3.5.2优先级86
3.6CSS框模型87
3.6.1CSS框模型定义87
3.6.2元素框设置88
3.6.3元素框应用91
小结94
习题94
第4章网页的布局设计.96
4.1项目实践7：拼图游戏界面设计96
4.2网页总体布局方法与设计100
4.2.1网页总体布局方法100
4.2.2网页总体布局设计101
4.3元素框的定位与浮动104
4.3.1绝对定位104
4.3.2相对定位107
4.3.3元素浮动110
4.4使用div+CSS进行网页布局设计112
4.5弹性布局设计113
4.5.1Flex容器114
4.5.2容器的属性114
4.5.3项目的属性118
4.6Grid网格布局124
4.6.1网格布局的相关概念124
4.6.2容器属性124
4.6.3项目属性126
小结127
习题128
第5章JavaScript语言基础.129
5.1项目实践8：在网页中打印图形129
5.2JavaScript概述131
5.3在网页中插入JavaScript的方式131
5.3.1内部嵌入131
5.3.2外部链接133
5.3.3行内嵌入134
5.4基本语法135
5.4.1标识符135
5.4.2关键字与保留关键字136
5.4.3数据类型136
5.4.4常量136
5.4.5变量137
5.4.6注释138
5.4.7分号139
5.4.8运算符139
5.4.9表达式141
5.5程序结构141
5.5.1顺序结构141
5.5.2分支结构142
5.5.3循环结构143
5.6函数146
5.6.1函数定义146
5.6.2函数返回值148
5.6.3函数调用149
5.7对象150
5.7.1JavaScript对象类型150
5.7.2自定义对象150
5.7.3对象的使用152
5.7.4对象的属性152
5.7.5对象的方法153
5.7.6本地对象153
5.7.7内置对象158
5.7.8宿主对象159
5.7.9对象的事件159
5.8全局函数和属性159
小结160
习题160
第6章应用BOM与DOM编程.162
6.1项目实践9：动态修改网页内容162
6.2浏览器对象BOM164
6.2.1BOM模型164
6.2.2window对象165
6.2.3screen对象170
6.2.4navigator对象172
6.2.5history对象172
6.2.6location对象172
6.3文档对象DOM173
6.3.1DOM模型173
6.3.2HTMLDOM174
6.4事件机制177
6.4.1事件类型177
6.4.2事件句柄177
6.4.3事件绑定178
6.5应用BOM、DOM编程178
6.5.1查找HTML元素178
6.5.2改变HTML元素的内容180
6.5.3改变HTML元素的属性值180
6.5.4改变HTML元素的属性181
6.5.5删除已有的HTML元素182
6.5.6替换HTML元素182
6.5.7添加新的HTML元素183
6.5.8改变HTML输出流183
6.5.9响应发生的事件184
6.5.10验证输入数据184
小结184
习题184
第7章HTML5与CSS3高级应用186
7.1项目实践10：在网页中拖放图文
元素186
7.2HTML5拖放API189
7.2.1应用拖放的过程189
7.2.2DragEvent事件190
7.2.3dataTransfer对象190
7.3音频和视频192
7.3.1音频192
7.3.2视频196
7.4地理定位200
7.4.1获取用户地理位置的步骤200
7.4.2Geolocation对象201
7.4.3在地图上显示地理位置202
7.5CSS3边框204
ivWeb前端开发实践教程
7.5.1边框圆角204
7.5.2边框图像205
7.6CSS3背景205
7.7颜色渐变206
7.8盒子阴影209
7.9转换属性（状态）211
7.10过渡属性（过程）212
7.11项目实践11：制作多个关键帧动画214
7.12CSS3动画216
小结218
习题218
第二部分综合项目实践
第8章项目一《西游记》小说网站设计220
8.1项目描述220
8.2实践目标220
8.3需求分析220
8.3.1界面需求221
8.3.2功能需求221
8.3.3内容需求221
8.3.4技术需求221
8.4开发环境222
8.5开发指导222
8.5.1制定网页设计规范书222
8.5.2任务一：设计网页模板224
8.5.3任务二：设计西游记小说的章回页面227
8.5.4任务三：设计网站主页232
8.6总结：相关知识剖析234
8.6.1Web页面宽度234
8.6.2图文混排236
8.6.3外部样式表的位置236
第9章项目二诗歌画册网页设计.237
9.1项目描述237
9.2实践目标237
9.3需求分析237
9.4开发环境238
9.5开发指导238
9.5.1诗歌网页总体策划238
9.5.2任务一：诗歌页面的设计238
9.5.3任务二：诗歌画册的设计239
9.6总结：相关知识剖析242
9.6.1静态定位242
9.6.2相对定位242
9.6.3绝对定位242
9.6.4visibility242
第10章项目三高考校园游览网站
设计244
10.1项目描述244
10.2实践目标244
10.3需求分析244
10.3.1界面需求244
10.3.2功能需求245
10.3.3内容需求245
10.3.4技术需求245
10.4开发环境245
10.5开发指导245
10.5.1网站主页设计策划245
10.5.2任务一：菜单式导航栏目设计248
10.5.3任务二：主页的Banner栏目设计254
10.5.4任务三：主页的焦点板块设计255
10.5.5任务四：主页的特色板块设计258
10.5.6任务五：主页的页脚设计259
10.5.7任务六：网站的测试、修改与发布260
10.6总结：相关知识剖析260
10.6.1框架标签260
10.6.2冒泡事件261
参考文献.262