网页设计与制作基础培训教程

第1章 网页制作基础 1

1-1 教学目标与重点 1

1-2 课堂讲解：网站和网页 1

1-2-1 网站 1

1-2-2 网页 1

1-3 课堂讲解：超文本

标记语言HTML 2

1-3-1 一个简单的HTML

文件 2

1-3-2 编写HTML文件 3

1-3-3 用IE打开HTML

文件 3

1-4 课堂讲解：制作网站的

方法和步骤 3

1-4-1 创建一个网页 3

1-4-2 制作网站的步骤 4

1-5 课堂讲解：网页制作工具 5

1-6 上机指导 6

1-6-1 浏览网页 6

1-6-2 网页制作工具的安装 6

1-7 课后练习 8

第2章 HTML基本语法 10

2-1 教学目标与重点 10

2-2 课堂讲解：标签与标题 10

2-2-1 使用标签 10

2-2-2 使用标题 11

2-3 课堂讲解：设置页面格式 12

2-3-1 设置字体 12

2-3-2 设置段落标记 13

2-4 课堂讲解：超链接与列表 14

2-4-1 添加超链接 14

2-4-2 使用有序列表 15

2-4-3 使用无序列表 16

2-4-4 定义列表 17

2-5 上机指导 18

2-5-1 编写第一个HTML

页面 18

2-5-2 为网页添加

Copyright 19

2-6 课后练习 20

第3章 HTML高级应用 21

3-1 教学目标与重点 21

3-2 课堂讲解：图像与表格 21

3-2-1 插入图像 21

3-2-2 创建表格 23

3-2-3 给表格添加标题 24

3-3 课堂讲解：框架与多媒体 25

3-3-1 创建框架结构 25

3-3-2 播放音频/视频文件 26

3-4 课堂讲解：表单处理 27

3-4-1 使用表单 27

3-4-2 表单实例 28

3-5 上机指导 29

3-5-1 为网页添加视频 29

3-5-2 提交表单 30

3-6 课后练习 32

第4章 Dreamweaver MX简介 34

4-1 教学目标与重点 34

4-2 课堂讲解：工作环境介绍 34

4-2-1 启动Dreamweaver

MX 34

4-2-2 Dreamweaver MX的

新增功能 35

4-2-3 Dreamweaver MX

工作界面 36

4-3 课堂讲解：参数设置 40

4-3-1 设置常规参数 40

4-3-2 设置字体参数 42

4-4 上机指导 43

4-4-1 创建本地站点 43

4-4-2 设置页面属性 45

4-5 课后练习 46

第5章 文本与图像的编辑 47

5-1 教学目标与重点 47

5-2 课堂讲解：文本的输入 47

5-2-1 设置文本属性 47

5-2-2 插入特殊字符 48

5-2-3 插入日期显示 49

5-3 课堂讲解：使用HTML

样式格式化文本 49

5-3-1 创建HTML样式 50

5-3-2 应用HTML样式

格式化文本 51

5-4 课堂讲解：编辑图像 52

5-4-1 插入图像 52

5-4-2 图像属性设置 53

5-4-3 创建翻转图像 54

5-4-4 建立图像地图 55

5-4-5 创建网站相册 56

5-5 上机指导 57

5-5-1 创建简单的

个人主页 57

5-5-2 制作个人相册 58

5-6 课后练习 58

第6章 使用表格与框架 59

6-1 教学目标与重点 59

6-2 课堂讲解：运用表格 59

6-2-1 创建表格 59

6-2-2 设置表格属性 60

6-2-3 导入表格数据 61

6-2-4 导出表格数据 61

6-3 课堂讲解：分层和定位 62

6-3-1 层的概念 62

6-3-2 设置层的属性 62

6-3-3 层的基本操作 64

6-3-4 层与表格的

相互转换 65

6-4 课堂讲解：使用框架 66

6-4-1 创建框架 67

6-4-2 设置框架页面的

背景 67

6-4-3 删除框架 68

6-4-4 设置框架和

框架集属性 68

6-5 上机指导 69

6-5-1 表格页面的创建 69

6-5-2 制作下拉菜单 70

6-5-3 制作框架网页 72

6-6 课后练习 74

第7章 超链接与导航条 75

7-1 教学目标与重点 75

7-2 课堂讲解：使用超链接 75

7-2-1 创建链接 75

7-2-2 创建邮件链接 76

7-2-3 链接到命名锚记 77

7-2-4 利用站点地图

管理超链接 78

7-3 课堂讲解：导航条的制作 80

7-3-1 创建导航条 80

7-3-2 编辑导航条 81

7-4 上机指导 82

7-4-1 为网页添加超链接 82

7-4-2 创建指向E-mail地址

