Dreamweaver CS6网页设计立体化教程-双色微课版

目　录



第1章　Dreamweaver CS5网页制作基础　1

1.1　规划“千履千寻公司”网站　2

1.1.1　确定网站风格和布局　2

1.1.2　网站需求分析　2

1.1.3　规划站点内容　2

1.2　Dreamweaver CS5的工作界面　3

1.2.1　界面概述　3

1.2.2　标题栏　3

1.2.3　菜单栏　4

1.2.4　文档工具栏　4

1.2.5　浮动面板组　4

1.2.6　状态栏　6

1.2.7　“属性”面板　6

1.3　创建“千履千寻公司”站点　6

1.3.1　站点规划　6

1.3.2　创建本地站点　7

1.4　管理“千履千寻公司”站点　8

1.4.1　打开站点　8

1.4.2　编辑站点　8

1.4.3　删除站点　9

1.4.4　复制站点　9

1.4.5　管理站点文件和文件夹　10

1.5　实训——创建“快乐旅游”站点　12

1.5.1　实训目标　12

1.5.2　专业背景　12

1.5.3　操作思路　12

1.6　疑难解析　12

1.7　习题　14

课后拓展知识　14



第2章　输入与格式化文本　15

2.1　制作“公司简介”页面　16

2.1.1　输入文本　16

2.1.2　设置文本字体格式　19

2.1.3　设置段落格式　22

2.2　制作“企业文化”页面　23

2.2.1　插入特殊文本对象　24

2.2.2　创建列表　26

2.2.3　设置水平线　27

2.2.4　添加滚动字幕　27

2.3　实训——制作“快乐旅游”网站首页　28

2.3.1　实训目标　28

2.3.2　专业背景　29

2.3.3　操作思路　29

2.4　疑难解析　30

2.5　习题　30

课后拓展知识　32



第3章　插入图像和多媒体对象　33

3.1　制作“关于我们”页面　34

3.1.1　插入与编辑图像　34

3.1.2　美化与优化图像　37

3.1.3　创建鼠标经过图像　40

3.2　制作“新品展台”网页　41

3.2.1　添加多媒体插件　42

3.2.2　添加背景音乐　43

3.2.3　插入SWF动画　44

3.2.4　插入FLV视频　45

3.3　实训——制作“旅游导航”网页　46

3.3.1　实训目标　46

3.3.2　专业背景　46

3.3.3　操作思路　46

3.4　疑难解析　47

3.5　习题　47

课后拓展知识　48



第4章　布局网页版面　49

4.1　使用表格布局“产品展示”网页　50

4.1.1　创建表格　50

4.1.2　调整表格结构　52

4.1.3　设置表格和单元格属性　56

4.1.4　在表格中插入内容　57

4.2　利用AP Div制作“千履千寻”网站首页　60

4.2.1　创建AP Div　60

4.2.2　选择AP Div　61

4.2.3　设置AP Div尺寸　62

4.2.4　移动AP Div　63

4.2.5　对齐AP Div　64

4.2.6　更改AP Div堆叠顺序　65

4.2.7　在AP Div中插入各种元素　65

4.3　使用框架制作“公司公告”网页　67

4.3.1　创建框架集与框架　68

4.3.2　保存框架集与框架　70

4.3.3　删除框架　72

4.3.4　设置框架集与框架属性　72

4.3.5　制作框架网页　73

4.4　实训——制作“景点介绍”网页　75

4.4.1　实训目标　75

4.4.2　专业背景　75

4.4.3　操作思路　76

4.5　疑难解析　76

4.6　习题　77

课后拓展知识　78



第5章　在网页中创建超链接　79

5.1　制作“公司地图”网页　80

5.1.1　认识超链接　80

5.1.2　创建文本超链接　83

5.1.3　创建图像超链接　84

5.1.4　创建外部超链接　85

5.1.5　创建图像热点超链接　86

5.2　制作“给我们留言”网页　88

5.2.1　创建锚点超链接　89

5.2.2　创建电子邮件超链接　92

5.2.3　创建文件超链接　93

5.2.4　创建空链接　94

5.2.5　插入脚本链接　95

5.3　实训——制作“精品线路”网页　99

5.3.1　实训目标　99

5.3.2　专业背景　100

5.3.3　操作思路　100

5.4　疑难解析　100

5.5　习题　101

课后拓展知识　102



