Dreamweaver CS6实例教程

第1章　初识Dreamweaver CS6　1

1．1　Dreamweaver CS6的工作界面　2

1．1．1　友善的开始页面　2

1．1．2　不同风格的界面　2

1．1．3　伸缩自如的功能面板　2

1．1．4　多文档的编辑界面　3

1．1．5　新颖的“插入”面板　3

1．1．6　更完整的CSS功能　4

1．2　创建网站框架　5

1．2．1　站点管理器　6

1．2．2　创建文件夹　6

1．2．3　定义新站点　6

1．2．4　创建和保存网页　7

1．3　管理站点文件和文件夹　9

1．3．1　重命名文件和文件夹　9

1．3．2　移动文件和文件夹　9

1．3．3　删除文件或文件夹　9

1．4　管理站点　9

1．4．1　打开站点　9

1．4．2　编辑站点　10

1．4．3　复制站点　10

1．4．4　删除站点　10

1．4．5　导入和导出站点　10

1．5　网页文件头设置　11

1．5．1　插入搜索关键字　11

1．5．2　插入作者和版权信息　12

1．5．3　设置刷新时间　12

1．5．4　设置描述信息　13

1．5．5　设置页面中所有链接的基准链接　14

1．5．6　设置当前文件与其他文件的关联性　14

第2章　文本与文档　15

2．1　文本与文档　16

2．1．1　课堂案例——青山别墅网页　16

2．1．2　输入文本　18

2．1．3　设置文本属性　18

2．1．4　输入连续的空格　19

2．1．5　设置是否显示不可见元素　20

2．1．6　设置页边距　20

2．1．7　设置网页的标题　21

2．1．8　设置网页的默认格式　22

2．1．9　课堂案例——果蔬网页　22

2．1．10　改变文本的大小　24

2．1．11　改变文本的颜色　25

2．1．12　改变文本的字体　26

2．1．13　改变文本的对齐方式　27

2．1．14　设置文本样式　28

2．1．15　段落文本　29

2．2　项目符号和编号列表　30

2．2．1　课堂案例——电器城网店　30

2．2．2　设置项目符号或编号　31

2．2．3　修改项目符号或编号　32

2．2．4　设置文本缩进格式　32

2．2．5　插入日期　32

2．2．6　特殊字符　33

2．2．7　插入换行符　33

2．3　水平线、网格与标尺　34

2．3．1　课堂案例——艺术摄影网页　34

2．3．2　水平线　36

2．3．3　显示和隐藏网格　37

2．3．4　标尺　37

2．4　课堂练习——葡萄酒网页　39

2．5　课堂练习——鲜花速递网页　39

2．6　课后习题——爱仁摄影网页　40

第3章　图像和多媒体　41

3．1　图像的插入　42

3．1．1　课堂案例——建筑工程网页　42

3．1．2　网页中的图像格式　43

3．1．3　插入图像　44

3．1．4　设置图像属性　44

3．1．5　给图片添加文字说明　45

3．1．6　插入图像占位符　46

3．1．7　跟踪图像　46

3．2　多媒体在网页中的应用　47

3．2．1　课堂案例——五谷杂粮网页　47

3．2．2　插入Flash动画　48

3．2．3　插入FLV　49

3．2．4　插入Shockwave影片　51

3．2．5　插入Applet程序　52

3．2．6　插入ActiveX控件　52

3．3　课堂练习——数码冲印网页　52

3．4　课堂练习——营养美食网页　53

3．5　课后习题——酒店订购网页　53

第4章　超链接　54

4．1　超链接的概念与路径知识　55

4．2　文本超链接　55

4．2．1　课堂案例——实木地板网页　55

4．2．2　创建文本链接　57

4．2．3　文本链接的状态　59

4．2．4　下载文件链接　59

4．2．5　电子邮件链接　60

4．3　图像超链接　61

4．3．1　课堂案例——温泉度假网页　61

4．3．2　图像超链接　63

4．3．3　鼠标经过图像链接　63

4．4　命名锚记超链接　64

4．4．1　课堂案例——金融投资网页　65

4．4．2　命名锚记链接　68

4．5　热点链接　69

4．5．1　课堂案例——口腔护理网页　69

4．5．2　创建热点链接　71

4．6　课堂练习——世界旅游网页　72

4．7　课堂练习——世界景观网页　73

4．8　课后习题——摩托车改装网页　73

第5章　使用表格　74