的链接 83

7-4-3 创建导航条 83

7-5 课后练习 84

第8章 Dreamweaver 高级技巧 85

8-1 教学目标与重点 85

8-2 课堂讲解：使用CSS样式 85

8-2-1 创建CSS样式 85

8-2-2 链接外部CSS

样式表 87

8-2-3 使用CSS选择器 88

8-3 课堂讲解：行为与表单 89

8-3-1 行为与时间轴 89

8-3-2 使用表单 90

8-4 课堂讲解：模板的使用 91

8-4-1 创建模板 91

8-4-2 管理模板 92

8-4-3 应用模板 93

8-5 上机指导 93

8-5-1 用CSS样式控制

页面外观 94

8-5-2 创建时间轴动画 95

8-6 课后练习 96

第9章 使用Fireworks MX 97

9-1 教学目标与重点 97

9-2 课堂讲解：工作环境介绍 97

9-2-1 新增功能 97

9-2-2 工作界面简介 99

9-3 课堂讲解：文档基本操作 101

9-3-1 新建一个文档 101

9-3-2 导入图像 102

9-3-3 控制文档的

显示比例 102

9-4 课堂讲解：图像的

基本操作 103

9-4-1 打开文件 103

9-4-2 编辑图像 104

9-4-3 图像的合成 106

9-5 课堂讲解：编辑文本 107

9-5-1 创建文本 107

9-5-2 编辑文本 107

9-6 上机指导 108

9-6-1 制作公司图标 108

9-6-2 浮雕效果的文本 109

9-7 课后练习 109

第10章 颜色和透明度的应用 111

10-1 教学目标与重点 111

10-2 课堂讲解：Web中的

颜色处理 111

10-2-1 十六进制颜色 111

10-2-2 颜色选择板 112

10-2-3 选取颜色 112

10-2-4 创建新颜色 115

10-3 课堂讲解：使用透明色 115

10-3-1 设置透明度 115

10-3-2 图像的反锯齿

显示 115

10-3-3 去掉Web图像的

光晕 116

10-3-4 填充纹理特效 117

10-4 上机指导 119

10-4-1 制作背景图片 119

10-4-2 虚线线框效果 120

10-5 课后练习 121

第11章 动画、热区和切片 122

11-1 教学目标与重点 122

11-2 课堂讲解：创建动画 122

11-2-1 制作逐帧动画 122

11-2-2 制作渐变动画 123

11-2-3 设置动画的

播放次数 123

11-2-4 设置帧的

延迟时间 124

11-2-5 导出GIF动画 124

11-3 课堂讲解：创建热区 125

11-3-1 创建热区 125

11-3-2 显示/隐藏热区 126

11-3-3 热区操作 127

11-3-4 设置热区的属性 127

11-3-5 导出含有热区的

图像 128

11-4 课堂讲解：切片 128

11-4-1 创建切片 128

11-4-2 显示/隐藏切片 130

11-4-3 设置切片的属性 130

11-4-4 导出切片 131

11-5 上机指导 133

11-5-1 利用元件制作

动画 133

11-5-2 创建文本切片 134

11-6 课后练习 135

第12章 Fireworks高级技巧 136

12-1 教学目标与重点 136

12-2 课堂讲解：创建按钮和

导航条 136

12-2-1 创建和编辑按钮 136

12-2-2 创建导航条 137

12-3 课堂讲解：图像的优化 138

12-3-1 预览优化设置 138

12-3-2 使用滤镜 140

12-3-3 使用蒙版 140

12-4 课堂讲解：导出图像 141

12-4-1 设置导出参数 141

12-4-2 导出图像 142

12-5 上机指导 144

12-5-1 按钮和导航条的

制作 144

12-5-2 图像的优化 144

12-5-3 导出图像 145

12-6 课后练习 147

第13章 Flash MX入门 148

13-1 教学目标与重点 148

13-2 课堂讲解：初识

Flash MX 148

13-2-1 Flash MX的

新增功能 148

13-2-2 Flash MX工作

界面 149

13-2-3 使用Flash MX

帮助 151

13-2-4 使用工具箱 152

13-3 课堂讲解：文本操作 152

13-3-1 创建文本 153

13-3-2 设置文本属性 153

13-3-3 转换类型与

变换文字 155

13-4 上机指导 155

13-4-1 文字特效 155

13-4-2 文本转换为图形 157

13-5 课后练习 158

第14章 Flash MX基本操作 159

14-1 教学目标与重点 159

14-2 课堂讲解：创建自己的

Flash 159

14-2-1 创建新文档 159

14-2-2 设置场景 160

14-2-3 测试影片 160

14-2-4 保存文件 161

