本书围绕“北京欢迎您”网站的建设，系统地讲述了中文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的基本操作和相关知识，并体会“三剑客”的合作效果。通过本部分的学习，读者既能完成静态网页的制作，也能完成动态网页的制作。

第三部分，通过项目介绍如何发布与推广网站，还引领大家赏析了一些精彩网站，并布置了课业设计。

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

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

本书的编写得到了多方面的帮助和支持。董鲁平老师提供了项目的部分图片素材，韩立凡、谢宝荣老师对本书的内容和章节安排提出了宝贵的建议。在此对他们表示感谢！

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

编者

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课业设计评价标准

思考练习与上机实训

参考文献