ADOBE DREAMWEAVER CS6标准培训教材 PDF下载

目　录



1　Dreamweaver CS6基础知识　1

1.1　Dreamweaver CS6简介　1

1.2　Dreamweaver CS6的工作界面　2

1.2.1　界面布局　2

1.2.2　工具、窗口和面板　8

1.2.3　使用插入栏　14

1.2.4　属性检查器　16

1.2.5　使用管理面板和面板组　17

1.2.6　Dreamweaver中的自定义功能　18

1.3　Dreamweaver CS6的新功能　21



2　文本的处理与控制　25

2.1　设置网页标题　25

2.2　HTML文件的基本结构　27

2.2.1　标签　28

2.2.2　标签　28

2.3　文本的基本设置　29

2.3.1　设置文本标题　29

2.3.2　添加空格　32

2.3.3　强制换行　33

2.3.4　文字的基本设置　34

2.3.5　“文本”插入栏的使用　36

2.4　项目列表　38

2.4.1　设置无序列表　39

2.4.2　设置有序列表　41

2.4.3　在标签检查器中设置项目列表　42

2.4.4　定义项目列表　43

2.5　使用外部文本　44

2.5.1　粘贴文本　44

2.5.2　粘贴表格　45

2.5.3　导入Word文档和Excel表格　46



3　建立超级链接　49

3.1　超级链接的概念　49

3.1.1　URL概述　49

3.1.2　超级链接中的路径　50

3.2　为文本添加链接　51

3.2.1　添加链接　51

3.2.2　设置链接　53

3.2.3　使用超级链接标签　54

3.3　检查链接　55

3.4　制作电子邮件链接　57

3.5　下载链接　59

3.6　添加锚链接　61

3.6.1　在同一页面中添加锚链接　61

3.6.2　在不同的页面上使用锚链接　65



4　在网页中使用图像　67

4.1　网络图形格式　67

4.1.1　GIF图像　67

4.1.2　JPEG图像　68

4.1.3　PNG图像　69

4.2　在Dreamweaver中插入图片　69

4.2.1　在设计视图中插入图片　69

4.2.2　从“资源”面板中插入图片　70

4.2.3　在代码视图中插入图片　71

4.3　在Dreamweaver中处理图片　72

4.3.1　图片的基本设置　72

4.3.2　编辑图片　73

4.4　使用热区　78

4.4.1　绘制热区　78

4.4.2　在标签检查器中设置热区　80

4.5　制作鼠标指针经过图像　81

4.6　插入图像占位符　82

4.7　添加背景图像　83

4.8　使用Photoshop文件　85

4.8.1　插入PSD文件　85

4.8.2　从Photoshop复制和粘贴　86

4.8.3　Adobe Photoshop智能对象　87

4.8.4　在Bridge中使用素材　89



5　在网页中使用多媒体　91

5.1　在网页中使用Flash　91

5.1.1　关于Flash　91

5.1.2　插入Flash影片文件(SWF)　92

5.1.3　对插入的Flash进行编辑　94

5.1.4　使用其他的Flash元素　97

5.2　在网页中添加其他插件　101

5.2.1　插入其他视频文件　101

5.2.2　为网页添加声音文件　102



6　使用表格布局页面　104

6.1　页面的布局　104

6.2　认识表格　105

6.2.1　和标记　105

6.2.2　和标记　106

6.2.3　在代码视图中设置表格　106

6.3　使用表格　108

6.3.1　在文档中插入表格　108

6.3.2　选择表格　109

6.3.3　设置表格属性　110

6.3.4　编辑表格　111

6.4　格式化表格　114

6.4.1　表格格式的设置　114

6.4.2　表格的排序　115

6.5　导入表格式数据　117

6.6　导出表格式数据　118

6.7　扩展表格模式和标准模式　118

6.7.1　关于扩展表格和标准模式　119

6.7.2　在扩展表格模式下插入元素　120



7　使用AP Div布局页面　121

7.1　创建AP Div　121

7.1.1　创建基本的AP Div　122

7.1.2　创建嵌套AP Div　122

7.1.3　定位的度量　124

7.2　AP Div的操作　125

7.2.1　选择AP Div　125

7.2.2　调整AP Div的大小　127

7.2.3　移动AP Div　128

7.2.4　排列AP Div　128

7.3　设置AP Div的属性　129

7.4　使用“AP元素”面板　132

7.4.1　“AP元素”面板的主体部分　132

7.4.2　防止重叠　133

7.5　AP Div的使用技巧　133

7.5.1　将AP Div转换成表格　133

7.5.2　将表格转化为AP Div　134

7.5.3　可视化剪辑AP Div　135

7.5.4　构建相对定位的AP Div　136



8　使用层叠样式表　138

8.1　层叠样式表基础　138

8.1.1　CSS样式简介　138

8.1.2　CSS样式的规则及分类　139

8.2　在Dreamweaver中创建层叠样式表　140

8.2.1　“CSS样式”面板　140

8.2.2　新建CSS样式　142

8.2.3　创建CSS文档　143

8.2.4　多CSS类选区　145

8.3　使用CSS样式　145

8.3.1　定义CSS规则　145

8.3.2　套用CSS样式　160

8.3.3　附加样式表　160

8.3.4　删除已应用的样式　161

