Dreamweaver CS6 网页设计与制作教程

第1章 认识网页及网页制作工具 1
1.1 网页制作基础知识 1
1.1.1 认识网页 1
1.1.2 认识网站 1
1.1.3 网页的类型 5
1.1.4 网页设计前的考虑 5
1.1.5 基本版式设计风格 6
1.1.6 网页页面的基本组成元素 7
1.2 网站的一般开发流程 8
1.2.1 收集素材 8
1.2.2 规划站点 8
1.2.3 制作网页 8
1.2.4 测试站点 8
1.2.5 发布站点 9
1.2.6 更新和维护站点 9
1.3 网页制作中的技巧 9
1.3.1 网页基本元素的标准及使用技巧 9
1.3.2 页面风格技巧 11
1.3.3 网页构图技巧 12
1.3.4 色彩使用技巧 13
1.4 网页制作中的专业术语 14
1.5 认识Dreamweaver CS6 15
1.5.1 Dreamweaver CS6简介 15
1.5.2 启动和退出Dreamweaver CS6 15
1.5.3 认识Dreamweaver CS6的工作界面 15
1.6 站点的创建与管理 16
1.6.1 创建本地站点 16
1.6.2 新建网页文件与文件夹 17
1.6.3 打开网页文件 17
1.6.4 保存网页文件 17
1.6.5 网页版面布局 18
1.7 项目实训 18

第2章 网页设计语言HTML 19
2.1 HTML简介 19
2.2 HTML语言基础 19
2.2.1 HTML标记符基础 19
2.2.2 HTML标记符属性 20
2.2.3 HTML的基本结构 20
2.3 头部标记之间的主要标记 22
2.4 主体标记之间的常用标记 23
2.4.1 文字与段落标记 23
2.4.2 列表标记 26
2.4.3 图像标记 28
2.4.4 超链接标记 28
2.4.5 表格标记 29
2.4.6 多媒体标记 30
2.5 项目实训 31
2.5.1 项目实训一：“第1个HTML”网页 31
2.5.2 项目实训二：“中国诗词佳句-作者”网页 32
2.5.3 项目实训三：“图像边框”网页 34
2.5.4 项目实训四：“链接技术演示”网页 34
2.5.5 项目实训五：“最新消息公告”网页 35
2.5.6 项目实训六：“图像切换”网页 36

第3章 图像效果应用 38
3.1 图像效果实例——添加图像 38
3.1.1 插入图像 38
3.1.2 导入图像 38
3.2 图像效果实例——插入图像占位符 41
3.3 图像效果实例——替换图像占位符 42
3.4 图像效果实例——鼠标替换图像 44
3.5 图像效果实例——创建导航条 48
3.5.1 设置导航条项目 49
3.5.2 添加导航条项目 50

第4章 表格的应用 53
4.1 创建表格 53
4.1.1 设置页面属性 53
4.1.2 设置表格属性 55
4.1.3 插入图像 58
4.1.4 插入表格并设置背景图像 59
4.1.5 网页中的数据表格 61
4.2 项目实训 63
4.2.1 项目实训一：立体效果表格 63
4.2.2 项目实训二：“圆角表格美化”网页 64

第5章 超级链接的应用 66
5.1 网页链接路径 66
5.1.1 绝对路径（Absolute Path） 66
5.1.2 相对路径（Relative Path） 66
5.1.3 站点根目录相对路径 67
5.2 链接的设置 67
5.2.1 文本链接 67
5.2.2 用CSS定义链接文本状态 69
5.2.3 锚点链接 70
5.2.4 电子邮件链接 71
5.2.5 下载链接与空链接 72
5.2.6 一般图像链接 74
5.2.7 图像热点链接 75
5.2.8 鼠标经过图像 75
5.2.9 导航条 77
5.2.10 更改链接名称 78
5.3 项目实训 78
5.3.1 实训项目一：制作“古今传奇”网页 78
5.3.2 实训项目二：制作“日常生活”网页 79
5.3.3 实训项目三：制作图像超链接 80

第6章 CSS样式应用 81
6.1 创建层叠样式表 81
6.1.1 认识“CSS样式”面板 81
6.1.2 创建层叠样式表 81
6.2 定义层叠样式表属性 83
6.2.1 设置类型属性 83
6.2.2 设置背景属性 83
6.2.3 设置区块属性 84
6.2.4 设置方框属性 84
6.2.5 设置边框属性 84
6.2.6 设置列表属性 85
6.2.7 设置定位属性 85
6.2.8 设置扩展属性 85
6.2.9 设置过渡属性 86
6.3 使用CSS过滤器 87
6.3.1 Alpha滤镜 87
6.3.2 Blur滤镜 87
6.3.3 FlipH滤镜 88
6.3.4 Glow滤镜 88
6.3.5 Gray滤镜 88
6.3.6 Invert滤镜 88
6.3.7 Shadow滤镜 89
6.3.8 Wave滤镜 89
6.3.9 Xray滤镜 89
6.4 应用并管理层叠样式 89
6.4.1 应用层叠样式 89
6.4.2 编辑层叠样式 90
6.4.3 删除层叠样式 90
6.5 CSS样式制作步骤解析 90
6.5.1 创建CSS样式 90
6.5.2 应用CSS样式 92

