本书围绕“北京欢迎您”网站的建设，系统地讲述了中文Adobe Dreamweaver CS3在网页设计製作中的套用。本书项目实训步骤翔实，拓展训练项目实用，与项目式教学紧密结合。书中包括基础篇、套用篇、提高篇三部分。其中，基础篇为网页设计基础、网页製作三剑客； 套用篇内容包括网站规划，网页文本和图像、表格和布局表格、AP元素和框架、库项目和模板、行为和时间轴、表单、动态网页的套用； 提高篇包括网站的发布与推广，精彩网页赏析和课业设计。
本书既可作为职业技术学校网页设计製作课程的教学用书，也可作为网页製作相关工作人员的培训教材，还可作为网页设计製作爱好者的自学参考书。

Adobe Dreamweaver CS3 是一款专业的网页製作工具，它具有可视化的编辑环境，简单易学，受到网页製作爱好者的欢迎。本书是结合作者多年的Dreamweaver网页设计製作教学实践而编写的。
本书体现中职教育“理论够用，重在实践”的特点，在做到知识的科学性、系统性的基础上，重点突出实用性和操作性，并以培养中等职业学校学生设计製作网页的实践技能为目标。
本书採用“项目教学”理念，做到理论和项目实践紧密结合，是一本真正意义上的项目式教学教材。全书以一个大的项目——建设“北京欢迎您”网站为主线进行，将大项目分解为若干小项目形成各章。通过“北京欢迎您”这个完整网站的建设，详细介绍了Adobe Dreamweaver CS3的使用，并且详细介绍了如何使用Adobe Fireworks CS3和Adobe Flash CS3製作出项目需要的素材，体现网页“三剑客”的配合。
本书在项目的编写结构上採用了如下体系： 项目描述、知识和技能要点、我试身手、知识解析、拓展训练。全书分“基础篇”、“套用篇”和“提高篇”3部分，共14章。
第一部分，主要介绍网站设计的基础知识和中文Adobe Dreamweaver CS3的工作界面。
第二部分，通过完成大项目——建设小型网站“北京欢迎您”，熟悉一个完整网站的规划、设计与製作流程，掌握中文Adobe Dreamweaver CS3的基本操作和相关知识，并体会“三剑客”的合作效果。通过本部分的学习，读者既能完成静态网页的製作，也能完成动态网页的製作。
第三部分，通过项目介绍如何发布与推广网站，还引领大家赏析了一些精彩网站，并布置了课业设计。
使用本书进行教学时可参考如下建议： 按“看”、“练”、“思”、“考”的顺序组织教学。先引导学生完成项目，并儘可能地把相对应的知识点和技能点与教学同步进行； 再让学生举一反三，独立完成拓展训练，以培养学生独立思考、创新和再学习的能力； 课后学生独立完成思考练习与上机实训，检验学生学习效果，以便及时查漏补缺，并促进学生灵活运用知识和技能，达到真正掌握的目的。
为方便读者使用本书，作者提供了本书的项目完成效果，需要者可登录清华大学出版社网站 本书的编写得到了多方面的帮助和支持。董鲁平老师提供了项目的部分图片素材，韩立凡、谢宝荣老师对本书的内容和章节安排提出了宝贵的建议。在此对他们表示感谢！
本书在编写时力求高质量，但由于作者水平有限，疏漏或不妥之处在所难免，恳请读者批评指正。

编者
2008年3月于北京

课时分配建议：

章授 课 内 容建议学时

1网站设计基础4
2网页製作三剑客2
3“北京欢迎您”网站规划与设计10
4网页文本的套用6
5网页图像的套用6
6表格和布局表格的套用6
7AP元素和框架的套用6
8库项目和模板的套用8
9行为和时间轴的套用12
10表单的套用6
11创建动态网站24
12发布与推广网站6
13精彩网站赏析4
14课业设计8
合计108

第一部分基础篇
第1章网站设计基础

1.1网站相关知识

1.1.1网站分类

1.1.2网页、主页与网站

