本书基于第1版进行修订，充分体现“做中学、做中教、理实一体化”的理念。全书围绕“建设小型网站‘北京欢迎您’”、“赏析精彩网站”、“自主建设一个小型主题网站”三个项目展开，在引导读者完成完整的实际工作项目的过程中，系统地讲述了网站建设的流程、中文Adobe  Dreamweaver  CS3在网页设计制作中的应用，以及与Adobe Fireworks CS3和Adobe Flash  CS3的配合使用。本书实训步骤翔实，与项目式教学紧密结合。本书分为“边做边学”、“拓展视野”和“课业设计”三部分。其中，“边做边学”讲解如何建设小型动态网站“北京欢迎您”； “拓展视野”讲解如何赏析不同类型的精彩网站； “课业设计”讲解如何自主建设一个小型主题网站。

    本书既可作为中等职业学校网页设计与制作课程的教学用书，也可作为网页制作相关人员的培训教材，还可作为网页设计制作爱好者的自学参考书。

第2版

Adobe  Dreamweaver  CS3 是一款专业的网页制作工具，它具有可视化的编辑环境，简单易学，受到网页制作爱好者的欢迎。本书在企业技术人员的深度参与下，结合编者多年的Dreamweaver网页设计制作教学实践编写而成。

　　本书编写体现“以就业为导向，以能力为本位”的理念，体现“做中学、做中教，理论实践一体化”的中职教育特点，从初学者角度出发组织教学内容，重点突出实用性和操作性，兼顾知识的必需和够用，并着眼于学生职业生涯发展，注重职业素养的培养。

　　本书采用“任务驱动，项目教学”的编写模式，做到理论和项目实践紧密结合，是一本真正意义上的项目式教学教材。

基于第1版对项目重新进行了划分，将全书分为“边做边学”、“拓展视野”和“课业设计”三部分，帮助学生循序渐进地建构知识和技能，符合学生认知特点。这三部分按三个项目展开，共分16个单元，每个单元包含若干任务。

　　第一部分，“边做边学”，主要是模仿学习。以完整实际工作项目——建设小型动态网站“北京欢迎您”的实际工作为主线，按照网站开发的流程“建设准备 → 规划设计 → 准备素材 → 实际制作 → 发布推广”，将项目分解为若干子项目形成各单元。读者在完成项目的过程中，熟悉一个完整网站的规划与设计、实际制作、发布与推广的开发流程，学习网站设计的基础知识，掌握中文Adobe Dreamweaver CS3的基本操作和相关知识，学会使用Adobe Fireworks CS3和Adobe Flash CS3制作出项目需要的素材，体会网页“三剑客”的合作效果。通过本部分的学习，读者既能完成静态网页的制作，也能完成动态网页的制作。

　　第二部分，“拓展视野”，主要是借鉴内化。以项目“赏析精彩网站”为主线展开。读者通过赏析个人、学校、公司宣传、商务和大型企业等不同类型的精彩网站，学习赏析网站的方法，并在赏析过程中拓展视野，提升设计制作网站的能力。

　　第三部分，“课业设计”，主要是自主创新。以项目“自主建设一个小型主题网站”为主线展开。读者通过完成此项目，巩固网站规划设计与制作的流程以及制作网站的技能，检验课程学习效果。

　　使用本书进行教学时可参考如下建议： 按“看”、“练”、“思”、“考”的顺序组织教学。先引导学生完成任务，并尽可能地把相对应的知识点和技能点与教学同步进行； 再让学生举一反三，独立完成思考练习与上机实训，以培养学生独立思考能力、创新能力和再学习能力； 同时检验学生的学习效果，以便及时查漏补缺，并促进学生灵活运用知识和技能，达到真正掌握的目的。

　　为方便读者使用本书，编者提供了本书的项目完成效果，需要者可登录清华大学出版社网站（www.tup.edu.cn）下载。

