边做边学：Dreamweaver CS6网页设计案例教程（第3版 微课版）

　　本书全面系统地介绍Dreamweaver CS6的基本操作方法和网页设计制作技巧，包括初识Dreamweaver CS6、文本和文档、图像和多媒体、超链接、使用表格、使用框架、使用层、CSS样式、模板和库、表单和行为、网页代码和综合设计实训。本书以课堂案例为主线，通过各案例的实际操作，学生可以快速上手，熟悉软件功能和艺术设计思路。书中的软件功能解析部分使学生能够更深入地学习软件功能。实战演练和综合演练可以拓展学生的实际应用能力，提高学生的软件使用技巧。本书配套云盘包含了书中所有案例的素材及效果文件，方便教师授课、学生练习。本书可作为职业院校艺术类专业课程的教材，也可作为Dreamweaver CS6自学者的参考用书。

　　孟宪宁，青岛职业技术学院副教授，作为《Web编程基础》省级精品课程负责人、《Java Web程序设计》省级精品资源共享课程主讲教师，主持编写《HTML+CSS+JavaScript网页设计》、《Java程序设计》、《Java Web程序设计》、《创新与编程思维》等多门校本讲义。具有丰富的教材和讲义编写经验。

第 1章
初识Dreamweaver　CS6　1
1．1　操作界面　2
1．1．1　【操作目的】　2
1．1．2　【操作步骤】　2
1．1．3　【相关工具】　2
1．开始页面　2
2．不同风格的界面　3
3．伸缩自如的功能面板　3
4．多文档的编辑界面　4
5．“插入”面板　4
6．更完整的CSS功能　4
1．2　创建网站框架　5
1．2．1　【操作目的】　5
1．2．2　【操作步骤】　5
1．2．3　【相关工具】　6
1．3　管理站点　8
1．3．1　【操作目的】　8
1．3．2　【操作步骤】　8
1．3．3　【相关工具】　10
1．站点管理器　10
2．创建文件夹　12
3．定义新站点　12
1．4　网页文件头设置　13
1．4．1　【操作目的】　13
1．4．2　【操作步骤】　13
1．4．3　【相关工具】　13
1．插入搜索关键字　13
2．插入作者和版权信息　14
3．设置刷新时间　14
4．设置描述信息　15
5．设置页面中所有链接的
基准链接　15
6．设置当前文档与其他
文件的关系　16
第　2章
文本和文档　17
2．1　轩宇门窗网页　18
2．1．1　【案例分析】　18
2．1．2　【设计理念】　18
2．1．3　【操作步骤】　18
1．设置页面属性　18
2．输入空格和文字　19
2．1．4　【相关工具】　22
1．输入文本　22
2．设置文本属性　23
3．输入连续的空格　23
4．设置是否显示不可见元素　24
5．设置页边距　24
6．设置网页的标题　25
7．设置网页的默认格式　25
2．1．5　【实战演练】——
青山别墅网页　26
2．2　休闲旅游网页　26
2．2．1　【案例分析】　26
2．2．2　【设计理念】　26
2．2．3　【操作步骤】　27
1．添加字体　27
2．改变文字外观　28
2．2．4　【相关工具】　29
1．改变文本的大小　29
2．改变文本的颜色　30



3．改变文本的字体　31
4．改变文本的对齐方式　32
5．设置文本样式　33
6．段落文本　33
7．插入换行符　35
8．设置项目符号或编号　35
9．修改项目符号或编号　35
10．设置文本缩进格式　36
11．插入日期　36
12．特殊字符　36
2．2．5　【实战演练】——电器城网页　37
2．3　休闲度假村网页　37
2．3．1　【案例分析】　37
2．3．2　【设计理念】　38
2．3．3　【操作步骤】　38
2．3．4　【相关工具】　40
1．水平线　40
2．显示和隐藏网格　41
3．标尺　41
2．3．5　【实战演练】——
摄影艺术网页　42
2．4　综合演练——电商网页　43
2．4．1　【案例分析】　43
2．4．2　【设计理念】　43
2．4．3　【知识要点】　43
2．5　综合演练——有机果蔬网页　44
2．5．1　【案例分析】　44
2．5．2　【设计理念】　44
2．5．3　【知识要点】　44
第3章
图像和多媒体　45
3．1　纸杯蛋糕网页　46


