本书主要以网页设计工具组合DreamweaverCS4、FireworksCS4和FlashCS4为基础，循序渐进地介绍了网站和网页制作的整个流程，包括构思、规划、制作及发布等。本书共分7个单元，内容包括：单元一大展鸿图——组织和策划网站；单元二追逐梦想——创建月光河网站；单元三风土人情——创建上海风土人情网站；单元四魅力足球——创建欧冠联赛网站（一）；单元五魅力足球——创建欧冠联赛网站（二）；单元六茶余饭后——创建MiMi休憩园网站和单元七安居乐业——发布网站。本书适合作为中等职业学校计算机及应用及相关专业的教材，也可作为社会培训教材及多媒体爱好者的自学用书。

本书主要以现在较流行的网页设计工具组合Dreamweaver CS4、Fireworks CS4和Flash CS4作为介绍对象，循序渐进地介绍了网站和网页制作的整个流程，包括构思、规划、制作及发布等。本书并不是逐一罗列软件的每种功能，而是以几个站点为具体实例来讲解制作网站和网页的每一个具体步骤。这样，学生看完本书后，学到的将不仅仅是各个软件的功能，还能够学以致用、举一反三，了解在具体的网站项目中如何着手，并能真正制作出富有个性的网站。
本书共分7个单元，其中第一单元和第七单元主要介绍了如何规划、建立网站和发布网站，第二至第六单元则通过5个网站，手把手教会学生如何制作并最终完成网站的设计与制作。本书最大的特色是以Dreamweaver CS4为主线，将所有知识点融入到每一个单元中，并根据每一个网站的内容特点穿插了对应知识点，如利用Fireworks CS4美化网页图像，利用Flash CS4制作网页精彩动画等，克服了以往只讲理论忽视实例、只讲实例不明道理的缺陷，从而达到了真正意义上的活学活用，使学生能真正体会到所见即所得的真实效果。
每个单元根据网站内容分为多个任务，当学生逐一完成该单元中的所有任务后，即完成了这个网站的制作。例如，通过第六单元3个任务的学习，只要在相应区域添加适当文本，即完成了“MiMi休憩园”网站的制作，其中包含的知识点主要有：使用Fireworks的绘图等工具制作静态按钮，使用Flash制作按钮动画，使用Dreamweaver创建导航栏、AP Div等。在每一个任务的最后，根据本任务所学知识都配有思考与练习及拓展与提高，并且在每一个单元的最后都设有“项目实训”，要求在学完本单元所有知识点的基础上，由学生自行设计、自我创新制作完成一张张富有个性的网页，在完成所有“项目实训”后能完成一个富有个性的网站的制作。
其中，项目实训中项目等级评价参考下面两个表。
等级说明表
等级 说 明
3 能高质、高效地完成此学习目标的全部内容，并能解决遇到的特殊问题
2 能高质、高效地完成此学习目标的全部内容
1 能圆满地完成此学习目标的全部内容
评价说明表
等级 说 明
优 秀 达到3级水平
良 好 达到2级水平
合 格 达到1级水平
不合格 不能达到1级水平

本书由朱慧群任主编，杨建兵、汤益华任副主编，参与编写的有萧央、黄斌华、孙证宇。参加本书编写的作者都是具备扎实的专业知识和丰富教学实践经验的一线教师。在本书的编写过程中得到了多位专家、同行的诚恳指教，在此深表感谢。
由于时间仓促，编者学识有限，书中难免有疏漏与不妥之处，恳请广大读者批评指正。
朱慧群
2013年10月

单元一 大展鸿图——组织和策划网站 1
任务一 深谋远虑——规划网站 2
任务二 井然有序——建立和管理站点 7
项目实训 个性展示——制作富有个性特色的网站（一） 15

单元二 追逐梦想——创建月光河网站 17
任务一 鬼斧神工——图形图像基本操作 18
任务二 千变万化——制作逐帧动画 28
任务三 精彩纷呈——添加网页文本和图像 39
项目实训 个性展示——制作富有个性特色的网站（二） 54

单元三 风土人情——创建上海风土人情网站 56
任务一 如出一辙——用Fireworks制作网站模板 57
任务二 变幻莫测——制作补间动画 69
任务三 引领方向——设置网页中超链接 80
任务四 一步到位——使用CSS规则美化网页 88
项目实训 个性展示——制作富有个性特色的网站（三） 101

