网页设计与制作 HTML+CSS+JavaScript标准教程

目录
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