　　本书的编写得到了多方面的帮助和支持。董鲁平老师提供了项目的部分图片素材，北京教育科学研究院职成教研中心马开颜老师对本书的内容和教学单元安排提出了宝贵的建议，在此对他们表示衷心的感谢！另外，特别要感谢清华同方股份有限公司于可为工程师、北京东方龙图影视传媒有限公司张钢总经理，他们参与了策划、筛选内容、确定编写体例等工作，并审阅了全书。

　　本书在编写时力求精益求精，但限于编者水平有限，疏漏或不妥之处在所难免，恳请读者批评、指正。

编者

课时分配建议： 

单元授 课 内 容建议学时

1子项目1： “北京欢迎您”网站建设准备3

2子项目2：  规划设计“北京欢迎您”网站3

3子项目3：  准备“北京欢迎您”网站素材8

4子项目4：  定义“北京欢迎您”网站站点并创建首页2

5子项目5：  设计制作栏目“关于北京”6

6子项目6：  设计制作栏目“北京风光”6

7子项目7：  设计制作栏目“名胜古迹”3

8子项目8：  设计制作栏目“民俗风情”3

9子项目9：  设计制作栏目“美食小吃”6

10子项目10：  设计制作栏目“北京2008”6

11子项目11：  制作特效网页12

12子项目12： 设计制作“留言板”系统（一）6

13子项目13： 设计制作“留言板”系统（二）24

14子项目14： 发布与推广“北京欢迎您”网站4

15项目： 赏析精彩网站4

16项目： 自主建设一个小型主题网站12

合计108

第一部分边做边学——项目： 建设小型网站“北京欢迎您”

单元1子项目1： “北京欢迎您”网站建设准备

任务11分析“北京欢迎您”网站需求

任务12选择“北京欢迎您”网站建设与管理工具

任务13确定“北京欢迎您”网站建设流程

知识链接——网站相关知识

思考练习与上机实训

单元2子项目2：  规划设计“北京欢迎您”网站

任务21根据网站主题设置“北京欢迎您”网站栏目

任务22设计“北京欢迎您”网站的结构

任务23设计“北京欢迎您”网站的风格

知识链接——网站规划设计相关知识

思考练习与上机实训

单元3子项目3：  准备“北京欢迎您”网站素材

任务31用Fireworks制作网站Logo

任务32用Fireworks和Flash制作网站Banner

任务33用Fireworks制作网站栏目“北京2008”的Banner

任务34用Fireworks制作网站导航栏背景图

任务35用Fireworks制作网站的背景图

任务36用Fireworks制作网站的子栏目图标

任务37用Fireworks制作网站中用到的图像

任务38用Fireworks制作网站“留言板”的标题图像

知识链接——网站Logo与Banner

思考练习与上机实训

单元4子项目4：  定义“北京欢迎您”网站站点并创建首页

任务41在Dreamweaver中定义“北京欢迎您”站点

任务42制作“北京欢迎您”网站首页

知识链接——站点的创建与管理

思考练习与上机实训

单元5子项目5：  设计制作栏目“关于北京”

任务51制作栏目“关于北京”网页

任务52制作子栏目“市花市树”网页

任务53制作子栏目“北京概况”、“自然环境”和“历史溯源”网页

任务54应用CSS样式为“市花市树”网页设置固定背景图像和

文本格式

任务55应用CSS样式为“北京欢迎您”网站中的网页设置活动的

超级链接

知识链接——网页文本的应用

思考练习与上机实训

单元6子项目6：  设计制作栏目“北京风光”

任务61创建网站相册“北京之春”

任务62创建网站相册“北京之夏”、“北京之秋”和“北京之冬”

任务63制作栏目“北京风光”网页

知识链接——网页图像的应用

思考练习与上机实训

单元7子项目7：  设计制作栏目“名胜古迹”

任务71制作栏目“名胜古迹”网页

任务72应用表格布局制作子栏目“山水园林——北海公园”网页

任务73应用表格布局制作子栏目“山水园林”、“古建遗址”的其他网页

知识链接——表格的应用

思考练习与上机实训

单元8子项目8：  设计制作栏目“民俗风情”

任务81应用布局表格布局制作栏目“民俗风情”网页