单元四 魅力足球——创建欧冠联赛网站（一） 103
任务一 变幻无穷——制作GIF动画 104
任务二 个性展示——制作特效文字 110
任务三 忽隐忽现——制作百叶窗效果 114
任务四 精确定位——利用表格制作模板 121
任务五 精彩瞬间——制作网站相册 127
项目实训 个性展示——制作富有个性特色的网站（四） 133

单元五 魅力足球——创建欧冠联赛网站（二） 135
任务一 晶莹剔透——制作冠军奖杯水晶球 136
任务二 穿针引线——制作引导层动画 141
任务三 信息收集——制作调查表单 149
任务四 整齐划一——制作框架网页 156
任务五 有声有色——音频与视频的应用 164
项目实训 个性展示——制作富有个性特色的网站（五） 168

单元六 茶余饭后——创建MiMi休憩园网站 171
任务一 来去自如——制作网页导航栏 172
任务二 点石成金——制作链接图标和按钮 183
任务三 交相辉映——使用AP Div和行为 196
项目实训 个性展示——制作富有个性特色的网站（六） 203

单元七 安居乐业——发布网站 205
任务一 网络安家——申请网站空间 206
任务二 广而告之——上传发布网站信息 208
项目实训 个性展示——制作富有个性特色的网站（七） 216

参考文献 218









单元一 大展鸿图——组织和策划网站 1
任务一 深谋远虑——规划网站 2
任务二 井然有序——建立和管理站点 7
项目实训 个性展示——制作富有个性特色的网站（一） 15

单元二 追逐梦想——创建月光河网站 17
任务一 鬼斧神工——图形图像基本操作 18
任务二 千变万化——制作逐帧动画 28
任务三 精彩纷呈——添加网页文本和图像 39
项目实训 个性展示——制作富有个性特色的网站（二） 54

单元三 风土人情——创建上海风土人情网站 56
任务一 如出一辙——用Fireworks制作网站模板 57
任务二 变幻莫测——制作补间动画 69
任务三 引领方向——设置网页中超链接 80
任务四 一步到位——使用CSS规则美化网页 88
项目实训 个性展示——制作富有个性特色的网站（三） 101

单元四 魅力足球——创建欧冠联赛网站（一） 103
任务一 变幻无穷——制作GIF动画 104
任务二 个性展示——制作特效文字 110
任务三 忽隐忽现——制作百叶窗效果 114
任务四 精确定位——利用表格制作模板 121
任务五 精彩瞬间——制作网站相册 127
项目实训 个性展示——制作富有个性特色的网站（四） 133

单元五 魅力足球——创建欧冠联赛网站（二） 135
任务一 晶莹剔透——制作冠军奖杯水晶球 136
任务二 穿针引线——制作引导层动画 141
任务三 信息收集——制作调查表单 149
任务四 整齐划一——制作框架网页 156
任务五 有声有色——音频与视频的应用 164
项目实训 个性展示——制作富有个性特色的网站（五） 168

单元六 茶余饭后——创建MiMi休憩园网站 171
任务一 来去自如——制作网页导航栏 172
任务二 点石成金——制作链接图标和按钮 183
任务三 交相辉映——使用AP Div和行为 196
项目实训 个性展示——制作富有个性特色的网站（六） 203

单元七 安居乐业——发布网站 205
任务一 网络安家——申请网站空间 206
任务二 广而告之——上传发布网站信息 208
项目实训 个性展示——制作富有个性特色的网站（七） 216

参考文献 218

主要著译者顺序姓名学历职称学科专长通讯地址1 朱慧群研究生 高讲 计算机 工作单位上海材料学校 邮政编码 电话02187895261 2 工作单位 邮政编码 电话 3 工作单位 邮政编码 电话 审校者（主审者） 学历 工作单位 邮政编码 电话 职称 工作单位 邮政编码 电话 朱慧群，女，42岁，在上海市材料学校讲授网页设计、平面设计、动画设计等计算机软件的课程将近10年的时间，有着丰富的实际教学经验，对中职教学和中职学生的学习特点有着深入的研究和理解，是上海市骨干教师，编写过多本该领域的优秀教材。

本套丛书在教材内容的筛选上，依据应用职业分析方法确定教学标准，在将成熟的最新成果纳入到教材的同时，又充分考虑了国家职业教育学历标准和国家职业资格标准，实现了学历证书和职业资格证书的“双证”融通，为职业学校学生顺利地取得国家职业资格证书提供了条件。