本书是“新起点电脑教程”丛书的一个分册，以通俗易懂的语言、精挑细选的实用技巧、翔实生动的操作案例，全面介绍了网页制作基础知识、Dreamweaver CS6轻松入门、创建与管理站点、在网页中创建文本、使用图像与多媒体丰富网页内容、应用网页中的超级链接、在网页中应用表格、应用CSS样式美化网页、应用CSS+Div灵活布局网页、应用AP Div元素布局页面、应用框架布局网页、模板与库、使用行为创建动态效果和站点的发布与推广等方面的知识与操作。

    本书配有一张多媒体全景教学光盘，收录了书中全部知识点的视频教学课程，同时还赠送了4套相关视频教学课程，以及多本电子图书和相关行业规范知识。超低的学习门槛和超多的光盘内容，可以帮助读者循序渐进地学习、掌握和提高。

    本书面向学习Dreamweaver CS6软件的初中级用户，适合无基础又想快速掌握Dreamweaver CS6入门操作的读者，同时对有经验的Dreamweaver CS6使用者也有很高的参考价值，还可以作为高等院校相关专业课教材和社会培训机构的相关培训教材。

　　

前    言

　　

　　Dreamweaver CS6是一款超强的集网页制作和网站管理功能于一身的网页编辑软件，可以轻而易举地制作出跨越平台限制的充满动感的网页，因此受到设计师和用户的喜爱。为了帮助读者快速掌握应用Dreamweaver CS6软件的要领，以便在日常工作中学以致用，我们编写了本书。

　　本书为读者快速掌握Dreamweaver CS6提供了一个崭新的学习与实践平台。无论是基础知识的讲解还是实践应用能力的训练，本书都充分地考虑了读者的需求，可以帮助读者快速获得理论知识并且同步提高应用能力。

　　本书在编写过程中根据读者的学习习惯，采用由浅入深、由易到难的方式讲解。读者还可以通过随书赠送的多媒体视频教学光盘进行学习。全书结构清晰，内容丰富，主要内容包括以下4个方面。

　　(1) 基础入门：本书第1～2章，介绍网页制作基础、网页的基本要素、网页中的色彩特性以及Dreamweaver CS6工作环境等内容。

　　(2) 网页制作与设计：本书第3～7章，全面介绍创建与管理站点、在网页中创建文本、使用图像与多媒体丰富网页内容、应用网页中的超链接和在网页中应用表格的操作方法与技巧。

　　(3) CSS样式布局页面：本书第8～11章，介绍创建CSS样式、将CSS应用到网页、应用CSS+Div灵活布局网页、应用AP Div元素布局页面、应用框架布局网页等方面的操作方法与技巧。

　　(4) 动态网页设计：本书第12～14章，介绍利用模板和库创建网页、使用JavaScript行为创建动态效果的操作方法与技巧以及站点的发布与推广方面的知识。

　　本书由文杰书院组织编写，参与本书编写工作的有李军、袁帅、许媛媛、王超、刘蔷、徐伟、罗子超、李强、蔺丹、高桂华、李统财、安国英、蔺寿江、刘义、贾亚军、蔺影、李伟、田园、高金环、周军等。

　　我们真切希望读者在阅读本书之后，可以开阔视野，增长实践操作技能，并从中学习和总结操作的经验和规律，达到灵活运用的水平。鉴于编者水平有限，书中纰漏和考虑不周之处在所难免，热忱欢迎读者予以批评、指正，以便我们日后能为您编写更好的图书。

　　如果您在使用本书时遇到问题，可以访问网站http://www.itbook.net.cn或发邮件至itmingjian@163.com与我们交流和沟通。

　　

　　

　　编  者  

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

　　

目    录

第1章  网页制作基础知识 1

1.1  网页制作基础 2

1.1.1  静态网页 2

1.1.2  动态网页 3

1.2  网页的基本要素 3

1.2.1  Logo 4

1.2.2  Banner 4

1.2.3  导航栏 4

1.2.4  文本 5

1.2.5  图像 5

1.2.6  Flash动画 6