3．1．1　【案例分析】　46
3．1．2　【设计理念】　46
3．1．3　【操作步骤】　46
3．1．4　【相关工具】　48
1．网页中的图像格式　48
2．插入图像　48
3．设置图像属性　49
4．插入图像占位符　50
5．跟踪图像　50
3．1．5　【实战演练】——
环球旅游网页　51
3．2　物流运输网页　51
3．2．1　【案例分析】　51
3．2．2　【设计理念】　51
3．2．3　【操作步骤】　52
3．2．4　【相关工具】　53
1．插入Flash动画　53
2．插入FLV　54
3．插入Shockwave影片　56
4．影片插入Applet程序　56
5．插入ActiveX控件　57
3．2．5　【实战演练】——
准妈妈课堂网页　57
3．3　综合演练——
咖啡馆网页　57
3．3．1　【案例分析】　57
3．3．2　【设计理念】　58
3．3．3　【知识要点】　58
3．4　综合演练——
绿色农场网页　58
3．4．1　【案例分析】　58
3．4．2　【设计理念】　58
3．4．3　【知识要点】　58



第4章
超链接　60
4．1　建筑模型网页　61
4．1．1　【案例分析】　61
4．1．2　【设计理念】　61
4．1．3　【操作步骤】　61
1．制作电子邮件链接　61
2．制作下载文件链接　62
4．1．4　【相关工具】　63
1．超链接的概念与路径知识　63
2．创建文本链接　63
3．文本链接的状态　65
4．下载文件链接　65
5．电子邮件链接　66
4．1．5　【实战演练】——
创意设计网页　66
4．2　温泉度假网页　67
4．2．1　【案例分析】　67
4．2．2　【设计理念】　67
4．2．3　【操作步骤】　67
1．制作鼠标经过　67
2．创建热点链接　68
4．2．4　【相关工具】　69
1．图像超链接　69
2．鼠标经过图像链接　69
3．命名锚记链接　70
4．创建热区链接　71
4．2．5　【实战演练】——
金融投资网页　72
4．3　综合演练——世界景观网页　73
4．3．1　【案例分析】　73
4．3．2　【设计理念】　73
4．3．3　【知识要点】　73
4．4　综合演练——狮立地板网页　74


4．4．1　【案例分析】　74
4．4．2　【设计理念】　74
4．4．3　【知识要点】　74
第5章
使用表格　75
5．1　营养美食网页　76
5．1．1　【案例分析】　76
5．1．2　【设计理念】　76
5．1．3　【操作步骤】　76
5．1．4　【相关工具】　80
1．表格的组成　80
2．插入表格　81
3．表格各元素的属性　82
4．在表格中插入内容　83
5．选择表格元素　83
6．复制、粘贴表格　85
7．缩放表格　86
8．删除表格和表格内容　86
9．合并和拆分单元格　87
10．增加、删除表格的行或列　88
5．1．5　【实战演练】——
火锅餐厅网页　88
5．2　绿色粮仓网页　89
5．2．1　【案例分析】　89
5．2．2　【设计理念】　89
5．2．3　【操作步骤】　89
1．导入表格式数据　89
2．排序表格　92
5．2．4　【相关工具】　93
1．导入和导出表格的数据　93
2．排序表格　95
3．复杂表格的排版　95
5．2．5　【实战演练】——
典藏博物馆网页　96


5．3　综合演练——茶文化网页　96
5．3．1　【案例分析】　96
5．3．2　【设计理念】　96
5．3．3　【知识要点】　96
5．4　综合演练——信用卡网页　97
5．4．1　【案例分析】　97
5．4．2　【设计理念】　97
5．4．3　【知识要点】　97
第6章
使用框架　98
6．1　牛奶饮料网页　99
6．1．1　【案例分析】　99
6．1．2　【设计理念】　99
6．1．3　【操作步骤】　99
1．新建框架并编辑　99
2．插入图像　101
6．1．4　【相关工具】　102
1．建立框架集　102
2．为框架添加内容　103
3．保存框架　104
4．框架的选择　104
5．修改框架的大小　105
6．拆分框架　106
7．删除框架　106
6．1．5　【实战演练】——
献爱心活动中心网页　107
6．2　建筑规划网页　107
6．2．1　【案例分析】　107
6．2．2　【设计理念】　107
6．2．3　【操作步骤】　108
1．设置保存的文档　108
2．插入表格、图像和
鼠标经过图像　109


