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

目 录

第1章 初识Dreamweaver CS3 1

1.1 网页设计理念及工具 2

1.1.1 网页设计理念 2

1.1.2 网页设计工具 2

1.2 网页中的基本元素 2

1.3 启动Dreamweaver CS3 8

1.4 使用开始页 9

1.5 窗口布局 11

1.5.1 菜单栏 12

1.5.2 “插入”工具栏 12

1.5.3 面板与面板组 12

1.6 网页编辑视图 14

1.7 Dreamweaver的帮助系统 15

1.7.1 “帮助”窗口 15

1.7.2 “参考”面板 15

1.8 上机实训：网页设计的起步 16

第2章 创建本地站点 17

2.1 网站设计总体规划 18

2.1.1 确定网站的整体风格 18

2.1.2 创意设计 19

2.2 新建站点 20

2.3 修改站点信息 22

2.3.1 打开站点定义对话框 22

2.3.2 设置本地信息 22

2.4 多站点管理 23

2.4.1 新建站点 23

2.4.2 站点之间的切换 24

2.4.3 编辑站点 24

2.4.4 复制与删除站点 24

2.4.5 导出与导入站点 24

2.5 创建站点目录结构 24

2.5.1 新建网页 26

2.5.2 修改文件名和文件夹名 27

2.5.3 移动文件和文件夹 27

2.5.4 删除文件和文件夹 27

2.5.5 复制文件到站点内 28

2.6 文件目录命名规范 28

2.6.1 文件和文件夹的命名 28

2.6.2 网站首页的命名 29

2.7 目录结构规范 30

2.8 上机实训：站点操作与管理 30

第3章 制作简单网页 31

3.1 网页的基本操作 32

3.1.1 新建常规文档 32

3.1.2 新建文件 34

3.1.3 保存网页 34

3.1.4 关闭文件 35

3.1.5 打开网页 35

3.2 设置文件头 35

3.2.1 设置网页的编码 35

3.2.2 设置文档标题 36

3.2.3 定义关键字 36

3.2.4 设置说明文字 36

3.2.5 设置网页的刷新 37

3.2.6 查看代码 37

3.2.7 删除头对象 38

3.3 使用文本 38

3.3.1 输入文本 38

3.3.2 设置文本格式 38

3.3.3 设置对齐方式 40

3.3.4 设置缩进与凸出 41

3.3.5 设置颜色 41

3.3.6 设置换行 41

3.3.7 设置首行缩进 43

3.3.8 使用列表 44

3.4 使用图像 46

3.4.1 插入图像 46

3.4.2 设置图像属性 47

3.5 插入Flash对象 50

3.5.1 插入Flash动画 50

3.5.2 插入Flash文字 51

3.5.3 插入Flash按钮 52

3.6 添加背景音乐 53

3.7 插入Real视频 54

3.8 插入QuickTime电影 55

3.9 插入Java Applet程序 56

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

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

3.10.2 外观 58

3.10.3 链接 58

3.10.4 标题 59

3.10.5 标题/编码 59

3.10.6 跟踪图像 60

3.11 用HTML定义网页属性 61

3.11.1 修改首选参数 61

3.11.2 外观 61

3.11.3 标题/编码 61

3.11.4 跟踪图像 61

3.12 上机实训：制作简单页面 62

第4章 超级链接 63

4.1 文件地址 64

4.2 添加链接 65

4.2.1 添加外部链接 65

4.2.2 添加内部链接 66

4.2.3 添加E-mail链接 67

4.3 锚记链接 68

4.3.1 网页内部锚记链接 68

4.3.2 页面之间的锚记链接 69

4.4 热点链接 70

4.5 上机实训：使用各种链接 72

第5章 使用表格 73

5.1 插入表格 74

5.2 选择表格对象 75

5.3 表格的属性 76

5.4 调整表格结构 78

5.4.1 插入单行或单列 78

5.4.2 插入多行或多列 79

5.4.3 删除行或列 79

5.4.4 单元格的拆分与合并 79

5.5 设置单元格属性 80

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

5.5.2 对齐设置 80

5.5.3 将单元格转换为表头 81

5.6 嵌套表格 81

5.7 导入表格化数据 82

5.8 套用格式化表格 83

5.9 表格数据排序 84

5.10 细线边框表格 84

5.11 水平细线 87

5.12 圆角表格 90

5.13 上机实训：有关表格的操作技能集训 93

第6章 布局视图排版 95

6.1 布局视图 96

6.2 绘制布局表格和布局单元格 96

6.2.1 绘制布局表格 96

6.2.2 绘制布局单元格 97

6.3 嵌套布局表格 97

6.4 使用标尺与网格 98

6.4.1 使用标尺 98

6.4.2 使用网格 98

6.5 调整布局表格及布局单元格 99

6.5.1 选择布局表格和布局单元格 99

6.5.2 调整布局表格和布局单元格大小 99

6.5.3 移动布局表格和布局单元格 100

6.5.4 修改布局表格的属性 100

6.5.5 修改布局单元格的属性 101

6.5.6 调整列 101

6.6 上机实训：布局排版的集训 103

第7章 制作表单页面 105

7.1 关于表单 106

7.2 确定页面布局 106

7.2.1 插入表格 106

7.2.2 输入文本 107

7.3 添加表单域 107

7.3.1 插入表单域 107

7.3.2 修改表单域属性 108

7.3.3 移动表格 109

7.4 添加文本域 109

7.4.1 添加单行文本框 109

7.4.2 添加密码文本框 111

7.4.3 添加文本区域 111

7.5 添加复选框 113

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

7.6.1 添加单选按钮 114

7.6.2 添加单选按钮组 115

7.7 添加菜单和列表 116

7.7.1 添加菜单 116

7.7.2 添加列表 117

7.8 添加其他表单域 118

7.8.1 添加文件域 118

7.8.2 添加隐藏域 119

7.9 插入按钮 119

7.10 添加图像域 120

7.11 制作跳转菜单 121

7.11.1 插入跳转菜单 121

7.11.2 修改跳转菜单 122

7.11.3 添加JavaScript脚本 123

7.12 添加搜索引擎 124

7.13 上机实训：用户管理表单的

设计与制作 126

第8章 使用CSS样式 127

8.1 关于CSS样式 128

8.1.1 CSS样式分类 128

8.1.2 存放样式的位置 128

8.2 本文档内自定义样式 129

8.2.1 文字 1

本书由Adobe软件教育专家和资深网页设计师联袂策划和编写，目的是通过模拟商业网站制作的场景，打造一本真适合Dreamweaver教学的教程，协助老师轻轻松教出会干活的学生。
全书共分18章，按照网页设计工作的实际需求组织内容，基础知识实用、够用。本书不仅介绍了Dreamweaver CS3的基本操作，更重要的是介绍了网站制作过程中常用的方法和技巧，让读者在学习实例的过程中掌握Dreamweaver这个强大的工具。
作者精心设计了与网页设计实际项目紧密结合的典型实例，并通过一个完整的网站制作项目串接起来，具有很强的实战性。该网站具有目前主流网站所包含的各种元素，能大大缩短读者的学习摸索过程。
本书特别适合应用型本科院校、示范性高职高专院校以及相关培训学校作为教材。另外，由于实例多且具有代表性，是网站设计方面不可多得的参考资料，因此，也可供Dreamweaver网页制作从业人员与学员参考。
另外，为方便教学，特为任课教师提供丰富的教学资源（详见本书前言）。