1.3  网页中的色彩特性 6

1.3.1  相近色的应用 7

1.3.2  对比色的应用 7

1.3.3  网页安全色 8

1.3.4  色彩模式 9

1.4  网页制作常用软件 10

1.4.1  网页编辑排版软件Dreamweaver 

CS6 10

1.4.2  图像制作软件Photoshop CS6

和Fireworks CS6 11

1.4.3  网页动画制作软件Flash CS6 12

1.4.4  网页标记语言HTML 12

1.4.5  网页脚本语言JavaScript 13

1.4.6  动态网页编程语言ASP 13

1.5  思考与练习 13

第2章  Dreamweaver CS6轻松入门 15

2.1  Dreamweaver CS6工作环境 16

2.1.1　菜单栏 16

2.1.2　工具栏 17

2.1.3　【属性】面板 18

2.1.4　面板组 18

2.2　【插入】栏 18

2.2.1　【常用】插入栏 19

2.2.2　【布局】插入栏 19

2.2.3　【表单】插入栏 20

2.2.4　【数据】插入栏 21

2.2.5　Spry插入栏 22

2.2.6　【文本】插入栏 22

2.2.7　【收藏夹】插入栏 23

2.3　使用可视化助理 24

2.3.1  使用标尺 24

2.3.2  显示网格 25

2.4  实践案例与上机指导 26

2.4.1  使用辅助线 26

2.4.2  使用跟踪图像功能 26

2.5  思考与练习 28

第3章  创建与管理站点 29

3.1  创建本地站点 30

3.1.1  使用向导搭建站点 30

3.1.2  使用【高级设置】选项创建

站点 32

3.2　管理站点 37

3.2.1  打开站点 37

3.2.2  编辑站点 37

3.2.3  删除站点 39

3.2.4  复制站点 40

3.3　管理站点中的文件 42

3.3.1　创建文件夹 42

3.3.2　创建网页文件 42

3.3.3　移动和复制文件 43

3.4　实践案例与上机指导 43

3.4.1  站点的切换 43

3.4.2  使用站点地图 44

3.5  思考与练习 44

第4章  在网页中创建文本 45

4.1  文本的基本操作 46

4.1.1  输入文本 46

4.1.2  设置字体 46

4.1.3  设置字号 48

4.1.4  设置字体颜色 49

4.1.5  设置字体样式 50

4.1.6  设置段落 51

4.1.7  设置是否显示不可见元素 51

4.2  插入特殊文本对象 52

4.2.1  插入特殊字符 52

4.2.2  插入水平线 53

4.2.3  插入注释 54

4.2.4  插入日期 54

4.3  项目符号和编号列表 55

4.3.1  创建项目列表 55

4.3.2  创建编号列表 56

4.4  插入页面的头部内容 57

4.4.1  设置META 57

4.4.2  插入关键字 58

4.4.3  插入说明 59

4.4.4  插入刷新 59

4.4.5  设置基础 60

4.4.6  设置链接 61

4.4.7  设置标题 62

4.5  实践案例与上机指导 63

4.5.1  查找与替换 63

4.5.2  在【代码】视图中创建HTML

页面 64

4.6  思考与练习 65

第5章  使用图像与多媒体丰富网页

内容 67

5.1  网页中常使用的图像格式 68

5.1.1  JPEG格式图像 68

5.1.2  GIF格式图像 68

5.1.3  PNG格式图像 68

5.2  插入与设置图像 69

5.2.1  在网页中插入图像文件 69

5.2.2  图像对齐的常见方式 71

5.2.3  设置图像属性 71

5.3  插入其他图像元素 72

5.3.1  插入图像占位符 72

5.3.2  插入鼠标经过图像 73

5.4  多媒体在网页中的应用 74

5.4.1  插入Flash动画 74

5.4.2  插入FLV视频 77

5.4.3  插入音乐 79

5.5  实践案例与上机指导 80

5.5.1  插入背景音乐 80

5.5.2  创建精彩的多媒体网页 83

5.6  思考与练习 85

第6章  应用网页中的超级链接 87

