Dreamweaver CS5网页设计基础与项目实训

第1章　初识网页设计与

Dreamweaver 1

1.1 网页设计理念及工具 2

1.1.1 网页设计理念 2

1.1.2 网页设计工具 2

1.2 网站设计总体规划 2

1.2.1 确定网站的整体风格 2

1.2.2 创意设计 4

1.3 网页中的基本元素 4

1.4 启动Dreamweaver CS5 9

1.5 使用开始页 10

1.6 Dreamweaver CS5的窗口布局 13

1.6.1 菜单栏 13

1.6.2 “插入”工具栏 14

1.6.3 面板与面板组 14

1.7 网页编辑视图 16

1.8 如何获取帮助 17

1.8.1 使用“帮助”窗口 17

1.8.2 使用“参考”面板 18

1.9 上机实训——深入认识“网页设计” 19

第2章　创建本地站点 20

2.1 定义站点 21

2.2 修改站点信息 23

2.2.1 打开站点定义对话框 23

2.2.2 设置本地信息 24

2.3 多站点管理 25

2.3.1 新建站点 25

2.3.2 站点之间的切换 25

2.3.3 编辑站点 26

2.3.4 复制与删除站点 26

2.3.5 导出与导入站点 26

2.4 创建站点目录结构 26

2.4.1 新建网页文件 28

2.4.2 修改文件名和文件夹名 28

2.4.3 移动文件和文件夹 29

2.4.4 删除文件和文件夹 29

2.4.5 复制文件到站点内 30

2.5 文件目录的命名规范 30

2.5.1 文件和文件夹的命名 30

2.5.2 网站首页的命名 31

2.6 目录结构规范 32

2.7 上机实训——mysamplesite站点 32

第3章　制作简单网页 33

3.1 网页的基本操作 34

3.1.1 新建常规文档 34

3.1.2 新建网页文件 36

3.1.3 保存网页文件 37

3.1.4 关闭网页文件 37

3.1.5 打开网页文件 37

3.2 设置网页的文件头 37

3.2.1 设置网页的编码 38

3.2.2 设置文档标题 38

3.2.3 定义关键字 39

3.2.4 设置说明文字 39

3.2.5 设置网页的刷新 39

3.2.6 查看代码 40

3.2.7 删除头对象 40

3.3 使用文本 41

3.3.1 输入文本 41

3.3.2 设置文本格式 41

3.3.3 设置对齐方式 43

3.3.4 设置缩进与凸出 43

3.3.5 设置颜色 43

3.3.6 设置换行 44

3.3.7 设置首行缩进 46

3.3.8 使用列表 47

3.4 使用图像 49

3.4.1 插入图像 49

3.4.2 设置图像属性 50

3.5 插入Flash对象 52

3.6 添加背景音乐 54

3.7 插入Real视频 55

3.8 插入QuickTime电影 56

3.9 插入Java Applet 57

3.10 用CSS样式设定网页属性 58

3.10.1 打开“页面属性”对话框 58

3.10.2 外观 59

3.10.3 链接 60

3.10.4 标题 60

3.10.5 标题/编码 61

3.10.6 跟踪图像 61

3.11 用CSS样式表定义网页 62

3.11.1 创建样式表 62

3.11.2 应用样式表 64

3.12 上机实训——设计“艺术展”首页 65

第4章　超级链接 66

4.1 文件地址 67

4.2 添加链接 68

4.2.1 添加外部链接 68

4.2.2 添加内部链接 69

4.2.3 添加E-mail链接 70

4.3 锚记链接 71

4.3.1 网页内部的锚记链接 71

4.3.2 页面之间的锚记链接 72

4.4 热点链接 73

4.5 上机实训——为“艺术展”首页添加

链接 74

第5章　使用表格 75

5.1 插入表格 76

5.2 选择表格对象 77

5.3 表格的属性 78

5.4 调整表格结构 80

5.4.1 插入单行或单列 80

5.4.2 插入多行或多列 80

5.4.3 删除行或列 80

5.4.4 单元格的拆分与合并 81

5.5 设置单元格属性 81

5.5.1 设置单元格宽度和高度 81

5.5.2 设置单元格对齐方式 81

5.5.3 将单元格转换为表头 82

5.6 嵌套表格 82

