目录
CONTENTS
第 1章　网页设计基础　1
学习目标　1
1.1　网页概述　1
1.1.1　什么是网页　1
1.1.2　网页分类　2
1.2　网站的开发流程　2
1.2.1　分析客户需求　2
1.2.2　注册网站域名　2
1.2.3　购买服务器　2
1.2.4　选择网站风格　3
1.2.5　设计/编写/上线网站　3
1.3　网页前端开发语言　3
1.3.1　HTML　3
1.3.2　CSS　3
1.3.3　JavaScript　4
1.4　开发第 一个网页　4
1.4.1　网页展示工具　4
1.4.2　网页开发工具　4
1.4.3　创建第 一个网页　6
思考与练习　8
第 2章　HTML基础　9
学习目标　9
2.1　HTML概述　10
2.1.1　HTML的发展历史　10
2.1.2　HTML的标签　10
2.2　HTML页面设计　12
2.2.1　文档类型　12
2.2.2　文档根部　13
2.2.3　文档头部　13
2.2.4　文档信息　13
2.2.5　文档标题　14
2.2.6　文档主体　14
2.3　HTML文字设计　14
2.3.1　文字类型　15
2.3.2　文本控制　19
2.3.3　文本语义　20
2.3.4　特殊字符　20
2.4　使用链接　21
2.4.1　什么是链接　22
2.4.2　链接标签　22
2.4.3　锚点链接　24
2.5　使用多媒体　28
2.5.1　使用图片　29
2.5.2　使用视频和音频　32
2.6　表格设计　34
2.6.1　创建表格　34
2.6.2　设置表格样式　35
2.7　表单设计　37
2.7.1　创建表单　37
2.7.2　input控件　38
2.7.3　多行文本框　40
2.7.4　表单分组　41
2.7.5　下拉菜单　42
2.8　HTML 5新结构　43
2.8.1　HTML 5概述　43
2.8.2　HTML 5文档结构标签　44
2.9　实战案例解析——植树节主题电子板报　45
思考与练习　48
第3章　CSS基础　49
学习目标　49
3.1　CSS概述　49
3.1.1　什么是CSS　50
3.1.2　CSS的优势　50
3.2　CSS语法基础　50
3.2.1　CSS的样式规则　51
3.2.2　CSS样式的引入　51
3.3　CSS选择器　54
3.3.1　基础选择器　54
3.3.2　属性选择器　59
3.3.3　关系选择器　62
3.4　CSS继承性　65
3.5　CSS层叠性　66
3.6　CSS优先级　67
3.6.1　引入方式　67
3.6.2　权重　67
3.7　实战案例解析——404通知页面　69
思考与练习　72
第4章　CSS网页元素　73
学习目标　73
4.1　文本样式　73
4.1.1　字体设计　74
4.1.2　文本设计　76
4.2　表格样式　79
4.2.1　设置边框　79
4.2.2　设置单元格　79
4.3　列表样式　80
4.3.1　设置列表项标记　81
4.3.2　图像作为列表项标记　82
4.3.3　定位列表项标记　82
4.4　盒子模型　83
4.4.1　盒子模型概述　83
4.4.2　盒子模型的边框　83
4.4.3　盒子模型的边距　84
4.4.4　盒子模型的宽和高　86
4.4.5　盒子模型的背景　86
4.5　CSS高级属性　89
4.5.1　透明度　89
4.5.2　渐变　89
4.5.3　阴影　91
4.5.4　过渡　92
4.6　实战案例解析——招聘网页　94
思考与练习　97
第5章　DIV+CSS布局方法　98
学习目标　98
5.1　布局的基础元素　98
5.1.1　块元素div　98
5.1.2　内联元素span　99
5.1.3　元素类型转换　100
5.2　布局方式　101
5.2.1　布局的流程　101
5.2.2　浮动设计　102
5.2.3　标签定位　104
5.2.4　溢出　106
5.2.5　标签堆叠　106
5.3　布局类型　108
5.3.1　单列布局　108
5.3.2　双列布局　108
5.3.3　三列布局　109
5.3.4　通栏布局　109
5.4　实战案例解析——购物节主题网页　109
思考与练习　111
第6章　JavaScript基础　113
学习目标　113
6.1　JavaScript概述　113
6.1.1　JavaScript的发展历史　114
6.1.2　引入JavaScript　114
6.2　基本语法　115
6.2.1　标识符　115
6.2.2　关键字　116
6.2.3　数据类型　116
6.2.4　变量　116
6.2.5　注释　117
6.3　运算符　118
6.3.1　赋值运算符　118
6.3.2　算术运算符　118
6.3.3　比较运算符　119
6.3.4　逻辑运算符　120
6.4　流程控制结构　121
6.4.1　分支结构　121
6.4.2　循环结构　123
6.4.3　跳转结构　126
6.5　函数　126
6.5.1　自定义函数　127
6.5.2　预定义函数　128
6.6　对象　129
6.6.1　自定义对象　129
6.6.2　Array数组对象　132
6.6.3　String字符串对象　134
6.6.4　Date日期对象　135
6.7　实战案例解析——焦点图片轮播　137
思考与练习　139
第7章　BOM和DOM对象模型　140
学习目标　140
7.1　浏览器对象模型BOM　140
7.1.1　浏览器对象模型概述　140
7.1.2　Window对象　141
7.1.3　Navigator对象　146
7.1.4　History对象　146
7.1.5　Location对象　148
7.1.6　Screen 对象　149
7.2　文档对象模型DOM　150
7.2.1　文档对象模型概述　150
7.2.2　Document对象　151
7.2.3　表单验证　153
7.3　事件响应　156
7.3.1　事件概述　156
7.3.2　鼠标事件　156
7.3.3　键盘事件　158
7.3.4　文档事件　160
7.4　节点　161
7.4.1　节点关系　161
7.4.2　添加和删除节点　161
7.4.3　修改属性节点　164
7.4.4　节点集合　165
7.5　实战案例解析——选项卡自动切换　166
思考与练习　170
第8章　AJAX和jQuery应用　171
学习目标　171
8.1　AJAX应用　171
8.1.1　AJAX概述　171
8.1.2　配置IIS服务器　173
8.1.3　XMLHttpRequest对象　173
8.1.4　XMLHttpRequest对象的工作过程　174
8.1.5　使用AJAX访问服务器文件的内容　176
8.2　jQuery应用　177
8.2.1　jQuery概述　177
8.2.2　jQuery引入　177
8.2.3　jQuery基础语法　178
8.2.4　jQuery选择器　179
8.2.5　jQuery事件　182
8.2.6　jQuery效果　184
8.3　实战案例解析——侧边栏折叠菜单效果　187
思考与练习　189
第9章　JavaScript扩展框架应用　191
学习目标　191
9.1　Highcharts框架　192
9.1.1　Highcharts概述　192
9.1.2　Highcharts的引入　192
9.1.3　绘制简单图表　192
9.1.4　Highcharts图表配置项　193
9.1.5　图表类型　194
9.1.6　版权信息　194
9.1.7　图例　195
9.1.8　标题和副标题　196
9.1.9　数据列　196
9.1.10　提示框　197
9.2　Vue.js框架　198
9.2.1　Vue.js概述与引入　198
9.2.2　数据和对象　199
9.2.3　生命周期钩子　200
9.2.4　插值　201
9.2.5　指令　201
9.2.6　事件监听　206
9.2.7　绑定样式　209
9.3　实战案例解析——销售业绩分析页面　211
思考与练习　214
第 10章　综合实训：社区论坛网站　216
学习目标　216
10.1　Discuz!论坛简介　216
10.2　下载安装论坛　217
10.2.1　配置服务器和数据库　217
10.2.2　下载和安装Discuz!论坛建站程序　217
10.3　论坛管理　221
10.3.1　进入管理界面　221
10.3.2　论坛导航设置　222
10.3.3　设置论坛版块　222
10.3.4　添加公告　223
10.3.5　添加广告　224
10.3.6　自定义模板　225
10.4　添加自定义页面　227
思考与练习　229
第 11章　综合实训：电子商务网站　230
学习目标　230
11.1　分析网站效果图　230
11.2　制作首页　231
11.2.1　制作头部　231
11.2.2　制作导航栏　232
11.2.3　制作banner　233
11.2.4　制作商品展示框　235
11.2.5　制作页脚　236
11.3　添加JavaScript代码　237
11.4　制作二级页面　238
11.5　运行网站　239
思考与练习　241