1.1.3网页主要元素

1.2网站建设

1.2.1建立网站的流程

1.2.2网站设计的原则

1.2.3网站设计的技巧

1.2.4网页版面布局

1.2.5网页色彩搭配

思考练习与上机实训

第2章网页製作三剑客

2.1三剑客简介

2.2Adobe Dreamweaver CS3的工作界面

2.2.1工作区布局

2.2.2插入栏

2.2.3文档视窗

2.2.4文档工具列

2.2.5状态栏

2.2.6属性面板

2.2.7面板组

思考练习与上机实训

第二部分套用篇

第3章“北京欢迎您”网站规划与设计

3.1项目1：“北京欢迎您”网站初期规划

3.1.1网站的主题和内容

3.1.2网站的风格、色彩和布局

3.1.3创建网站结构并绘製网页效果图

3.2项目2： 用Fireworks製作网站Logo

3.2.1项目描述

3.2.2我试身手

3.3项目3： 用Fireworks和Flash製作网站Banner

3.3.1项目描述

3.3.2我试身手

3.4项目4： 用Fireworks製作网站栏目“北京2008”的Banner

3.4.1项目描述

3.4.2我试身手

3.5项目5： 用Fireworks製作网站导航栏背景图

3.5.1项目描述

3.5.2我试身手

3.6项目6： 用Fireworks製作网站的背景图

3.6.1项目描述

3.6.2我试身手

3.7项目7： 用Fireworks製作网站的子栏目图示

3.7.1项目描述

3.7.2我试身手

3.8项目8： 用Fireworks製作网站中用到的图像

3.8.1项目描述

3.8.2我试身手

3.9项目9： 用Fireworks製作网站“留言板”的标题图像

3.9.1项目描述

3.9.2我试身手

3.10项目10： 在Dreamweaver中定义“北京欢迎您”站点并创建首页

3.10.1项目描述

3.10.2我试身手

3.10.3知识解析

3.10.4拓展训练： 规划、创建一个班级网站，製作首页

思考练习与上机实训

第4章网页文本的套用

4.1项目11： 製作栏目“关于北京”网页和子栏目“市花市树”网页

4.1.1项目描述

4.1.2我试身手

4.1.3知识解析

4.1.4拓展训练： 在Dreamweaver中製作子栏目“北京概况”、
“自然环境”、“历史溯源”网页

4.2项目12： 为“市花市树”网页设定固定背景图像和文本段落
行高——套用CSS样式

4.2.1项目描述

4.2.2我试身手

4.2.3知识解析

4.2.4拓展训练： 为“北京欢迎您”网站中的网页设定活动的超级连结

思考练习与上机实训

第5章网页图像的套用

5.1项目13： 北京之春风光欣赏——创建网站相册

5.1.1项目描述

5.1.2我试身手

5.1.3知识解析

5.1.4拓展训练： 继续完善“北京风光”栏目

5.2项目14： 製作栏目“北京风光”网页

5.2.1项目描述

5.2.2我试身手

5.2.3知识解析

5.2.4拓展训练： 製作栏目“名胜古蹟”网页

思考练习与上机实训

第6章表格和布局表格的套用

6.1项目15： 製作子栏目“山水园林”之“北海公园”网页

6.1.1项目描述

6.1.2我试身手

6.1.3知识解析

6.1.4拓展训练： 套用表格布局，製作子栏目“山水园林”、
“古建遗址”的其他网页

6.2项目16： 套用布局表格布局製作子栏目“民俗风情”网页

6.2.1项目描述

6.2.2我试身手

6.2.3知识解析

6.2.4拓展训练： 套用布局表格布局，製作“民俗风情”的各个

子栏目网页

思考练习与上机实训

第7章AP元素和框架的套用

7.1项目17： 套用AP元素布局製作栏目“美食小吃”的子栏目

“特色名菜”网页

7.1.1项目描述

7.1.2我试身手

7.1.3知识解析

7.1.4拓展训练： 套用AP元素布局製作栏目“美食小吃”
的子栏目“京味小吃”、“异国风味”网页

