动态网页设计

基于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、、VBScript和ColdFusion 等动态网页技术的WEB应用程序开发功能，通过数据库、服务器行为和绑定面板快速定义数据库连接，将数据库记录显示在页面和通过页面操作数据库数据，使得用户避开了繁琐的代码书写过程，因此受到很多网页制作人员的青睐。

二、基于Dreamweaver8的动态网页的设计过程

（一）网站的整体与版式设计

这是网页设计的首要工作，每一个网站都有自己的特色，只有这样才能从网络世界中脱颖而出。网站的整体与版式设计主要包括以下几个内容：

1、确定网站的主题、内容、功能

①在网站设计工作之前一定要明确网站的主题(如:学习,体育,娱乐,慈善,儿童,女性,军事,生活等等)。确定主题一定要注意以下几点：第一，主题要小而精，千万不要面面俱到，否则给人的感觉就是没有主题，没有特色，样样有却样样都很肤浅；第二，题材最好是你自己擅长或者喜爱的内容。比如：您对电影感兴趣，可以报道最新的影讯，影视动态等；第三，主题需要创新。换句话说，也就是要有自己的特色。

②搞清楚该网站应该包含哪些方面的具体内容，必须具备哪些功能。网站内容、功能方面的需求最好由客户方以书面的形式提供，对于客户提出的书面报告，每一项都要全面而深刻的理解，及时与客户进行沟通交流，做到有的放矢。

2、网站的整体版面设计

一个好的网站能够通过非常出色的整体风格和版式设计将主题鲜明的表现出来；同时，页面看上去还要非常的美观。在完全了解客户的需求后,就可以进行网站的整体风格和版式设计阶段，在设计过程中，一定要周到考虑，耐心细致，绘制出相应的草图并附之以说明，从而形成详细而全面的设计文档资料。网站的整体风格和版式设计分为以下几个部分：

①网站板式设计

②网站的目录结构和导航栏的设计

③功能设计