本书是一本优秀的网页设计入门图书，它结合小型网站的特点，向读者全面介绍了网页设计的方法和技巧。全书共分五部分：第一部分介绍了网页设计基础知识，如网页基本要素分析，网站创建流程，网页制作工具，HTML和CSS入门等；第二、三、四部分依次介绍了网站管理和网页设计软件Dreamweaver 8，网页图像和简单网页动画制作软件Fireworks 8，网页动画制作软件Flash 8，第五部分给出了一个综合网站设计实例。本书从简单的普通网页制作入手，逐渐深入，直到制作出动态网页实例。本书采用实例与知识点相结合的方式，循序渐进地指导读者学习，通过简明的语言风格、生动的实例图片，使读者轻松入门。
本书叙述简洁，实例众多，将基础知识介绍和上机实践紧密结合。此外，本书还给出了一个商业网站设计实例，并在各章给出了目前常用的网页设计技巧，从而使本书不但可以作为普通高校、高职高专和培训学校的网页设计教材，也可以供广大读者自学网页设计之用。
无
随着互连网的流行，很多个人、企事业单位和政府机关都创建了自己的网站，以发布单位新闻、产品信息、政策法规和进行信息交流等。总的来说，网站可以分为小型网站和大型网站两类。这两类网站在网站建设和制作方面有很大的区别，例如，要创建大型网站，需要专用的服务器和专用的通信线路，制作网站时会涉及大量的数据收集和处理等多方面的内容。但是，由于绝大部分网站都是小型网站，因此，本书主要围绕小型网站的建设来进行讲解。
要制作网站，当然要依靠一些软件来实现。目前，最流行的软件莫过于“网页制作三剑客”了，即Dreamweaver、Flash与Fireworks。这3个软件均由Micromedia公司开发，其最新版本分别是Dreamweaver 8、Flash 8与Fireworks 8。其中，Dreamweaver主要用于制作网页和管理网站，Flash主要用于制作网页动画，Fireworks主要用于制作网页图像和简单网页动画。
本书在编写上主要依据网站开发的实际过程以及上述3个软件来进行，充分体现了系统学习、侧重实用的特点。全书各部分内容安排如下：
第1章：读者可通过第1章的学习掌握网页设计的一些基本知识，具体包括网页基本要素分析、网站创建流程、网页制作工具、HTML和CSS入门等。
第2章～第10章介绍了网页制作软件Dreamweaver 8，主要内容包括网站创建和设置，网页布局设计、网页内容编辑、HTML和CSS使用、站点发布、模板和库的运用、动态网页设计入门，以及第三方插件的使用等。
第11章～第13章介绍了网页图像和简单网页动画制作软件Fireworks 8，主要内容包括使用Fireworks绘画和处理位图的方法，以及使用Fireworks制作网页图像、GIF动画、切片、热点、按钮、导航栏和弹出菜单的方法。
第14章～第16章介绍了网页动画制作软件Flash 8，主要内容包括Flash绘画方法，Flash动画制作手段，有声动画制作方法，以及简单交互动画制作方法。
第17章给出了一个综合网站设计实例，向读者演示了如何综合运用前面各章所学知识来制作网站。
本书特别适合各类网页设计人员、电脑爱好者和大、专院校学生自学使用，也可供高职高专、中等职业学校和网页设计培训班作为教材。
本书由甘登岱主编，常春英执笔，参与本书编写还有郭玲文、李晨光、孟宪礼、白冰、黄瑞友、李红、郭燕、章银武、林军会、乔震、贾敬瑶、张安鹏、齐华杰、甘露、李金龙、刘春瑞、王立民、李鹏、崔元胜、谭建、郭玲玫等。
最后，尽管我们在写作本书时已竭尽全力，但仍会存在这样或那样的问题，欢迎读者批评指正。
编 者
2006年7月
本书是一本优秀的网页设计入门图书，它结合小型网站的特点，向读者全面介绍了网页设计的方法和技巧。全书共分五部分：第一部分介绍了网页设计基础知识，如网页基本要素分析，网站创建流程，网页制作工具，HTML和CSS入门等；第二、三、四部分依次介绍了网站管理和网页设计软件Dreamweaver 8，网页图像和简单网页动画制作软件Fireworks 8，网页动画制作软件Flash 8，第五部分给出了一个综合网站设计实例。本书从简单的普通网页制作入手，逐渐深入，直到制作出动态网页实例。本书采用实例与知识点相结合的方式，循序渐进地指导读者学习，通过简明的语言风格、生动的实例图片，使读者轻松入门。 本书叙述简洁，实例众多，将基础知识介绍和上机实践紧密结合。此外，本书还给出了一个商业网站设计实例，并在各章给出了目前常用的网页设计技巧，从而使本书不但可以作为普通高校、高职高专和培训学校的网页设计教材，也可以供广大读者自学网页设计之用。
甘登岱：暂无简介
第1章 网页设计入门 1
1.1 初识网站与网页 1
1.1.1 网页是什么 1
1.1.2 网页中的文字和图像 3
1.1.3 网页中使用的动画与视频影像 3
1.1.4 网页中使用的声音 4
1.1.5 动态网页与静态网页 4
1.2 网页元素分析 5
1.2.1 站标 5
1.2.2 导航栏 6
1.2.3 广告条 7
1.2.4 标题栏 7
1.2.5 按钮 8
1.3 网站创建流程 8
1.3.1 根据要求确定网站内容 8
1.3.2 规划网站栏目 8
1.3.3 确定网页尺寸与版面布局 8
1.3.4 确定网站配色与风格 10
1.3.5 收集网页所用素材 11
1.3.6 利用软件制作网页 12
1.3.7 测试和发布网站 12
1.4 常用网站管理与设计软件 12
1.4.1 常用网站管理与网页编辑软件 12
1.4.2 网页设计辅助软件 12
1.4.3 常用网站程序设计语言 13
1.5 HTML与CSS入门 14
1.5.1 为什么要学习HTML 15
1.5.2 HTML的基本结构 16
1.5.3 HTML标记的类型与特点 17
1.5.4 常用HTML标记及其意义列表 18
1.5.5 CSS样式的定义 19
1.5.6 CSS样式的存储与创建 19
本章小结 20
第2章 初识Dreamweaver 8 21
2.1 熟悉Dreamweaver 8操作环境 21
2.1.1 “插入”栏 22
2.1.2 文档标签与文档工具栏 22
2.1.3 文档窗口中的状态栏 24
2.1.4 属性面板与面板组 25
2.2 网站规划与管理 26
2.2.1 确定网站结构与站点目录结构 26
2.2.2 确定站点目录结构 26
2.2.3 定义和创建站点 27
2.2.4 充实与修改站点 29
2.3 设置页面属性 31
本章小结 35
第3章 网页布局方法 36
3.1 使用表格布局网页 36
3.1.1 创建表格 36
3.1.2 改变表格和单元格的宽度与高度 37
3.1.3 拆分和合并单元格 38
3.1.4 插入、删除行和列 39
3.1.5 为表格和单元格设置背景颜色或背景图像 40
3.1.6 为表格和单元格设置边框颜色 41
3.1.7 制作嵌套表格 42
3.1.8 制作精美的圆角表格 45
3.2 使用框架布局网页 47
3.2.1 关于框架和框架集 47
3.2.2 使用框架的优缺点 47
3.2.3 创建框架网页 48
本章小结 50
第4章 编辑网页元素 51
4.1 文本输入与编辑 51
4.1.1 输入文本 51
4.1.2 设置文本的段落格式和字符格式 52
4.1.3 输入特殊符号和不换行空格 53
4.1.4 输入日期与水平线 54
4.2 使用图像 55
4.2.1 插入与修改图像 55
4.2.2 使用图像占位符 57
4.2.3 制作鼠标经过图像 58
4.2.4 制作导航条 59
4.3 使用Flash动画 60
4.3.1 插入Flash动画 61
4.3.2 修改Flash动画 61
4.3.3 Flash背景透明 62
4.4 使用其他媒体元素 63
4.4.1 为网页增加背景音乐 63
4.4.2 插入音频 64
4.4.3 插入视频 65
本章小结 66
第5章 使用超链接和行为 67
5.1 设置超链接 67
5.1.1 为文字和图片设置常规超链接 68
5.1.2 电子邮件链接 69
5.1.3 命名锚记链接 69
5.1.4 热点链接 70
5.1.5 使用跳转菜单 71
5.1.6 图片链接和下载链接 74
5.1.7 定时自动跳转页面 74
5.2 管理超链接 74
5.2.1 自动更新链接 75
5.2.2 在站点地图中修改链接 76
5.2.3 在整个站点范围内更改链接 78
5.2.4 查找断掉、外部链接和孤立文件 78
5.2.5 使用和重建站点缓存 79
5.2.6 修复断掉的链接 80
5.3 使用行为 81
5.3.1 熟悉“行为”面板 81
5.3.2 为对象添加行为的方法 81
5.3.3 编辑行为的方法 83
5.3.4 将行为附加到文本 83
5.3.5 弹出信息框 84
5.3.6 打开伴随窗口 84
5.3.7 关闭当前窗口 85
5.3.8 滚动字幕 86
5.3.9 拖动层 87
5.3.10 显示-隐藏层 88
本章小结 90
第6章 HTML与CSS进阶 91
6.1 编辑HTML代码 91
6.1.1 使用编码工具栏迅速插入代码 91
6.1.2 使用快速标签编辑器 92
6.1.3 使用代码提示功能 93
6.1.4 使用“代码片断”面板 96
6.2 创建和使用CSS样式表 96
6.2.1 熟悉“CSS样式”面板 97
6.2.2 样式类型与使用方法 97
6.2.3 创建样式的步骤 98
6.2.4 修改样式和删除样式 102
6.2.5 使用外部样式表 103
本章小结 104
第7章 发布站点 105
7.1 设置远程信息 105
7.2 文件上传与取回 106
7.2.1 上传文件 106
7.2.2 取回文件 107
7.2.3 使用扩展“文件”面板管理文件上传和取回 108
7.3 同步文件 108
本章小结 109
第8章 使用模板与库项目 110
8.1 使用模板 110
8.1.1 创建文档模板 110
8.1.2 基于模板创建文档 114
8.1.3 模板的区域类型 115
8.2 使用库项目 116
8.2.1 什么是库项目 116
8.2.2 创建库项目 117
8.2.3 插入库项目 117
8.2.4 编辑库项目 118
本章小结 119
第9章 动态网页制作入门 120
9.1 安装和配置IIS 120
9.2 配置动态站点 124
9.3 注册和登录功能的实现 125
9.3.1 创建数据库 125
9.3.2 用户注册页面的制作 127
9.3.3 为注册页面增加服务器行为 130
9.3.4 用户登录页面的制作 134
9.3.5 为登录页面增加服务器行为 135
本章小结 136
第10章 使用第三方插件 137
10.1 下载并安装第三方插件 137
10.1.1 下载第三方插件 137
10.1.2 安装第三方插件 137
10.2 使用第三方插件 139
10.3 插件的管理 140
本章小结 141
第11章 Fireworks 8入门 142
11.1 初识Fireworks 8 142
11.2 熟悉常用控制面板 148
11.2.1 “层”面板 148
11.2.2 “优化”面板 151
11.2.3 “形状”面板与“样式”面板 151
11.2.4 “自动形状属性”面板和“图像编辑”面板 152
11.3 文档操作与画布调整 153
本章小结 154
第12章 Fireworks中绘画与编辑 155
12.1 路径绘制与编辑 155
12.1.1 设置笔触与填充 155
12.1.2 绘制线条 157
12.1.3 绘制形状 158
12.1.4 路径编辑 160
12.1.5 调整路径的填充效果 162
12.1.6 组合路径与合成路径 163
12.1.7 使用文字 164
12.2 应用位图 166
12.2.1 创建位图对象 166
12.2.2 选区制作和羽化 167
12.2.3 绘画与图像修饰 169
12.2.4 应用滤镜 172
12.3 对象编辑 173
12.3.1 对象选择、移动、复制与删除 173
12.3.2 调整对象的层次 173
12.3.3 对齐对象与匹配对象尺寸 173
12.3.4 对象的变形 175
12.4 动态效果、元件与层蒙版 175
本章小结 180
第13章 制作网页动画与Web对象 181
13.1 制作网页动画 181
13.1.1 Fireworks动画制作要点 181
13.1.2 制作和编辑动画 181
13.2 应用切片和热点 184
13.2.1 创建和编辑切片 185
13.2.2 创建和编辑热点 188
13.3 制作按钮、导航栏和弹出菜单 189
13.3.1 制作按钮和导航栏 189
13.3.2 制作弹出菜单 192
13.4 优化和导出 194
13.4.1 优化并导出图像和动画 194
13.4.2 导出切片、热点、按钮和弹出菜单 195
13.4.3 在Dreamweaver中使用Fireworks HTML文档 196
本章小结 196
第14章 Flash 8入门 197
14.1 初识Flash 8 197
14.1.1 工具栏 198
14.1.2 工具面板 198
14.1.3 “时间轴”面板 199
14.1.4 舞台与属性面板 199
14.1.5 标尺、辅助线和网格 200
14.2 熟悉常用面板 200
14.2.1 “库”面板 201
14.2.2 “混色器”面板 201
14.2.3 “历史记录”面板 201
14.3 制作网页动画 202
14.3.1 创建新文档并设置属性 202
14.3.2 导入图像并设置动画 203
14.3.3 制作文字动画 209
本章小结 210
第15章 绘画与编辑 211
15.1 绘画工具详解 211
15.1.1 “线条”工具与“铅笔”工具 211
15.1.2 “钢笔”工具 213
15.1.3 “刷子”工具 214
15.1.4 “矩形”工具和“椭圆”工具 215
15.1.5 “多角星形”工具 216
15.2 笔触和填充设置 216
15.2.1 使用渐变色填充和位图填充 216
15.2.2 使用“墨水瓶”工具修改笔触 217
15.2.3 使用“颜料桶”工具填充图形 218
15.2.4 用“滴管”工具复制填充和笔触 218
15.2.5 使用“填充变形”工具调整渐变和位图填充效果 219
15.3 图形与对象编辑 220
15.3.1 “选择”工具与“部分选取”工具 220
15.3.2 “套索”工具与“橡皮擦”工具 222
15.3.3 “任意变形”工具、“变形”面板与“变形”命令 223
15.3.4 修改形状的命令 225
15.3.5 对象的复制与粘贴 225
15.3.6 对象的组合、排列与对齐 226
15.4 使用文本与外部图像 227
15.4.1 使用文本 227
15.4.2 使用外部图像 228
本章小结 228
第16章 动画制作 229
16.1 使用时间轴特效制作动画 229
16.1.1 添加时间轴特效 229
16.1.2 时间轴特效的种类 231
16.1.3 编辑时间轴特效 232
16.1.4 删除时间轴特效 232
16.2 使用元件和实例 233
16.2.1 元件的类型 233
16.2.2 使用图形元件和影片剪辑 233
16.2.3 将动画片段转换为影片剪辑元件 236
16.2.4 使用其他Flash影片中的元件 237
16.2.5 创建和使用按钮元件 237
16.3 制作动画的典型方法 242
16.3.1 “帧-帧”动画 242
16.3.2 动作补间动画 244
16.3.3 路径引导动画 245
16.3.4 遮罩动画 247
16.3.5 形状补间动画 248
16.3.6 改进形状补间动画 250
16.3.7 编辑动画帧 251
16.4 制作有声动画 252
16.4.1 导入声音文件 253
16.4.2 为影片添加声音 253
16.4.3 编辑声音 254
16.4.4 为按钮添加声音 256
16.4.5 在影片中使用声音的一些技巧 257
16.5 脚本应用入门 258
16.6 优化并导出Flash动画 263
16.6.1 优化动画 263
16.6.2 优化动画元素 263
16.6.3 优化文本 264
16.6.4 导出Flash动画 264
本章小结 265
第17章 网站设计综合实例 266
17.1 网站规划 266
17.1.1 确定网站结构 266
17.1.2 确定站点目录结构 267
17.1.3 确定网站风格、色彩和布局 267
17.1.4 定义站点 268
17.2 网站制作 269
17.2.1 在Fireworks中制作网站标志及导航 269
17.2.2 在Flash中制作动态广告条 273
17.2.3 在Dreamweaver中制作页面 279
本章小结 290