5.7 导入表格化数据 83

5.8 设置单元格的背景 84

5.9 表格数据排序 85

5.10 细线边框表格 85

5.11 水平细线 88

5.12 圆角表格 90

5.13 上机实训——“艺术展”页面的

布局 94

第6章　善用色彩设计网页 96

6.1 色彩 97

6.1.1 认识色彩 97

6.1.2 网页色彩的定义 97

6.2 网页色彩的搭配 98

6.2.1 色彩处理 99

6.2.2 色彩的季节性 100

6.2.3 网页色彩搭配原理 101

6.2.4 网页中色彩的搭配 103

6.3 网站广告设计准则 104

6.4 网页配色精彩实例 104

6.4.1 网页颜色的使用风格 104

6.4.2 精彩配色实例 105

6.5 网页设计的艺术处理原则 106

6.5.1 风格定位 106

6.5.2 版面编排 106

6.5.3 线条和形状 107

6.6 制作一个创意页面 108

6.7 上机实训——“时尚”页面的设计与

制作 111

第7章　制作表单页面 112

7.1 关于表单 113

7.2 确定页面布局 113

7.2.1 插入表格 113

7.2.2 输入文本 114

7.3 添加表单域 114

7.3.1 插入表单域 114

7.3.2 修改表单域的属性 115

7.3.3 移动表格 116

7.4 添加文本域 116

7.4.1 添加单行文本框 116

7.4.2 添加密码文本框 118

7.4.3 添加文本区域 118

7.5 添加复选框 119

7.6 添加单选按钮和单选按钮组 120

7.6.1 添加单选按钮 121

7.6.2 添加单选按钮组 121

7.7 添加菜单和列表 122

7.7.1 添加菜单 122

7.7.2 添加列表 123

7.8 添加其他表单域 124

7.8.1 添加文件域 124

7.8.2 添加隐藏域 125

7.9 插入按钮 126

7.10 添加图像域 127

7.11 制作跳转菜单 128

7.11.1 插入跳转菜单 128

7.11.2 修改跳转菜单 129

7.11.3 添加JavaScript脚本 129

7.12 添加搜索引擎 131

7.13 上机实训——制作“用户管理”表单

页面 133

第8章　使用CSS样式 134

8.1 关于CSS样式 135

8.1.1 CSS样式分类 135

8.1.2 存放样式的位置 135

8.2 本文档内自定义样式 136

8.2.1 文字 136

8.2.2 背景 138

8.2.3 区

Dreamweaver是当前主流的网页设计与制作工具，它使用所见即所得的接口，且具有HTML编辑的功能，使设计与制作网页的效率大大提高。本书从应用的角度，全面介绍Dreamweaver网页设计与制作的相关知识，是一本快速提高网页设计技能的优秀教程。
全书共18章，涵盖静态网页和动态网页的相关知识。第1章为初识网页设计与Dreamweaver，主要介绍Dreamweaver的设计环境和网页设计入门知识。第2～9章结合实训重点讲解Dreamweaver网页设计的常用操作，主要包含创建本地站点、制作简单网页、超级链接、使用表格、善用色彩设计网页、制作表单页面、使用CSS样式等内容，通过制作网站首页强化各项操作，将知识点融会贯通。第10～14章重点讲解网页设计的高级应用，主要包含使用库和模板、制作其他页面、使用框架、行为和AP元素等内容。第15章着重讲解动态ASP网页的制作入门，重点讲解连接数据库、创建动态登录页面和新闻页面，通过网站的创建将动态网页设计与制作的相关知识融会贯通。第16、17章重点讲解网站管理与常用技巧的相关经验与技巧，提供几种思路，启发读者灵活地管理和制作网站。最后，在第18章中主要提供5个课程设计：个人主页、新闻发布网站、留言板、BBS论坛、网上书店供读者学后练习，检验学习效果，并将网页设计的知识和技能融会贯通。
随书光盘（1DVD）中包含所有实例的素材、源文件和与书中内容同步的实录视频（共103小节，长达188分钟）。为方便教学，本书还会为用书教师提供教学资源包：易教易学的电子课件、多个精美网站模板、3个实用网站源代码等。
本书适合作为应用型本科院校、示范性高职高专及相关培训学校的教材，也可供网页设计从业人员与爱好者学习参考。