14-3 课堂讲解：编辑图形 161

14-3-1 绘制矢量图 161

14-3-2 使用画笔工具 163

14-3-3 调整图形形状 164

14-3-4 使用颜料桶工具 164

14-3-5 巧用套索工具 165

14-4 课堂讲解：编辑对象 166

14-4-1 选取对象 166

14-4-2 移动对象 167

14-4-3 删除和复制对象 167

14-4-4 图像变形 167

14-5 上机指导 168

14-5-1 线性渐变填充

图形 168

14-5-2 绘制圆角矩形 169

14-6 课后练习 170

第15章 使用元件和图库 171

15-1 教学目标与重点 171

15-2 课堂讲解：编辑元件 171

15-2-1 认识元件 171

15-2-2 创建元件 172

15-2-3 编辑元件 174

15-3 课堂讲解：使用图库 175

15-3-1 使用【库】面板 175

15-3-2 使用公共库 176

15-4 上机指导 177

15-4-1 创建按钮元件 177

15-4-2 图像转化为元件 178

15-4-3 使用【库】面板

管理元件 179

15-5 课后练习 180

第16章 创建动画 181

16-1 教学目标与重点 181

16-2 课堂讲解：Flash

动画概述 181

16-2-1 时间轴和帧 181

16-2-2 使用关键帧 182

16-3 课堂讲解：创建动画 183

16-3-1 创建“补间”

动画 183

16-3-2 创建“帧-帧”

动画 184

16-4 课堂讲解：编辑动画 185

16-4-1 清除、移动与

复制帧 185

16-4-2 设置帧频 185

16-5 课堂讲解：使用图层 185

16-5-1 层的概念 185

16-5-2 创建和编辑图层 186

16-5-3 图层的状态 186

16-5-4 引导图层 188

16-5-5 遮罩图层 188

16-6 上机指导 189

16-6-1 弹跳的小球 189

16-6-2 滚动的小球 190

16-7 课后练习 192

第17章 声音处理与视频导入 193

17-1 教学目标与重点 193

17-2 课堂讲解：创建有声影片 193

17-2-1 Flash中使用的

音频格式 193

17-2-2 导入声音文件 194

17-2-3 为影片添加声音 194

17-2-4 编辑声音 195

17-2-5 利用【属性】面板

设置音频 197

17-3 课堂讲解：导入视频文件 198

17-4 上机指导 199

17-4-1 为按钮元件添加

声音 199

17-4-2 为影片添加声音 200

17-5 课后练习 202

第18章 导出与发布动画 203

18-1 教学目标与重点 203

18-2 课堂讲解：动画的导出 203

18-2-1 选择导出类型 203

18-2-2 导出动画 206

18-3 课堂讲解：发布动画 207

18-3-1 发布设置 207

18-3-2 发布预览 213

18-4 上机指导 214

18-4-1 导出动画 214

18-4-2 发布动画 214

18-5 课后练习 215

第19章 用多媒体为网页增添生气 216

19-1 教学目标与重点 216

19-2 课堂讲解：添加图片 216

19-2-1 插入图片 216

19-2-2 设置图片属性 217

19-3 课堂讲解：添加声音和

Flash对象 218

19-3-1 插入声音 218

19-3-2 使用Flash对象 219

19-3-3 插入Shockwave

电影 221

19-4 上机指导 222

19-4-1 为网页添加

公司图标 222

19-4-2 使用Flash对象 223

19-5 课后练习 224

第20章 网页制作综合实例 225

20-1 教学目标与重点 225

20-2 课堂讲解：用Dreamweaver规划站点结构

和主页布局 225

20-2-1 规划站点结构 225

20-2-2 布局页面 227

20-3 课堂讲解：制作主页 228

20-3-1 利用Fireworks

制作网站标志 228

20-3-2 利用Fireworks制作

导航条 229

20-3-3 利用Fireworks制作

网页标题动画 231

20-3-4 利用Flash制作

网页动画 233

20-3-5 制作主页 234

20-4 上机指导 236

20-4-1 站点的规划与

布局 236

20-4-2 制作网页 237

20-5 课后练习 237

第21章 在线发布网页 238

21-1 教学目标与重点 238

21-2 课堂讲解：发布网页 238

21-2-1 关于Web服务器 238

21-2-2 站点维护 239

21-2-3 测试站点性能 240

21-2-4 准备发布 242

21-2-5 通过因特网来

查看网页 243

21-3 上机指导 243

21-3-1 发布网页 243

21-3-2 通过Internet访问

自己的网页 244

21-4 课后练习 244

附录A 部分课后练习参考答案 245

附录B 培训教程配套测试题 249

附录C 培训教程配套测试题

参考答案 253