5．1　表格的简单操作　75

5．1．1　课堂案例——布艺沙发网页　75

5．1．2　表格的组成　78

5．1．3　插入表格　79

5．1．4　表格各元素的属性　80

5．1．5　在表格中插入内容　82

5．1．6　选择表格元素　82

5．1．7　复制、粘贴表格　84

5．1．8　删除表格和表格内容　85

5．1．9　缩放表格　85

5．1．10　合并和拆分单元格　86

5．1．11　增加和删除表格的行和列　87

5．2　网页中的数据表格　88

5．2．1　课堂案例——健康美食网页　88

5．2．2　导入和导出表格的数据　90

5．2．3　排序表格　93

5．3　复杂表格的排版　94

5．4　课堂练习——OA办公系统网页　94

5．5　课堂练习——有机蔬菜网页　95

5．6　课后习题——租车网页　95

第6章　使用框架　96

6．1　框架与框架集　97

6．1．1　课堂案例——茗茶频道网页　97

6．1．2　建立框架集　100

6．1．3　为框架添加内容　101

6．1．4　保存框架　101

6．1．5　框架的选择　102

6．1．6　修改框架的大小　103

6．1．7　拆分框架　104

6．1．8　删除框架　104

6．2　框架的属性设置　104

6．2．1　课堂案例——家具天地网页　105

6．2．2　框架属性　109

6．2．3　框架集的属性　110

6．2．4　课堂案例——干果批发网页　110

6．2．5　框架中的链接　111

6．2．6　改变框架的背景颜色　113

6．3　课堂练习——海洋馆网页　113

6．4　课堂练习——献爱心活动中心网页　113

6．5　课后习题——时尚灯具网页　114

第7章　使用层　115

7．1　层的基本操作　116

7．1．1　课堂案例——时尚前沿网页　116

7．1．2　创建层　118

7．1．3　选择层　119

7．1．4　设置层的默认属性　119

7．1．5　AP元素面板　120

7．1．6　更改层的堆叠顺序　120

7．1．7　更改层的可见性　121

7．1．8　调整层的大小　121

7．1．9　移动层　122

7．1．10　对齐层　122

7．1．11　层靠齐到网格　123

7．2　应用层设计表格　124

7．2．1　课堂案例——化妆公司网页　124

7．2．2　将AP Div转换为表格　125

7．2．3　将表格转换为AP Div　127

7．3　课堂练习——鲜花速递网页　127

7．4　课后习题——手机导航网页　128

第8章　CSS样式　129

8．1　CSS样式的概念　130

8．2　CSS样式　130

8．2．1　“CSS样式”面板　130

8．2．2　CSS样式的类型　131

8．3　样式的类型与创建　132

8．3．1　创建重定义HTML标签样式　132

8．3．2　创建CSS选择器　133

8．3．3　创建和应用自定义样式　134

8．3．4　创建和引用外部样式　135

8．4　编辑样式　136

8．5　CSS的属性　136

8．5．1　课堂案例——山地车网页　137

8．5．2　类型　140

8．5．3　背景　142

8．5．4　区块　142

8．5．5　方框　143

8．5．6　边框　144

8．5．7　列表　145

8．5．8　定位　145

8．5．9　扩展　146

8．5．10　过渡　147

8．6　过滤器　147

8．6．1　课堂案例——汽车配件网页　147

8．6．2　可应用过滤的HTML标签　149

8．6．3　CSS的静态过滤器　150

8．6．4　CSS的动态过滤器　151

8．7　课堂练习——科技公司网页　151

8．8　课堂练习——跑酷网页　152

8．9　课后习题——足球在线网页　152

第9章　模板和库　153

9．1　“资源”面板　154

9．2　模板　154

9．2．1　课堂案例——水果慕斯网页　155

9．2．2　创建模板　158

9．2．3　定义和取消可编辑区域　159

9．2．4　创建基于模板的网页　162

9．2．5　管理模板　163

9．3　库　164

9．3．1　课堂案例——老年生活频道　164

9．3．2　创建库文件　168

9．3．3　向页面添加库项目　169

9．3．4　更新库文件　170

9．4　课堂练习——婚礼策划网页　171

9．5　课堂练习——食谱大全网页　172

9．6　课后习题——美女购物网页　172

第10章　使用表单　173

10．1　使用表单　174

10．1．1　课堂案例——用户注册页面　174

10．1．2　创建表单　179

10．1．3　表单的属性　180