6.1  超级链接 88

6.1.1  超级链接概述 88

6.1.2  内部、外部与脚本链接 88

6.1.3  超级链接的类型 89

6.2  链接路径 89

6.2.1  绝对路径 90

6.2.2  文档相对路径 90

6.2.3  站点根相对路径 91

6.3  创建超级链接 91

6.3.1  使用菜单创建链接 91

6.3.2  使用【属性】面板创建链接 92

6.3.3  使用【指向文件】按钮创建

链接 92

6.4  创建不同种类的超级链接 93

6.4.1  文本超级链接 93

6.4.2  图像热点链接 95

6.4.3  空链接 96

6.4.4  E-mail链接 97

6.4.5  脚本链接 99

6.5  管理与设置超级链接 100

6.5.1  自动更新链接 100

6.5.2  在站点范围内更改链接 101

6.5.3  检查站点中的链接错误 102

6.6  实践案例与上机指导 103

6.6.1  锚记链接 103

6.6.2  图像映射 105

6.7  思考与练习 107

第7章  在网页中应用表格 109

7.1  表格的创建与应用 110

7.1.1  定义表格 110

7.1.2  创建表格 110

7.1.3  在表格中输入内容 111

7.2  设置表格 115

7.2.1  设置表格属性 115

7.2.2  设置单元格属性 116

7.3  调整表格结构 117

7.3.1  选择单元格和表格 117

7.3.2  调整单元格和表格的大小 119

7.3.3  插入与删除表格的行和列 120

7.3.4  拆分单元格 122

7.3.5  合并单元格 124

7.3.6  复制、剪切和粘贴表格 124

7.4  处理表格数据 126

7.4.1  排序表格 126

7.4.2  导入Excel表格数据 127

7.5  应用数据表格样式控制 128

7.5.1  表格模型 129

7.5.2  表格标题 130

7.5.3  表格样式控制 130

7.6  实践案例与上机指导 131

7.6.1  使用表格布局模式设计

网页 131

7.6.2  制作网页细线表格 137

7.7  思考与练习 141

第8章  应用CSS样式美化网页 143

8.1  CSS样式表 144

8.1.1  认识CSS 144

8.1.2  CSS样式的类型 144

8.1.3  CSS样式的基本语法 145

8.2  创建CSS样式 146

8.2.1  建立标签样式 147

8.2.2  建立类样式 148

8.2.3  建立复合内容样式 149

8.2.4  链接外部样式表 150

8.2.5  建立ID样式 151

8.3  将CSS应用到网页 153

8.3.1  内联式样式表 153

8.3.2  外部样式表 154

8.3.3  内部样式表 154

8.4  设置CSS样式 155

8.4.1  设置文本类型样式 155

8.4.2  设置背景样式 156

8.4.3  设置方框样式 157

8.4.4  设置区块样式 158

8.4.5  设置边框样式 158

8.4.6  设置定位样式 159

8.4.7  设置扩展样式 160

8.4.8  设置过渡样式 161

8.5  实践案例与上机指导 161

8.5.1  设置列表样式 161

8.5.2  样式冲突 162

8.6  思考与练习 162

第9章  应用CSS+Div灵活布局

网页 165

9.1  Div简介 166

9.1.1  Div概述 166

9.1.2  <Div>和<Span>的区别

与相同点 166

9.2  CSS定位 167

9.2.1  盒子模型 167

9.2.2  position定位 168

9.2.3  float定位 170

9.3  Div布局 170

9.3.1　使用Div对页面进行整体

规划 170

9.3.2　设计各块的位置 171

9.3.3　使用CSS定位 171

9.4  CSS布局方式 172

9.4.1  居中版式布局 172

9.4.2  浮动版式布局 174

9.5  实践案例与上机指导 178

9.5.1  三列浮动中间列宽度自适应

布局 178

9.5.2  一列自适应宽度布局 179

9.6  思考与练习 180

第10章  应用AP Div元素布局页面 183

10.1  设置AP Div 184

10.1.1  AP Div概述 184

10.1.2  AP Div和Div的区别 184

