第1章 网页设计基础 1
1.1 认识网页和网站 1
1.1.1 网页的构成元素 1
1.1.2 静态网页和动态网页 3
1.1.3 几个常用的Web概念 3
1.2 网页和网站制作基础 5
1.2.1 网站的构成 5
1.2.2 网站的通用制作流程 5
1.2.3 网页设计流程 6
1.2.4 发布站点 6
1.3 Web标准布局基础 6
1.3.1 Web开发标准 7
1.3.2 使用Web标准的原因 7
1.3.3 CSS布局标准 8
1.4 常用网页制作工具介绍 8
1.4.1 FrontPage介绍 9
1.4.2 Dreamweaver介绍 10
1.4.3 Dreamweaver和FrontPage之间的选择 11
1.5 怎样设计出好的网页 11
1.5.1 网页设计的3个理念 11
1.5.2 网页设计的3个误区 11
1.5.3 什么才是好的网页设计 12
1.5.4 配色原则 13
1.5.5 常用的网页布局 13
1.5.6 网站构建原则 15
1.6 网页设计师行业 17
1.6.1 网页设计师的前景 17
1.6.2 如何快速成长为网页设计师“达人” 17
1.6.3 灵感是设计师的设计之源 18
1.6.4 做到从合格到优秀 18
1.6.5 设计师的“三块大蛋糕” 19
第2章 初识DreamweaverCS6 20
2.1 Dreamweaver CS6介绍 20
2.1.1 Dreamweaver CS6的主要功能 20
2.1.2 安装Dreamweaver CS6 21
2.2 菜单栏 23
2.3 实战演练——使用Dreamweaver CS6查看网页文件 24
第3章 创建并管理站点 27
3.1 创建本地站点 27
3.2 创建远程站点的准备工作 28
3.2.1 使用本地站点连接远程服务器 29
3.2.2 使用“本地／网络”选项 31
3.2.3 使用服务器的“高级”选项 32
3.3 “高级设置”选项 33
3.3.1 本地信息 33
3.3.2 遮盖 34
3.3.3 设计备注 35
3.3.4 文件视图列 36
3.3.5 Contribute 36
3.3.6 模板 37
3.3.7 Spry 37
3.3.8 Web字体 38
3.4 实战演练——创建一个站点 38
第4章 HTML标记语言的基础知识 43
4.1 HTML基础 43
4.1.1 HTML概述 43
4.1.2 HTML基本结构 43
4.2 HTML标记详解 45
4.2.1 标题文字标记＜h＞ 45
4.2.2 文本文字标记＜font＞ 46
4.2.3 字型设置标记 47
4.2.4 段落标记＜p＞ 48
4.2.5 换行标记＜br＞ 49
4.2.6 超级链接标记＜a＞ 49
4.2.7 设置背景图片标记＜body background＞ 51
4.2.8 插入图片标记＜img＞ 51
4.2.9 列表标记 52
4.2.10 表格标记＜table＞、＜tr＞、＜th＞和＜td＞ 56
4.3 实战演练——制作一个简单网页 57
第5章 HTML 5基础 60
5.1 HTML 5概述 60
5.1.1 发展历程 60
5.1.2 全新的体验 60
5.2 处理视频 61
5.2.1 视频处理标记＜video＞ 61
5.2.2 ＜video＞标记的属性 62
5.3 处理音频 66
5.3.1 ＜audio＞标记 66
5.3.2 ＜audio＞标记的属性 67
5.4 绘制图像 70
5.4.1 使用＜canvas＞标记 70
5.4.2 HTML DOM Canvas对象 71
5.5 Web存储 75
5.5.1 Web存储的定义 75
5.5.2 Web存储的意义 75
5.5.3 HTML 5中的两种存储方法 76
5.6 表单的全新功能 78
5.6.1 全新的Input类型 78
5.6.2 全新的表单元素 81
5.6.3 全新的表单属性 83
第6章 使用基本标记 89
6.1 设置网页头部元素 89
6.1.1 设置文档类型 89
6.1.2 设置编码类型 91
6.1.3 设置页面标题 92
6.2 设置页面正文 94
6.3 插入注释 96
6.4 实战演练——综合使用页面基本标记 98
第7章 文字和段落处理 101
7.1 设置标题文字 101
7.2 文本文字 102
7.2.1 设置文本颜色和字体 102
7.2.2 设置文本的字型 104
7.3 分段处理 104
7.4 插入水平线 105
7.5 实战演练——文字排版处理 107
第8章 超级链接 112
8.1 链接概述 112
8.1.1 锚链 112
8.1.2 URL引用 112
8.2 建立内部链接 113
8.3 建立外部链接 115
8.4 使用Telnet链接 117
8.5 创建E-mail链接 118
8.6 创建FTP链接 121
8.7 其他形式的链接 123
8.7.1 新闻组链接 123
8.7.2 WAIS链接 124
8.8 实战演练——设置超级链接 125
第9章 使用图片修饰网页 128
9.1 常用的图片格式介绍 128
9.1.1 GIF格式 128
9.1.2 JPEG格式 129
9.2 设置背景图片 129
9.3 插入图片 131
9.3.1 在页面中插入指定大小的图片 131
9.3.2 图片布局处理 133
9.4 设置图片链接 135
9.5 实战演练——图文结合处理 136
第10章 列表 140
10.1 使用无序列表 140
10.2 有序列表 142
10.3 定义列表 144
第11章 使用表格 147
11.1 创建一个表格 147
11.2 设置表格标题 148
11.3 跨行和跨列处理 150
11.3.1 实现跨列处理 150
11.3.2 实现跨行处理 152
11.3.3 实现同时跨行、跨列处理 155
11.4 设置表格页眉 156
11.5 设置表格背景图像 158
11.6 对齐处理 159
11.6.1 表格的整体对齐 159
11.6.2 对齐表格中的内元素 160
11.7 设置单元格大小 161
11.8 实战演练——综合使用表格处理 163
第12章 特效和多媒体 167
12.1 设置背景音乐 167
12.1.1 代码指定方式 167
12.1.2 使用媒体插件方式实现 169
12.2 插入Flash 171
12.3 插入Applet 174
12.4 ActiveX控件 178
12.5 实战演练——制作一个网页导航 180
第13章 使用框架 183
13.1 框架标记介绍 183
13.2 创建框架 185
13.3 设置框架大小 188
13.4 为框架创建链接 191
13.5 框架嵌套 194
13.6 实战演练1——在主页中调用另外的框架页 198
13.7 实战演练2——使用框架制作一个网站后台主页 200
第14章 使用表单 203
14.1 表单标记 203
14.2 使用＜form＞标记 203
14.3 使用文本域 205
14.4 使用文本区域 207
14.5 使用按钮 209
14.6 使用单选按钮和复选框 211
14.7 使用列表菜单 213
14.8 使用文件域 216
14.9 使用图像域 217
14.10 使用隐藏域 219
14.11 使用单选按钮组 221
14.12 实战演练——“注册会员”网页制作 223
第15章 使用AP Div布局 226
15.1 ＜Div＞标记基础 226
15.1.1 Div的格式 226
15.1.2 在Dreamweaver CS6中使用Div 226
15.1.3 插入Div标签 227
15.1.4 插入AP Div 229
15.1.5 实战演练——使用AP Div排版 231
15.2 插入Spry构件 234
15.2.1 插入Spry菜单栏 234
15.2.2 插入Spry选项卡式面板 235
15.2.3 插入Spry折叠式 235
15.2.4 插入Spry可折叠面板 236
15.2.5 插入Spry工具提示 237
15.2.6 实战演练——联合使用AP Div和Spry 237
第16章 使用CSS 240
16.1 CSS的基本语法 240
16.2 使用选择符 242
16.2.1 通配选择符 242
16.2.2 类型选择符 244
16.2.3 包含选择符 246
16.2.4 ID选择符 248
16.3 使用CSS设置颜色 249
16.4 使用百分比值 251
16.5 设置URL的相对路径和绝对路径 254
16.5.1 相对路径 254
16.5.2 绝对路径 255
16.5.3 应用实例 255
16.6 调用外部CSS文件 258
16.6.1 在页面内部调用 258
16.6.2 调用外部文件 258
16.7 实战演练——使用外部CSS文件修饰主页 260
第17章 使用CSS实现布局 263
17.1 CSS元素介绍 263
17.1.1 块元素 263
17.1.2 内联元素 264
17.1.3 可变元素 265
17.2 定位元素 265
17.2.1 元素的定位方式 266
17.2.2 定位属性 266
17.3 内容控制属性 270
17.3.1 控制页面内容属性display 270
17.3.2 控制显示属性visibility 270
17.3.3 居中显示属性text-align 272
17.3.4 边界属性margin 275
17.4 控制页面背景 277
17.4.1 页面背景概述 277
17.4.2 使用背景颜色 277
17.4.3 使用背景图片 278
17.4.4 背景颜色和背景图片混用 286
17.4.5 设置文本样式 287
17.4.6 设置链接样式 289
17.5 使用浮动属性 291
17.5.1 浮动属性简介 291
17.5.2 固定元素相邻 292
17.5.3 两个浮动元素相邻 294
17.5.4 多个浮动元素相邻 296
17.6 实战演练——使用CSS修饰文本 298
第18章 容器 301
18.1 使用盒模型 301
18.2 使用补白属性 303
18.3 使用边框属性 305
18.3.1 边框样式属性 305
18.3.2 边框颜色属性 308
18.4 设置边界属性 310
18.5 设置父、子元素的距离 312
18.6 固定元素的大小 315
18.6.1 计算盒模型大小 315
18.6.2 固定长度和宽度 316
18.7 实战演练——使用CSS修饰留言本 318
第19章 插入行为 321
19.1 行为介绍 321
19.1.1 行为简介 321
19.1.2 行为事件 322
19.1.3 行为的使用 323
19.2 调用JavaScript 324
19.3 URL转移 325
19.4 交换图像 327
19.5 打开浏览器窗口 329
19.6 显示隐藏元素 331
19.7 改变属性 333
19.8 弹出信息 334
19.9 跳转菜单 336
19.10 拖动AP元素 338
第20章 个人博客网站模板 342
20.1 网站规划 342
20.1.1 站点需求分析 342
20.1.2 预期效果分析 342
20.1.3 站点结构规划 344
20.2 切图分析 344
20.3 制作站点首页 345
20.3.1 实现流程分析 345
20.3.2 制作项部导航 345
20.3.3 设计中间内容部分 349
20.3.4 制作底部版权部分 354
20.4 制作日志页面 357
20.4.1 实现流程分析 357
20.4.2 日志内容实现 357
20.5 制作日志详情页面 358
20.5.1 实现流程分析 358
20.5.2 页面具体实现 359
第21章 一个企业模板 363
21.1 网站规划 363
21.1.1 站点需求分析 363
21.1.2 预期效果分析 363
21.1.3 网页布局分析 365
21.2 切图分析 365
21.3 首页实现 365
21.3.1 实现流程分析 366
21.3.2 制作页面头部 366
21.3.3 制作页面主体 370
21.3.4 制作页面底部 378
21.3.5 解决兼容性问题 379
21.4 二级页面实现 380