基于Dreamweaver8的动态网页设计
内容提要]伴随着社会的发展和教育的现代化，上网越来越多地被人们所选择。快速及时的新闻浏览，五
彩缤纷的网上信息，网络逐渐融入人们的生活。被人们称为第三媒体——因特网（Internet）。制作网站是企业和
个人的宣传自己的重要手段，同时也是学习者获取学习信息的重要手段，尤其是在教育领域，在素质教育与终身
教育成为必然的今天，人们对信息的需求有了更新，更高的要求，而网站由于本身所具有的信息量大，传递快速，
没有时空限制等特点恰好满足这种要求。所以网站也逐渐成为一种新兴的教育资源。有关网站的技术也层出不穷，
从静态网页到动态网页的变化也正说明了这一点。掌握动态网页的基本知识，以及动态网页设计过程就显得尤为
重要。在众多的网页设计语言中，Dreamweaver由于其简单易懂，被广大用户所青睐，成为设计的主流软件，特
别是应用于动态网页的设计。
[关键词]网站；动态网页；Dreamweaver8
因特网（Internet）的蓬勃发展对人类生活的各个方面
产生的深刻的影响，也赋予了人类更大的自由和选择空间。
利用因特网，人们可以迅速地获得更多的信息和交流机会。
当我们漫步在因特网上时，不禁回想到这样的问题：网站是
什么？它的工作原理是什么？浏览的信息来自何方、又去向
何处？带着这些问题，我们来一起了解一下网站设计的基础
和核心内容——动态网页设计。
一、动态网页的基本知识
（一）网站及其工作原理
简单地说，网站就是网页文件组成的集合。在网站中，
网页按照特定的结构方式进行组合，使浏览者在访问该网站
时能够链接到各个网页来观看网页内容，实现因特网漫步。
各种网站资源被保存在提供Web服务的计算机上。用
户通过浏览器向网站发出请求，网站的Web服务器会根据
浏览器请求的页面类型而采取不同的处理机制，并将处理结
果发送到用户端。
（二）网页
什么是网页呢？网页实际是一个文件，他存放在世界某
个角落的某一台计算机中而这台计算机必须是与互联网相
连的。网页经由网址（URL）来识别与存取，当我们在浏览
器输入网址后，经过一段复杂而又快速的程序，网页文件会
被传送到你的计算机，然后再通过浏览器解释网页的内容，
再展示到你的眼前。
文字与图片是构成一个网页的两个最基本的元素。你可以
简单的理解为：文字，就是网页的内容，图片，就是网页的美
观。除此之外，网页的元素还包括动画、音乐、程序等。网页
实际上只是一个纯文本文件，它通过各式各样的标记对页面上
的文字、图片、表格、声音等元素进行描述（例如字体、颜色、
大小），而浏览器则对这些标记进行解释并生成页面。
（三）网页的类型
网页主要分为静态网页和动态网页两类。静态网页之所
以称为静态，是因为对于每个访问该页面的用户来说，他所
看到的内容都是相同的。即使在网页中通过插入动画以及客
户脚本，它的变化对所有用户也是相同的。而与静态网页不
同，动态网页的内容会随着不同的用户和不同的访问需求而
发生变化。
通常我们看到的静态网页，俗称HTML文件。这类网
页一旦写好，除非改写这些HTML源代码，否则无法更改
网页上的内容，都是以htm或html后缀结尾的文件。而
动态网页却不同，它实质上是HTML和一些语言的结合，
如ASP是HTML和VBSCRIPT的结合，然后再结合了数据
库的操作。如一个文件的后缀为.asp，其内容包含实现动态
功能的VBSCRIPT或JAVASCRIPT语句，如果去掉这些语
句，它和标准的HTML文件没有任何区别。
（四）动态网页常用的开发工具
1．ASP简介
在动态网页的开发过程中，Microsoft公司的ASP
（Active Server Pages）被广为使用。ASP是一套服务器端
的脚本运行环境，当用户从浏览器向WEB服务器请求一
个.asp文件时，服务器全面读取请求的文件，并执行脚本命
令，然后生成一个标准的HTML文件传给浏览器执行。ASP
提供了一些内置对象和组件，允许用户从浏览器中接收和发
送信息。ASP可以和诸如SQL Server这样的数据库进行连
接，进而完成数据的交换与更新。
2．Dreamweaver8网页编辑软件
Dreamweaver8是当前最流行的Macromedia公司的网页
设计软件，Dreamweaver不仅是一个专业的可视化网页创建
编辑器，而且它还是一个出色的网站维护工具。用户可以通
过它管理和维护已有的站点，从此不必在维护和管理方面花
太多的力气，省下的时间可以考虑如何再修饰自己的网页。
在Dreamweaver8中提供了基于ASP、JSP、PHP、ASP.NET、
VBScript和ColdFusion等动态网页技术的WEB应用程序开
发功能，通过数据库、服务器行为和绑定面板快速定义数据
库连接，将数据库记录显示在页面和通过页面操作数据库数
据，使得用户避开了繁琐的代码书写过程，因此受到很多网
页制作人员的青睐。
二、基于Dreamweaver8的动态网页的设计过程
（一）网站的整体与版式设计
这是网页设计的首要工作，每一个网站都有自己的特
色，只有这样才能从网络世界中脱颖而出。网站的整体与版式设计主要包括以下几个内容：
1．确定网站的主题、内容、功能
①在网站设计工作之前一定要明确网站的主题（如：学
习、体育、娱乐、慈善、儿童、女性、军事、生活等）。确
定主题一定要注意以下几点：第一，主题要小而精，千万不
要面面俱到，否则给人的感觉就是没有主题，没有特色，样
样有却样样都很肤浅；第二，题材最好是你自己擅长或者喜
爱的内容。比如：您对电影感兴趣，可以报道最新的影讯，
影视动态等；第三，主题需要创新。换句话说，也就是要有
自己的特色。
②搞清楚该网站应该包含哪些方面的具体内容，必须具
备哪些功能。网站内容、功能方面的需求最好由客户方以书
面的形式提供，对于客户提出的书面报告，每一项都要全面
而深刻的理解，及时与客户进行沟通交流，做到有的放矢。
2．网站的整体版面设计
一个好的网站能够通过非常出色的整体风格和版式设计
将主题鲜明的表现出来；同时，页面看上去还要非常的美观。
在完全了解客户的需求后，就可以进行网站的整体风格和版式
设计阶段，在设计过程中，一定要周到考虑，耐心细致，绘制
出相应的草图并附之以说明，从而形成详细而全面的设计文档
资料。网站的整体风格和版式设计分为以下几个部分：
①网站板式设计。
②网站的目录结构和导航栏的设计。
③功能设计。
（二）动态网页数据库设计
1．数据库概述
动态网页设计中用到的数据库类型很多，主要有
DBASE、ACCESS、SQL SERVER等，目前比较常用的是
微软公司的ACCESS数据库系统。本文以ACCESS为例。
2．数据库连接
在动态网页中，数据库的连接方式主要有两种：数据源
名称（DSN）和自定义连接字符串的方式。其中前一种较为
简单，但是要求设计者拥有服务器操作的权限；后一种比较
灵活，也是较为常用的方式，它的实现代码为：
“provider=microsoft.jet.oledb.4.0;data source=数据库路径”。
3．ACCESS数据库设计
在动态网页中，数据库的设计是在ACCESS环境下的
设计，主要分析数据库表和表间关系（一对一、一对多），
建立必要的查询表等内容。例如，在制作论坛时可建立三张
数据库表：主题表（用于存储主题信息，包括发布人、发布
信息等）、回复表（用于存储回复信息，包括回复人、回复
信息等）和管理员表（用于存储管理员的信息，包括姓名和
密码），同时建立关系和查询表（主要用于建立回复的对应
的主题之间的一对多的联系）。只有数据库表建立正确，才
能保证动态网页设计的顺利完成。
（三）Dreamweaver8动态网页的详细设计（以论坛的
设计为例）
1．功能模块设计
在功能设计阶段，主要完成相关模块的定义和功能说
明。在论坛设计中，主要包括：主页面模块、管理员登录模
块、管理员管理模块、主题内容显示模块、主题相关回复浏
览模块、发表新主题模块、发表主题回复模块、搜索模块等。
针对这些模块分别设计相应的页面，并在对应的页面上绑定
相应的记录集。
2．界面设计
①整体效果设计：主要包括区域分配和风格的设计。论
坛是在因特网上自由发表言论的地方，客户端面对的是各种
各样的人群，因此，论坛的风格应该适合大众的口味，在颜
色的搭配上应该以浅色为主。页面上的LOGO应该醒目，
宣传标语应尽量言简意赅，这样才能起到吸引人的作用。
②主界面（论坛主题的显示页）的设计：主要包括LOGO
的设计、标题设计、以及功能菜单显示方式、客户信息和版
权信息显示区。论坛的主界面是体现一个论坛主要风格和功
能的地方，一定设计得布局合理、内容完全、重点突出。一
般将论坛的主题放在页面的中心位置，搜索区域放在页面的
上方，以达到醒目的效果。功能菜单的显示方式有行显示、
列显示以及浮动显示等方式，在论坛中，一般采用列显示方
式，这样可以突出主题留言。
③子页面的设计。子页面是和主页面相关的链接页面，
在设计时要注意和主页面保持风格统一、正确显示。论坛中
的子页面较多，其中比较有代表的是两类页面：连接页面和
详细页面，动态页面一个显著特点是数据的动态显示，即根
据客户端的不同要求Web服务器产生不同的响应结果。论坛
搜索页面，是利用获取表单中的文本域的值来绑定记录集，
这样当客户在文本域中输入了搜索内容时，服务器根据该文
本域的值检索到数据库中的相应记录，然后输出给浏览器显
示。论坛主题显示页面是根据主页面中动态标题字段作为传
递参数而得到的详细页面，他利用的是服务器行为中的“转
到详细页面”的行为来实现的。论坛的主题回复浏览页面是
利用高级筛选记录集的方法来实现的。论坛中其他的动态页
面的设计类似。在子页面的设计中应该注意以下几点：第一，
明确页面之间参数的传递。从甲页面到乙页面需要依赖哪个
参数（变量）实现数据记录的同步，这是动态网页设计的关
键所在；第二，确定所使用的服务器行为。从主页进入子页
面或者子页面之间进行跳转时，都要使用到服务器行为，也
就是说，客户端的对服务器的后台数据库究竟是实施的添加、
删除还是更新操作，一定要把握正确。第三，绑定正确的数
据库表。数据库表是动态网页的后台数据支持系统，它必须
和前台的网页相对应，一个数据库包含好几张数据表和查询
表，而在某一个动态网页上显示的可能是其中的一个或几个，
只有在动态网页上出现的数据库表才进行绑定。
④后台管理设计。主要包括管理员的登录界面，系统资
料的修改界面等。这一阶段是整个动态网页顺利实施和安全
运行的保证。Dreamweaver8中提供了两个登录相关的服务
器行为：“用户登录”和“限制用户对页的访问”，一般来说，
这两个服务器行为在一起使用，前者主要用于对登录用户的
用户名和密码的识别，后者主要用于对登录页面的安全限
制，即只要想访问该页就必须首先进行登录。相比而言，可
能后一种行为会更重要，可以更为有效地阻止黑客的恶意攻
击，这也是网站的安全保障线。
（四）动态网页处理过程
动态网页不管设计的如何眼花缭乱，最终都是依靠Web
服务器的读取和写入操作来实现的。在Windows XP以上的
操作系统支持下，动态网页服务器使用的是Windows自带的
组件IIS（Internet Informantion Server）服务器。在安装好IIS
服务器后，对服务器的测试路径和本地路径进行设置，当设
置成功后就可以正确浏览你设计的动态网页了。但是，如果
你想把页面放入真正的网络世界，就需要和ISP供应商联系，
申请服务器域名和空间后，就可以将自己的动态网页放入因
特网的空间内，实现和他人沟通和交流的需求了。
[参考文献]
[1]张胜.Dreamweaver8+ASP动态网站建设基础与实践教程[M].
电子工业出版社.
[2]陈笑，宋萍，张翅.中文版Dreamweaver8实用教程[M].清华
大学出版社.
[3]邹婷.DREAMWEAVER8标准教程（网页设计培训标准教程）
[M].中国青年出版社.