任务82应用布局表格布局制作“民俗风情”的子栏目网页

知识链接——布局表格的应用

思考练习与上机实训

单元9子项目9：  设计制作栏目“美食小吃”

任务91应用AP元素布局制作子栏目“特色名菜”网页

任务92应用AP元素布局制作子栏目“京味小吃”和“异国风味”

网页

任务93应用框架布局制作栏目“美食小吃”网页

任务94修改框架结构，完善栏目“美食小吃”网页

知识链接——AP元素和框架的应用

思考练习与上机实训

单元10子项目10：  设计制作栏目“北京2008” 

任务101应用库项目制作栏目“北京2008”网页

任务102应用模板制作“北京2008”的子栏目网页

知识链接——库项目和模板的应用

思考练习与上机实训

单元11子项目11：  制作特效网页

任务111制作拼图游戏网页“美丽的北京”——拖动AP元素

任务112设置首页浏览器状态栏中的文本信息——

设置状态栏文本

任务113设置“名胜古迹”网页在浏览器中打开或离开时弹出

信息——弹出信息

任务114制作“四季风光欣赏”网页——设置容器的文本

任务115设置“奥运吉祥物”网页打开时弹出“北京欢迎您”网页——

打开浏览器窗口

任务116制作“北京之花”网页——交换图像

任务117制作“北京2008年奥运会专用色彩”网页——

显示隐藏元素

任务118制作“志愿者的微笑”网页——检查插件

任务119制作图像随机切换的“摄影欣赏”网页——

转到URL及图像查看器

任务1110为“绿色奥运”网页制作飘动的广告——

简单路径时间轴动画

任务1111修改“飘动的广告”——复杂路径时间轴动画

任务1112制作幻灯片放映效果的“形象景观”网页——

同一时间轴多通道动画

知识链接——行为和时间轴的应用

思考练习与上机实训

单元12子项目12： 设计制作“留言板”系统（一）

任务121制作“留言板”模板

任务122应用表单制作“发表留言”网页

任务123验证“发表留言”网页的表单内容

任务124应用表单制作“管理员登录”网页并验证表单内容

知识链接——表单的应用

思考练习与上机实训

单元13子项目13： 设计制作“留言板”系统（二）

任务131准备工作之一——安装与设置IIS

任务132准备工作之二——设计数据库

任务133准备工作之三——设置DSN

任务134准备工作之四——设置站点为动态站点

任务135准备工作之五——建立数据库连接

任务136制作“发表留言”动态网页

任务137制作“查看留言”动态网页

任务138制作“管理员登录”动态网页

任务139制作“登录失败”网页

任务1310制作“管理员管理”动态网页

任务1311制作“回复留言”动态网页

任务1312制作“删除留言”动态网页

任务1313修改网站内“留言板”链接，完善“北京欢迎您”网站

任务1314为“北京欢迎您”网站创建非DSN (DSNless)连接

知识链接——创建动态交互网站

思考练习与上机实训

单元14子项目14： 发布与推广“北京欢迎您”网站

任务141准备工作之一——在本地硬盘上将“北京欢迎您”网站保存

为完整的Web站点

任务142准备工作之二——在Internet上申请一个免费动态空间

任务143准备工作之三——备案“北京欢迎您”网站

任务144利用FTP上传“北京欢迎您”网站到服务器

任务145推广“北京欢迎您”网站

知识链接——发布与推广网站

思考练习与上机实训

第二部分拓展视野——项目： 赏析精彩网站

单元15项目： 赏析精彩网站

任务151赏析个人网站

任务152赏析学校网站

任务153赏析公司宣传网站

任务154赏析商务网站

任务155赏析大型企业网站

知识链接——如何赏析网站

思考练习

第三部分课业设计——项目： 自主建设一个小型主题网站

单元16项目： 自主建设一个小型主题网站

任务161明确课业设计要求及评价标准

任务162确定网站主题，书写项目计划书

任务163实际制作、上传与推广网站

任务164课业评价

知识链接——网站建设项目计划书

思考练习

参考文献