10.1.3  【AP元素】面板简介 185

10.2  创建AP Div 185

10.2.1  使用菜单创建普通

 AP Div 185

10.2.2  创建嵌套AP Div 186

10.3  应用AP Div的属性 187

10.3.1  改变AP Div的堆叠顺序 187

10.3.2  为AP Div添加滚动条 187

10.3.3  改变AP Div的可见性 188

10.3.4  设置AP Div的显示/隐藏

 属性 188

10.4  AP Div与表格的转换 189

10.4.1  把AP Div转换为表格 189

10.4.2  把表格转换为AP Div 190

10.5  实践案例与上机指导 192

10.5.1  使用AP Div制作下拉

 菜单 192

10.5.2  创建浮动框架 196

10.6  思考与练习 199

第11章  应用框架布局网页 201

11.1  框架概述 202

11.1.1  框架的组成 202

11.1.2  框架的优点与缺点 202

11.2  框架和框架集 203

11.2.1  创建预定义的框架集 203

11.2.2  在框架中添加内容 204

11.2.3  框架与框架集文件的保存 205

11.3  选择框架或框架集 207

11.3.1  在文档窗口中选择 208

11.3.2  在【框架】面板中选择 208

11.4  框架或框架集属性的设置 209

11.4.1  设置框架的属性 209

11.4.2  设置框架集的属性 210

11.5  应用IFrame框架 211

11.5.1  制作IFrame框架页面 211

11.5.2  制作IFrame框架页面

 链接 212

11.6  实践案例与上机指导 213

11.6.1  改变框架的背景颜色 214

11.6.2  拆分框架集 215

11.7　思考与练习 217

第12章  模板与库 219

12.1  创建模板 220

12.1.1  新建模板 220

12.1.2  从现有文档创建模板 221

12.2  设置模板 222

12.2.1  定义可编辑区域 222

12.2.2  定义可选区域 223

12.2.3  定义重复区域 224

12.2.4  可编辑标签属性 226

12.3  管理模板 226

12.3.1  创建基于模板的网页 227

12.3.2  模板中的页面更新 228

12.3.3  在现有文档中应用模板 229

12.4  创建与应用库项目 231

12.4.1  关于库项目 231

12.4.2  新建库项目 231

12.5  实践案例与上机指导 232

12.5.1  应用库项目 232

12.5.2  重命名库项目 234

12.5.3  删除库项目 234

12.6  思考与练习 235

第13章  使用行为创建动态效果 237

13.1  行为 238

13.1.1　行为的概念 238

13.1.2　常见动作类型 238

13.1.3　常见事件 239

13.2  内置行为 240

13.2.1  弹出提示信息 240

13.2.2  检查插件 241

13.2.3  打开浏览器窗口 243

13.2.4  设置状态栏文本 245

13.2.5  转到URL 247

13.2.6  设置容器的文本 248

13.2.7  预先载入图像 250

13.3  实践案例与上机指导 251

13.3.1  使用行为实现关闭窗口的

 功能 251

13.3.2  使用行为实现打印功能 252

13.4  思考与练习 253

第14章  站点的发布与推广 255

14.1  测试制作的网站 256

14.1.1  创建站点报告 256

14.1.2  检查浏览器兼容性 257

14.1.3  使用链接检查器 258

14.2　上传发布网站 259

14.2.1  链接到远程服务器 259

14.2.2  文件上传 262

14.2.3  文件下载 262

14.3　网站运营与维护 263

14.3.1  网站的运营 263

14.3.2  网站的更新与维护 264

14.3.3  优化网站的SEO 265

14.4　常见的网站推广方式 266

14.4.1  搜索引擎推广 266

14.4.2  资源合作推广 266

14.4.3  电子邮件推广 267

14.4.4  软文推广 268

14.4.5  导航网站登录 268

14.4.6  BBS论坛推广 269

14.4.7  博客推广 269

14.4.8  微博推广 270

14.4.9  病毒性营销 270

14.4.10  口碑营销 271

14.5  思考与练习 271

附录  思考与练习答案 273