10．1．4　单行文本域　181

10．1．5　隐藏域　183

10．2　应用复选框和单选按钮　183

10．2．1　课堂案例——留言板网页　184

10．2．2　单选按钮　186

10．2．3　单选按钮组　187

10．2．4　复选框　187

10．3　创建列表和菜单　188

10．3．1　课堂案例——健康测试网页　188

10．3．2　创建列表和菜单　190

10．3．3　创建跳转菜单　191

10．3．4　课堂案例——OA登录系统页面　193

10．3．5　创建文件域　196

10．3．6　创建图像域　197

10．3．7　提交、、重置按钮　198

10．4　课堂练习——会员注册页面　199

10．5　课堂练习——问卷调查网页　199

10．6　课后习题——订购单网页　200

第11章　使用行为　201

11．1　行为　202

11．1．1　“行为”面板　202

11．1．2　应用行为　202

11．2　动作　203

11．2．1　课堂案例——婚戒网页　203

11．2．2　调用JavaScript　205

11．2．3　打开浏览器窗口　206

11．2．4　转到URL　208

11．2．5　课堂案例——全麦面包网页　208

11．2．6　检查插件　210

11．2．7　检查表单　211

11．2．8　交换图像　211

11．2．9　课堂案例——公告栏界面　212

11．2．10　显示隐藏层　217

11．2．11　设置容器的文本　219

11．2．12　设置状态栏文本　220

11．2．13　设置文本域文字　221

11．2．14　设置框架文本　221

11．2．15　跳转菜单　222

11．2．16　跳转菜单开始　223

11．3　课堂练习——清凉啤酒网页　224

11．4　课堂练习——海上运动杂志订阅　224

11．5　课后习题——摄影作品网页　225

第12章　网页代码　226

12．1　网页代码　227

12．1．1　课堂案例——商业公司网页　227

12．1．2　使用“参考”面板　229

12．1．3　代码提示功能　229

12．1．4　使用标签库插入标签　229

12．1．5　用标签选择器插入标签　230

12．2　编辑代码　231

12．2．1　使用标签检查器编辑代码　231

12．2．2　使用标签编辑器编辑代码　232

12．3　常用的HTML标签　232

12．4　脚本语言　234

12．5　响应HTML事件　234

12．6　课后习题——招商加盟网页　236

第13章　综合设计实训　237

13．1　个人网页——李明的摄影网页　238

13．1．1　【项目背景及要求】　238

13．1．2　【项目创意及制作】　238

13．2　购物网页——百货商城网　239

13．2．1　【项目背景及要求】　239

13．2．2　【项目创意及制作】　239

13．3　休闲网页——旅游度假网页　240

13．3．1　【项目背景及要求】　240

13．3．2　【项目创意及制作】　240

13．4　房产网页——新焦点房产网页　241

13．4．1　【项目背景及要求】　241

13．4．2　【项目创意及制作】　241

13．5　汽车网页——TSHFA汽车网页　242

13．5．1　【项目背景及要求】　242

13．5．2　【项目创意及制作】　242

13．6　课堂练习1——设计时尚购物网页　243

13．6．1　【项目背景及要求】　243

13．6．2　【项目创意及制作】　243

13．7　课堂练习2——设计书法艺术网站　243

13．7．1　【项目背景及要求】　243

13．7．2　【项目创意及制作】　244

13．8　课后习题1——设计淘宝小屋网页　244

13．8．1　【项目背景及要求】　244

13．8．2　【项目创意及制作】　244

13．9　课后习题2——设计电子商城网站　245

13．9．1　【项目背景及要求】　245

13．9．2　【项目创意及制作】　245

本书全面系统地介绍了Dreamweaver CS6的基本操作方法和网页设计制作技巧，包括初识Dreamweaver CS6、文本与文档、图像和多媒体、超链接、使用表格、使用框架、使用层、CSS样式、模板和库、使用表单、使用行为、网页代码、综合设计实训等内容。
　　书中内容介绍以课堂案例为主线，每个案例都给出了详细的操作步骤和图文演示，学生通过实际操作可以快速熟悉软件功能并领会设计思路；每章的软件功能解析部分能使学生深入学习软件功能和制作特色；另外，主要章的最后还安排了课堂练习和课后习题，可以拓展学生的实际应用能力。
　　本书可以作为高等职业学校数字媒体艺术类专业课程的教材，也可供初学者作为自学参考书使用。