8.3.5　使用范例Dreamweaver样式表　162

8.4　ID　163

8.5　标签　163

8.6　复合内容　165

8.7　使用Div标签　167

8.7.1　插入Div标签　167

8.7.2　编辑Div标签　169

8.8　CSS布局块可视化　169



9　使用流体网格布局　171

9.1　流体网格布局简介　171

9.2　使用流体网格布局　173

9.2.1　创建流体网格布局　173

9.2.2　创建模块内容　174

9.2.3　调整屏幕的布局　177

9.3　使用媒体查询重置样式　179

9.3.1　媒体查询功能介绍　179

9.3.2　使用媒体查询功能　180



10　使用模板和库　182

10.1　使用软件自身提供的模板　182

10.2　创建自定义模板　184

10.2.1　将文档另存为模板　184

10.2.2　使用“资源”面板创建新模板　184

10.3　创建模板的可编辑区域　185

10.4　使用可选区域　187

10.5　使用重复区域　188

10.5.1　模板中创建重复区域　189

10.5.2　插入重复表格　189

10.6　应用模板　190

10.6.1　使用模板创建文档　190

10.6.2　在现有文档中应用或删除模板　191

10.7　编辑和更新模板　192

10.8　在基于模板的文档中编辑内容　193

10.9　管理模板　194

10.10　库项目　194

10.10.1　了解库项目　194

10.10.2　在“资源”面板中添加库项目　195

10.10.3　库项目的属性　196

10.10.4　使库项目可编辑　196

10.10.5　应用库项目　197

10.10.6　修改库项目　198



11　使用行为　200

11.1　什么是行为　200

11.2　应用行为　201

11.3　修改行为　202

11.4　设置行为　202

11.4.1　弹出消息　203

11.4.2　打开浏览器窗口　203

11.4.3　改变属性　204

11.4.4　检查表单　206

11.4.5　检查插件　206

11.4.6　预先载入图像　207

11.4.7　交换图像　208

11.4.8　转到URL　209

11.4.9　拖动AP元素　209



12　使用表单　211

12.1　表单的工作模式　211

12.2　在页面中插入表单　212

12.3　插入表单对象并设置其属性　214

12.3.1　使用表单　214

12.3.2　使用文本域　214

12.3.3　使用隐藏域　216

12.3.4　使用复选框　216

12.3.5　使用单选按钮　217

12.3.6　使用单选按钮组　218

12.3.7　使用列表/菜单　219

12.3.8　使用跳转菜单　220

12.3.9　使用图像域　220

12.3.10　使用文件域　221

12.3.11　使用标准按钮　221

12.4　Spry构件　222

12.4.1　制作Spry菜单栏　222

12.4.2　制作Spry选项卡式面板　224

12.4.3　制作Spry折叠式　226

12.4.4　Spry可折叠面板　227

12.4.5　Spry表单控件　228

12.4.6　Spry工具效果　230

12.4.7　为Spry工具提示添加行为　233

13　网站的创建与管理　242

13.1　规划网站　242

13.1.1　网站与访客　242

13.1.2　创建具有浏览器兼容性的站点　243

13.1.3　组织站点结构和文件夹命名原则　243

13.1.4　确定站点风格　244

13.1.5　设计导航方案　244

13.1.6　规划和收集资源　245

13.2　使用“资源”面板　246

13.2.1　查看资源　246

13.2.2　选取资源类别　247

13.2.3　添加资源　248

13.2.4　选择和编辑资源　248

13.2.5　在站点间使用资源　249

13.2.6　刷新“资源”面板　250

13.2.7　管理“资源”面板　250

13.3　创建Dreamweaver本地站点　251

13.3.1　使用站点向导创建站点　252

13.3.2　“高级设置”选项　255

13.4　管理站点信息　256

13.5　创建和管理文件　258

13.5.1　“文件”面板　258

13.5.2　新建文件和文件夹　260

13.5.3　文件的上传和下载　261



14　Adobe Dreamweaver CS6高效的代码编写　262

14.1　代码编写基础　262

14.1.1　什么是HTML　262

14.1.2　什么是XHTML　264

14.1.3　支持的语言种类　265

14.2　定义文件头元素　266

14.2.1　查看和建立文件头元素　266

14.2.2　设置页面的meta属性　269

14.2.3　设置网页关键字　270

14.2.4　设置网页说明　270

14.2.5　设置网页刷新　271

14.2.6　设置网页基础URL　272

14.2.7　设置网页链接属性　273

14.2.8　设置meta搜索机器人　274

14.2.9　设置meta禁用访问者缓存　275

14.3　查看代码　276

14.3.1　代码、拆分与实时代码视图　276

14.3.2　相关文件　279

14.3.3　代码检查器　279

14.4　编写代码　283

14.4.1　代码提示与自动完成　283

14.4.2　显示代码浏览器　285

14.4.3　折叠代码　288

14.4.4　选择代码　289

14.4.5　插入HTML注释　290

14.4.6　插入代码片段　290

14.4.7　使用标签检查器　292

14.4.8　快速标签编辑器　294

14.4.9　使用标签选择器　295

14.4.10　使用语言参考　297

14.5　自定义编码环境　298

14.5.1　设置代码格式　298

14.5.2　设置代码颜色和提示　298

14.5.3　使用外部编辑器　299