第1章 规划与准备 1
1.1 网页制作基础 1
1.1.1 网页与网站 1
1.1.2 网站的类型 1
1.1.3 网页的基本构成 5
1.1.4 网站开发与制作流程 5
1.2 网站策划 5
1.2.1 网站的定位 6
1.2.2 确定网站类型 6
1.2.3 规划网站结构 6
1.2.4 确定版式与布局 6
1.2.5 决定是否使用动态页面 7
1.3 网站受众分析 7
1.3.1 必要的市场调查 7
1.3.2 如何提高访问者满意度 7
1.4 搜集素材 8
1.4.1 网站内容需求 8
1.4.2 绘制草图 8
1.4.3 搜集文本与图片 8
1.4.4 组织网站内容 9
1.4.5 建立站点地图 9
1.5 选用合适的工具 9
1.5.1 选择合适的网页编辑器 9
1.5.2 选择合适的图像处理软件 10
1.5.3 选择合适的浏览器 10
第2章 创建本地站点 11
2.1 Dreamweaver使用基础 11
2.1.1 Dreamweaver桌面的基本结构 11
2.1.2 文档的基本操作 12
2.1.3 源代码的格式化和净化 14
2.1.4 使用历史面板 15
2.2 建立站点 15
2.3 复制和修改站点 16
2.4 创建第一个Web页面 17
2.4.1 用记事本创建页面 17
2.4.2 用Dreamweaver创建页面 18
2.4.3 保存Web页面 18
2.4.4 预览Web页面 18
第3章 在Dreamweaver中创建与使用模板 19
3.1 创建网页模板 19
3.1.1 创建空白模板 19
3.1.2 根据现有文档创建模板 20
3.2 应用网页模板 21
3.3 简单的模板页面 23
第4章 添加文本、图像和超链接 28
4.1 认识HTML文档的结构 28
4.1.1 什么是HTML 28
4.1.2 HTML版本历史 28
4.1.3 HTML标签 28
4.1.4 HTML元素 31
4.2 添加文本 35
4.2.1 标题 36
4.2.2 段落 36
4.2.3 文本的格式化 37
4.3 插入图像 38
4.3.1 在网页中插入图像 38
4.3.2 图像标签(〈img〉)和源属性(src) 39
4.3.3 alt属性 40
4.3.4 从不同的位置插入图像 41
4.3.5 定义图像的高度和宽度 43
4.3.6 图像的绕排 43
4.3.7 创建图像映射 45
4.4 使用超链接 47
4.4.1 链接语法 47
4.4.2 target属性 47
4.4.3 id属性 48
4.4.4 创建图片链接 49
4.4.5 创建电子邮件链接 49
4.5 创建用户信息页面 50
第5章 使用表格与列表组织内容 54
5.1 插入表格 54
5.1.1 表格的作用 54
5.1.2 表格的结构 54
5.1.3 在单元格中添加内容 56
5.2 格式化表格 56
5.2.1 id属性 56
5.2.2 class属性 57
5.2.3 表格的宽度和高度 57
5.2.4 表格与单元格的对齐 58
5.2.5 表格边框 60
5.2.6 单元格间距和单元格边距 60
5.2.7 表头 62
5.2.8 nowrap属性 63
5.2.9 colspan和rowspan属性 63
5.2.10 背景与边框颜色 65
5.2.11 背景图像 66
5.3 制作表格 67
5.4 插入列表 72
5.4.1 有序列表 72
5.4.2 无序列表 74
5.4.3 定义列表 75
5.5 制作横向导航 76
第6章 CSS基础 79
6.1 认识CSS样式表 79
6.1.1 CSS是什么 79
6.1.2 CSS能做什么 79
6.1.3 CSS与HTML的区别 81
6.1.4 CSS有哪些优势 81
6.2 CSS的工作原理 82
6.2.1 CSS基本语法 82
6.2.2 CSS类型 82
6.3 CSS样式的引用方法 83
6.4 CSS选择器 85
6.4.1 标签选择器 85
6.4.2 class选择器 85
6.4.3 id选择器 86
6.4.4 通配符选择器 87
6.4.5 属性选择器 87
6.4.6 嵌套选择器 90
6.4.7 链接选择器 92
6.5 CSS内容排版 92
6.5.1 设置字体 93
6.5.2 文字排版 93
6.5.3 通栏排版 99
6.5.4 分栏排版 100
6.5.5 图文混合排版 102
6.5.6 不规则文字环绕 104
6.5.7 全图混排 105
6.5.8 表格和边框 108
6.6 制作预览幻灯片 112
第7章 DIV+CSS布局 122
7.1 理解CSS与DIV定位 122
7.1.1 div与span标记 122
7.1.2 盒子模型 124
7.1.3 元素的定位 129
7.1.4 给图片签名 131
7.2 DIV+CSS网页布局方法 132
7.2.1 div的并列与嵌套结构 132
7.2.2 固定高度布局 137
7.2.3 自适应高度布局 137
7.2.4 多行多列布局 139
7.3 页面布局设计 140
第8章 制作网站导航菜单 144
8.1 网站导航菜单概述 144
8.1.1 网站导航菜单的作用 144
8.1.2 网站导航菜单的制作标准 144
8.2 网站导航菜单的种类 145
8.3 创建翻转按钮 147
8.3.1 用代码创建翻转按钮 147
8.3.2 在Dreamweaver中制作翻转按钮 149
8.4 用CSS创建导航菜单 151
8.4.1 创建CSS列表导航菜单 151
8.4.2 创建二级CSS列表导航菜单 154
第9章 制作表单 159
9.1 表单标签 159
9.1.1 〈form〉标签 159
9.1.2 〈fieldset〉标签 161
9.1.3 〈legend〉标签 161
9.1.4 〈input〉标签 162
9.1.5 〈select〉标签 164
9.1.6 〈option〉标签 165
9.1.7 〈optgroup〉标签 165
9.1.8 〈textarea〉标签 166
9.2 创建表单结构 167
9.3 验证表单 168
9.3.1 表单验证的原理 168
9.3.2 在Dreamweaver中添加表单验证行为 170
9.4 使用在线表单服务 171
9.5 制作表单页面 172
第10章 JavaScript基础 181
10.1 JavaScript概述 181
10.2 JavaScript基本语法 182
10.2.1 JavaScript书写方式 182
10.2.2 执行顺序与生命周期 183
10.2.3 变量 183
10.2.4 函数 183
10.2.5 类 185
10.2.6 Object类 185
10.2.7 数组 186
10.3 使用JavaScript事件 187
第11章 使用JavaSCript创建交互式网页 189
11.1 常用JavaScript特效 189
11.1.1 时间日期特效 189
11.1.2 页面特效 192
11.1.3 图形图像特效 193
11.1.4 页面导航特效 194
11.1.5 文本特效 195
11.1.6 鼠标特效 196
11.2 防止访客刷新内容 197
11.2.1 禁用F5刷新 198
11.2.2 禁止右键弹出菜单 198
11.2.3 屏蔽其他功能 198
11.3 使用j Query 199
11.3.1 什么是jQuery 199
11.3.2 如何应用jQuery 200
11.4 使用bootstrap 201
11.4.1 什么是bootstrap 201
11.4.2 如何应用bootstrap 202
第12章 HTML 5基础 204
12.1 创建一个HTML 5页面 204
12.2 HTML 5结构 205
12.2.1 section标签 206
12.2.2 article标签 206
12.2.3 nav标签 207
12.2.4 aside标签 207
12.2.5 header标签 207
12.2.6 footer标签 207
12.2.7 hgroup标签 208
12.2.8 figure标签 208
第13章 HTML 5音频与视频 209
13.1 检查浏览器是否支持HTML5的功能 209
13.2 添加音频和视频文件 210
13.3 指定备用的文件源 211
13.4 video和audio元素的属性 212
13.5 使用JavaScript控制播放 213
13.6 音频和视频播放事件 214
第14章 CSS 3使用指南 217
14.1 CSS 3选择器 217
14.1.1 结构性伪类选择器 217
14.1.2 UI元素状态伪类选择器 227
14.1.3 通用兄弟元素选择器 227
14.2 @Font-face特性 228
14.3 Word-wrap和Text-overflow 228
14.4 CSS 3的多列布局 230
14.5 边框和颜色 231
14.6 CSS 3的渐变效果 232
14.6.1 线性渐变 232
14.6.2 径向渐变 234
14.7 CSS 3的阴影和反射效果 236
14.8 CSS 3的背景效果 237
14.8.1 background-clip 237
14.8.2 background-origin 238
14.8.3 background-size 239
14.8.4 设置多个背景 240
第15章 响应式Web设计 241
15.1 什么是响应式Web设计 241
15.2 响应式Web设计的优势 242
15.3 制作响应式Web设计的方法 243
15.4 视口和屏幕尺寸 243
15.5 媒体查询 244
15.6 响应式图片 247
第16章 PHP动态网站开发 248
16.1 动态网站开发基础 248
16.1.1 功能特点 248
16.1.1 开发语言 248
16.2 PHP语言入门 249
16.2.1 PHP代码书写 250
16.2.2 PHP代码注释 250
16.2.3 PHP输出函数 251
16.2.4 PHP变量 254
16.2.5 PHP常量 263
16.2.6 运算符 264
16.3 流程控制语句 270
16.3.1 分支语句 270
16.3.2 循环语句 273
16.3.3 特殊流程控制 275
第17章 使用MySQL数据库 277
17.1 Windows下安装和配置MySQL数据库 277
17.1.1 下载与配置免安装版本 277
17.1.2 通过安装XAMPP安装MySQL数据库 278
17.2 MySQL数据库基础 279
17.3 MySQL表结构 280
17.4 MySQL数据类型 280
17.5 创建数据库和表 281
17.5.1 创建数据库 281
17.5.2 指定数据库用户 282
17.5.3 创建数据表 283
17.6 添加、修改、删除和查询数据 284
17.6.1 添加数据 284
17.6.2 修改数据 284
17.6.3 删除数据 285
17.6.4 查询数据 286
第18章 使用Dreamweaver创建PHP+MySQL动态网站 287
18.1 Dreamweaver与PHP的整合 287
18.2 创建会员管理动态网站 290
18.2.1 总体规划 290
18.2.2 数据字典 291
18.2.3 登录页面实现 292
18.2.4 系统主界面实现 297
18.2.5 读者管理 304
18.2.6 其他基础信息管理 309
18.2.7 修改密码 310
18.2.8 退出功能 312
第19章 申请域名和空间 313
19.1 申请域名 313
19.1.1 什么是域名 313
19.1.2 实例:申请域名 313
19.2 申请网站空间 317
19.2.1 网站空间简介 317
19.2.2 实例:申请网站空间 318
19.3 绑定域名和空间 319
第20章 测试、上传与维护网站 322
20.1 站点的测试 322
20.1.1 功能测试 322
20.1.2 浏览器兼容性测试 323
20.1.3 超链接的测试 323
20.2 站点的上传 324
20.2.1 使用Dreamweaver上传 324
20.2.2 使用上传工具上传 326
20.3 站点的维护与更新 328
20.3.1 收集与采纳用户反馈 328
20.3.2 关注用户留言 329
20.3.3 查看与回复用户邮件 329
20.3.4 论坛的维护 329
20.3.5 站点的升级 329
20.3.6 站点内容的更新 330
20.4 网站安全管理 330
20.4.1 服务器安全管理 330
20.4.2 FTP密码的安全保护 330
20.4.3 网站程序的安全管理 331
20.4.4 数据的安全管理 331
第21章 搜索引擎优化 332
21.1 搜索引擎优化概述 332
21.1.1 什么是SEO 332
21.1.2 为什么要做SEO 332
21.2 搜索引擎优化实战 333
21.2.1 内部优化 333
21.2.2 外部优化 335
21.2.3 向搜索引擎提交网站 335
21.2.4 建立HTML站点地图 336