3．修改页面属性并插入图像　111
4．创建图像超链接　111
6．2．4　【相关工具】　112
1．框架属性　112
2．框架集的属性　113
3．框架中的链接　113
6．2．5　【实战演练】——
阳光外语小学网页　114
6．3　综合演练——
健康定制网页1　115
6．3．1　【案例分析】　115
6．3．2　【设计理念】　115
6．3．3　【知识要点】　115
6．4　综合演练——
健康定制网页2　116
6．4．1　【案例分析】　116
6．4．2　【设计理念】　116
6．4．3　【知识要点】　116
第7章
使用层　117
7．1　联创网络技术网页　118
7．1．1　【案例分析】　118
7．1．2　【设计理念】　118
7．1．3　【操作步骤】　118
7．1．4　【相关工具】　119
1．创建并编辑层　119
2．选择层　121
3．设置层的默认属性　121
4．AP元素面板　122
5．更改层的堆叠顺序　122
6．更改层的可见性　123
7．调整层的大小　123
8．嵌套层　124


9．移动层　124
10．对齐层　125
11．层靠齐到网格　125
7．1．5　【实战演练】——
时尚前沿网页　126
7．2　海贷金融网页　127
7．2．1　【案例分析】　127
7．2．2　【设计理念】　127
7．2．3　【操作步骤】　127
7．2．4　【相关工具】　128
1．将AP　Div转换为表格　128
2．将表格转换为AP　Div　129
7．2．5　【实战演练】——
信业融资网页　129
7．3　综合演练——投资理财网页　130
7．3．1　【案例分析】　130
7．3．2　【设计理念】　130
7．3．3　【知识要点】　130
7．4　综合演练——
购物狂欢节网页　131
7．4．1　【案例分析】　131
7．4．2　【设计理念】　131
7．4．3　【知识要点】　131
第8章
CSS样式　132
8．1　国画展览馆网页　133
8．1．1　【案例分析】　133
8．1．2　【设计理念】　133
8．1．3　【操作步骤】　133
8．1．4　【相关工具】　135
1．CSS样式的概念　135


2．“CSS样式”面板　135
3．CSS样式的类型　136
4．重定义HTML标签样式　137
5．创建CSS选择器　138
6．创建和应用自定义样式　140
7．创建和引用外部样式　140
8．编辑样式　141
8．1．5　【实战演练】——跑酷网页　142
8．2　打印机网页　143
8．2．1　【案例分析】　143
8．2．2　【设计理念】　143
8．2．3　【操作步骤】　143
1．插入表格并输入文字　143
2．设置CSS属性　144
8．2．4　【相关工具】　147
1．类型　147
2．背景　148
3．区块　149
4．方框　150
5．边框　150
6．列表　151
7．定位　151
8．扩展　152
9．过渡　152
8．2．5　【实战演练】——山地车网页　153
8．3　爱晚工程网页　153
8．3．1　【案例分析】　153
8．3．2　【设计理念】　153
8．3．3　【操作步骤】　154
8．3．4　【相关工具】　155
1．可应用过滤的HTML标签　155
2．CSS的静态过滤器　155
3．CSS的动态过滤器　157
8．3．5　【实战演练】——
傲多特摄影网页　157
8．4　综合演练——爱插画网页　157


8．4．1　【案例分析】　157
8．4．2　【设计理念】　157
8．4．3　【知识要点】　157
8．5　综合演练——
优选购物网页　158
8．5．1　【案例分析】　158
8．5．2　【设计理念】　158
8．5．3　【知识要点】　158
第9章
模板和库　159
9．1　电子吉他网页　160
9．1．1　【案例分析】　160
9．1．2　【设计理念】　160
9．1．3　【操作步骤】　160
1．创建模板　160
2．创建可编辑区域　161
9．1．4　【相关工具】　162
1．“资源”面板　162
2．创建模板　162
3．定义和取消可编辑区域　163
4．创建基于模板的网页　166
5．管理模板　167
9．1．5　【实战演练】——
水果慕斯网页　168
9．2　水果批发网页　169
9．2．1　【案例分析】　169
9．2．2　【设计理念】　169
9．2．3　【操作步骤】　169
1．把经常用的图标
注册到库中　169
2．利用库中注册的项目
制作网页文档　170


3．修改库中注册的项目　171
9．2．4　【相关工具】　173
1．创建库文件　173
2．页面添加库项目　174
3．更新库文件　174
9．2．5　【实战演练】——
精品沙发网页　176
9．3　综合演练——游天下网页　176
9．3．1　【案例分析】　176
9．3．2　【设计理念】　176
9．3．3　【知识要点】　176
9．4　综合演练——
律师事务所网页　177
9．4．1　【案例分析】　177
9．4．2　【设计理念】　177
9．4．3　【知识要点】　177
第　10章
表单和行为　178
10．1　废品回收网页　179
10．1．1　【案例分析】　179
10．1．2　【设计理念】　179
10．1．3　【操作步骤】　179
1．插入文本字段和
文本区域　179
2．插入图像域　180
10．1．4　【相关工具】　181
1．创建表单　181
2．表单的属性　181
3．单行文本域　182
4．隐藏域　184
5．单选按钮　184
6．单选按钮组　185
7．复选框　185