7.2项目18： 套用框架布局製作栏目“美食小吃”网页

7.2.1项目描述

7.2.2我试身手

7.2.3知识解析

7.2.4拓展训练： 修改框架结构，完善栏目“美食小吃”网页

思考练习与上机实训

第8章库项目和模板的套用

8.1项目19： 套用库项目製作栏目“北京2008”网页

8.1.1项目描述

8.1.2我试身手

8.1.3知识解析

8.1.4拓展训练： 套用库项目製作栏目“留言板”网页的布局结构

8.2项目20： 套用模板製作栏目“北京2008”的子栏目网页

8.2.1项目描述

8.2.2我试身手

8.2.3知识解析

8.2.4拓展训练： 製作“留言板”模板

思考练习与上机实训

第9章行为和时间轴的套用

9.1项目21： 製作拼图游戏网页“美丽的北京”——拖动AP元素

9.1.1项目描述

9.1.2我试身手

9.1.3知识解析

9.2项目22： 设定首页浏览器状态栏中的文本信息——设定状态栏文本

9.2.1项目描述

9.2.2我试身手

9.3项目23： 设定栏目“名胜古蹟”网页在浏览器中打开或离开此
页面时的弹出信息

9.3.1项目描述

9.3.2我试身手

9.4项目24： 四季风光欣赏——设定容器的文本

9.4.1项目描述

9.4.2我试身手

9.5项目25： 北京欢迎您——打开浏览器视窗

9.5.1项目描述

9.5.2我试身手

9.6项目26： 北京之花——交换图像

9.6.1项目描述

9.6.2我试身手

9.7项目27： 北京2008年奥运会专用色彩——显示?隐藏元素

9.7.1项目描述

9.7.2我试身手

9.8项目28： 志愿者的微笑——检查外挂程式

9.8.1项目描述

9.8.2我试身手

9.9项目29： 摄影欣赏——转到URL

9.9.1项目描述

9.9.2我试身手

9.10项目30： 飘动的广告

9.10.1项目描述

9.10.2我试身手

9.10.3知识解析

9.11项目31： 修改“飘动的广告”

9.11.1项目描述

9.11.2我试身手

9.12项目32： 製作“形象景观”网页

9.12.1项目描述

9.12.2我试身手

思考练习与上机实训

第10章表单的套用

10.1项目33： 套用表单製作“留言板”系统的“发表留言”网页

10.1.1项目描述

10.1.2我试身手

10.1.3知识解析

10.1.4拓展训练： 套用表单製作“留言板”系统的
“管理员登录”网页

10.2项目34： 验证“发表留言”网页的表单内容

10.2.1项目描述

10.2.2我试身手

10.2.3知识解析

10.2.4拓展训练： 验证“管理员登录”网页的表单内容

思考练习与上机实训

第11章创建动态网站

11.1项目35： 套用表单和动态技术製作“北京欢迎您”网站的
“留言板”系统

11.1.1项目描述

11.1.2知识解析

11.2项目36： 完善“北京欢迎您”网站

11.2.1项目描述

11.2.2我试身手

11.3项目37： 为“北京欢迎您”网站创建非DSN（DSN?less）连线

11.3.1项目描述

11.3.2我试身手

思考练习与上机实训

第三部分提高篇

第12章发布与推广网站

12.1项目38： 发布“北京欢迎您”网站到Internet上

12.1.1项目描述

12.1.2我试身手

12.1.3知识解析

12.2项目39： 推广“北京欢迎您”网站

12.2.1项目描述

12.2.2我试身手

12.2.3知识解析

思考练习与上机实训

第13章精彩网站赏析

13.1精彩个人网站赏析

13.2精彩学校网站赏析

13.3精彩公司宣传网站赏析

13.4精彩小型商务网站赏析

13.5精彩大型企业网站赏析

思考练习

第14章课业设计

14.1网站建设项目计画书

14.2课业设计要求

14.3课业设计评价标準

思考练习与上机实训

参考文献