第6章　CSS与盒子模型　103

6.1　制作“热销精品”网页　104

6.1.1　认识CSS样式　104

6.1.2　CSS样式的各种属性设置　105

6.1.3　创建与应用CSS样式　110

6.1.4　编辑CSS样式　119

6.1.5　删除CSS样式　120

6.2　制作“消费者保障”网页　121

6.2.1　认识盒子模型　121

6.2.2　盒子模型的优势　122

6.2.3　利用CSS Div布局网页　122

6.3　实训——制作“驴友攻略”网页　128

6.3.1　实训目标　128

6.3.2　专业背景　128

6.3.3　操作思路　128

6.4　疑难解析　129

6.5　习题　130

课后拓展知识　130



第7章　模版和库的应用　131

7.1　制作“客户交流”网页　132

7.1.1　创建模板　132

7.1.2　编辑模板　133

7.1.3　应用与管理模板　137

7.2　制作“产品介绍”网页　140

7.2.1　认识“资源”面板　141

7.2.2　创建库文件　141

7.2.3　应用库文件　143

7.2.4　编辑库文件　144

7.2.5　更新库文件　144

7.2.6　分离库文件　145

7.3　实训——制作“旅游相册”网页　145

7.3.1　实训目标　145

7.3.2　专业背景　146

7.3.3　操作思路　146

7.4　疑难解析　147

7.5　习题　147

课后拓展知识　148



第8章　表单和行为的应用　149

8.1　制作“会员注册”网页　150

8.1.1　表单的基础操作　150

8.1.2　在表单中添加各种元素　152

8.2　制作“品牌展厅”网页　165

8.2.1　关于行为的基础知识　166

8.2.2　常用行为的使用方法　169

8.3　实训——制作“驴友交流”网页　175

8.3.1　实训目标　175

8.3.2　专业背景　176

8.3.3　操作思路　176

8.4　疑难解析　177

8.5　习题　177

课后拓展知识　178



第9章　制作ASP动态网页　179

9.1　配置动态网页数据源　180

9.1.1　动态网页基础　180

9.1.2　安装与配置IIS　181

9.1.3　使用Access创建数据表　184

9.1.4　创建与配置动态站点　186

9.1.5　创建数据源　189

9.2　制作“登录数据管理”网页　191

9.2.1　创建记录集　191

9.2.2　插入记录　192

9.2.3　插入重复区域　193

9.2.4　分页记录集　194

9.3　制作“加入购物车”网页　196

9.3.1　配置IIS和动态站点　196

9.3.2　创建数据表并链接数据源　198

9.3.3　绑定记录集并插入字段　199

9.3.4　使用插入记录表单向导　201

9.4　实训——制作“用户注册”网页　203

9.4.1　实训目标　203

9.4.2　专业背景　203

9.4.3　操作思路　203

9.5　疑难解析　204

9.6　习题　205

课后拓展知识　206



第10章　网站的测试与发布　207

10.1　测试“千履千寻公司”站点　208

10.1.1　兼容性测试　208

10.1.2　检查并修复链接　210

10.1.3　检测下载速度　211

10.2　发布“千履千寻公司”站点　212

10.2.1　申请主页空间　213

10.2.2　发布站点　215

10.3　实训——测试与发布“快乐旅游”网站　217

10.3.1　实训目标　217

10.3.2　专业背景　218

10.3.3　操作思路　218

10.4　疑难解析　219

10.5　习题　219

课后拓展知识　220



第11章　综合案例——制作“水族世界”网站　221

11.1　实训目标　222

11.2　准备工作　223

11.2.1　站点规划　223

11.2.2　素材收集　223

11.3　制作思路分析　224

11.4　操作过程　224

11.4.1　创建“水族世界”站点　224

11.4.2　制作网站首页　226

11.4.3　制作“水族新闻”页面　234

11.5　实训——制作“北极数码”网站　239

11.5.1　实训目标　239

11.5.2　专业背景　240

11.5.3　操作思路　240

11.6　疑难解析　241

11.7　习题　241

课后拓展知识　242



附录　综合实训　243

实训1　制作“汽车世界”网站首页　243

实训2　制作“新闻中心”网页　244

实训3　制作“用户登录”网页　245

实训4　制作“汽车论坛”网页　246

实训5　制作“新用户注册”网页　247

实训6　制作“汽车展厅”网页　248