第7章 Div+CSS灵活布局网页 94
7.1 关于Div+CSS布局 94
7.1.1 了解基于CSS的页面布局 94
7.1.2 块元素 94
7.1.3 行内元素 94
7.2 在网页中插入Div 94
7.2.1 插入Div 94
7.2.2 Div的嵌套 95
7.3 关于Div+CSS盒模型 95
7.3.1 Margin（边界） 95
7.3.2 Border（边框） 96
7.3.3 Padding（填充） 96
7.3.4 Content（内容） 96
7.4 Div+CSS布局定位 96
7.4.1 relative（相对定位） 96
7.4.2 absolute（绝对定位） 97
7.4.3 fixed（悬浮定位） 97
7.4.4 float（浮动定位） 97
7.5 常用的Div+CSS布局方式 97
7.5.1 Div高度自适应 97
7.5.2 网页内容居中布局 97
7.5.3 网页元素浮动布局 98
7.5.4 流体网格布局 98

第8章 模板和库的应用 99
8.1 在库面板中注册项目 99
8.2 应用库中的注册项 101
8.2.1 利用库中注册的项目制作网页文档 101
8.2.2 修改库中注册的项目 102
8.2.3 直接在网页文档中修改 103
8.3 创建模板 104
8.3.1 将现有的网页另存为模板 104
8.3.2 创建空白模板 104
8.4 使用模板轻松制作大量文档 105
8.4.1 在模板文档中定义可编辑区域 105
8.4.2 使用模板文档制作其他网页文档 107
8.4.3 修改模板文档 108

第9章 框架的应用 111
9.1 创建框架 111
9.1.1 创建预定义框架集 111
9.1.2 创建嵌套框架集 112
9.2 保存框架和框架文件 113
9.2.1 保存框架文件 113
9.2.2 保存框架集文件 113
9.2.3 保存所有的框架集文件 114
9.3 选择框架和框架集 114
9.3.1 认识“框架”面板 114
9.3.2 在“框架”面板中选择框架或框架集 115
9.4 设置框架和框架集属性 115
9.4.1 设置框架属性 116
9.4.2 设置框架集属性 116
9.5 框架的基本操作 117
9.6 为框架页设置链接 119
9.7 框架的嵌套 119
9.8 项目实训 120
9.8.1 项目实训一：为框架设置不同背景 120
9.8.2 项目实训二：使用框架制作网页 121

第10章 表单的应用 125
10.1 表单概述 125
10.2 表单的创建及设置 125
10.2.1 创建表单 125
10.2.2 设置表单属性 125
10.3 创建表单对象 126
10.3.1 创建文本域 126
10.3.2 创建单选按钮 127
10.3.3 制作单选按钮组 128
10.3.4 创建复选框 130
10.3.5 创建下拉菜单 130
10.3.6 创建表单按钮 131
10.3.7 创建图像域 131
10.4 项目实训 132
10.4.1 项目实训一：制作会员注册 表单 132
10.4.2 项目实训二：制作大型购物 中心订单页面 138

第11章 多媒体的应用 152
11.1 插入Flash动画 152
11.1.1 认识Flash动画 152
11.1.2 制作“古色古香”的网页 153
11.2 为网页添加音频 154
11.2.1 插入声音 154
11.2.2 制作音乐播放网页 155
11.3 插入FLV视频 156
11.3.1 认识FLV视频 156
11.3.2 在网页中插入FLV视频 157
11.4 插入Applet 159
11.5 插入ActiveX控件 160
11.6 插入插件 161
11.6.1 插入插件图标 161
11.6.2 使用插件嵌入音乐播放器 162

第12章 行为的应用 163
12.1 行为简介 163
12.2 行为面板 163
12.3 使用行为 164
12.4 在网页文档中组合“西瓜人” 165
12.4.1 绘制层并插入图像 165
12.4.2 在浏览器中组合“西瓜人” 166
12.5 制作拼图游戏页面 167
12.5.1 绘制层插入图片 167
12.5.2 设置层的拖动范围 168
12.6 符合使用者电脑环境的行为 169
12.6.1 显示适合的网页文档 169
12.6.2 加载大容量图像 171
12.7 制作自动跳丝页面 172
12.8 检查表单 173
12.9 调整Flash动画的行为 174
12.9.1 插入Flash动画 174
12.9.2 控制动画 175
12.9.3 添加单击按钮的效果音 176
12.10 快捷而高效地链接相关行为 177
12.10.1 把鼠标移至瞬间跳转 177
12.10.2 跳转到菜单相关页面 179
12.10.3 添加GO按钮 182
12.11 制作对鼠标动作做出反应的导航条 182
12.11.1 制作导航条的基本信息 182
12.11.2 添加可以知道当前所选菜单的行为 185
12.12 在网页中显示事件窗口 187
12.12.1 在网页中显示指定大小的弹出窗口 187
12.12.2 添加导航条和菜单栏 188
12.13 显示隐藏层 189
12.13.1 绘制层并且插入图片 189
12.13.2 隐藏显示层 190
12.13.3 设置层的可见性 191
12.14 显示大图像的缩略图效果 192
12.14.1 绘制层并插入图像 192
12.14.2 单击小图像时显示大图像 193
12.14.3 更换图层内图像的行为 195
12.14.4 把图像替换为其他图像的行为 196
12.15 把替换的图像恢复为原图像 199
12.15.1 替换图像 199
12.15.2 恢复交换图像 201
12.16 利用JavaScript实现关闭网页 201

参考文献 203