8．创建列表和菜单　186
9．创建跳转菜单　188
10．创建文件域　189
11．创建图像域　190
12．“提交”按钮、“重置”
按钮和普通按钮　191
10．1．5　【实战演练】——
爱尚家装网页　192
10．2　爱在七夕网页　192
10．2．1　【案例分析】　192
10．2．2　【设计理念】　192
10．2．3　【操作步骤】　193
1．显示指定大小的弹出窗口　193
2．添加导航条和菜单栏　194
10．2．4　【相关工具】　195
1．“行为”面板　195
2．应用行为　195
3．调用JavaScript　196
4．打开浏览器窗口　196
5．转到URL　198
6．检查插件　199
7．检查表单　199
8．交换图像　200
9．显示-隐藏层　201
10．设置容器的文本　203
11．设置状态栏文本　204
12．设置文本域文字　204
13．设置框架文本　205
14．跳转菜单　206
15．跳转菜单开始　206
10．2．5　【实战演练】——
风景摄影网页　207
10．3　综合演练——房屋
评估网页　207
10．3．1　【案例分析】　207
10．3．2　【设计理念】　207
10．3．3　【知识要点】　207

10．4　综合演练——品牌
商城网页　208
10．4．1　【案例分析】　208
10．4．2　【设计理念】　208
10．4．3　【知识要点】　208
第　11章
网页代码　209
11．1　品质狂欢节网页　210
11．1．1　【案例分析】　210
11．1．2　【设计理念】　210
11．1．3　【操作步骤】　210
11．1．4　【相关工具】　212
1．使用“参考”面板　212
2．代码提示功能　212
3．使用标签库插入标签　213
4．使用标签选择器插入标签　214
5．使用标签检查器编辑代码　215
6．使用标签编辑器编辑代码　216
11．1．5　【实战演练】——
商业公司网页　216
11．2　油画艺术馆网页　216
11．2．1　【案例分析】　216
11．2．2　【设计理念】　217
11．2．3　【操作步骤】　217
1．制作浏览器窗口
（永远都不出现滚动条）　217
2．制作禁止使用单击右键　218
11．2．4　【相关工具】　219
1．常用的HTML标签　219
2．脚本语言　220
3．响应HTML事件　220
11．2．5　【实战演练】——
人寿保险网页　222


11．3　综合演练——
活动详情网页　222
11．3．1　【案例分析】　222
11．3．2　【设计理念】　222
11．3．3　【知识要点】　222
11．4　综合演练——消防
在线网页　223
11．4．1　【案例分析】　223
11．4．2　【设计理念】　223
11．4．3　【知识要点】　223
第　12章
综合设计实训　224
12．1　个人网页——张美丽的
个人网页　225
12．1．1　【项目背景及要求】　225
1．客户名称　225
2．客户需求　225
3．设计要求　225
12．1．2　【项目创意及制作】　225
1．设计素材　225
2．设计作品　225
3．步骤提示　225
12．2　游戏娱乐网页——
娱乐星闻网页　228
12．2．1　【项目背景及要求】　228
1．客户名称　228
2．客户需求　228
3．设计要求　228
12．2．2　【项目创意及制作】　228




1．设计素材　228
2．设计作品　228
3．步骤提示　228
12．3　旅游休闲网页——
篮球运动网页　231
12．3．1　【项目背景及要求】　231
1．客户名称　231
2．客户需求　231
3．设计要求　231
12．3．2　【项目创意及制作】　232
1．设计素材　232
2．设计作品　232
3．步骤提示　232
12．4　房产网页——
焦点房产网页　235
12．4．1　【项目背景及要求】　235
1．客户名称　235
2．客户需求　235
3．设计要求　235
12．4．2　【项目创意及制作】　235
1．设计素材　235
2．设计作品　235
3．步骤提示　236
12．5　文化艺术网页——
书法艺术网页　237
12．5．1　【项目背景及要求】　237
1．客户名称　237
2．客户需求　237
3．设计要求　237
12．5．2　【项目创意及制作】　238
1．设计素材　238
2．设计作品　238
3．步骤提示　238