025基于ASP的动态网站设计与制作

动态网站设计与制作
姜  婵
04职计应（1）班      指导老师：刘晓丹

【摘  要】 随着网络日益深入社会生活，以电子商务网站作为对外的展示窗口，进行内外信息交流，已成为大众的迫切需要。网站信息管理系统是典型的信息管理系统(MIS),其开发主要包括后台数据库的建立和维护以及前端应用程序的开发两个方面。对于前者要求建立起数据一致性和完整性强、数据安全性好的数据库。而对于后者则要求应用程序功能完备,易使用等特点。使用MACROMEDIA公司的Dreamweaver MX制作页面，用ASP语言做连接数据库的程序，使用Access制作系统的数据库，做一个具有留言版、登入页面等信息网站。
【关键词】Dreamweaver 应用、信息管理系统、ASP(Active Sever Pages) [来源：http://www.think58.com]

前  言
近年来，网络技术得到迅速的发展，这就为信息资源的共享提供了技术上的可能.作为信息密集型的地理信息系统(GIS)上升到网络平台可谓适逢其时.但从目前的应用情况来看，除了国外极少的公司拥有网络版的GIS之外，在国内还处于试验研制的阶段.因此，尽快地研制出我国自主版权的网络GIS的原型和产品，并在技术手段上达到国际先进水平，是摆在我们面前的一项迫切的任务。
人类社会已开始进入信息社会，信息逐渐渗透到人们工作、生活、娱乐、商业、制造业、军事等各个领域，办公自动化、电子商务、网上购物、远程医疗、家庭上网、电子博物馆等概念逐渐变为现实，这一切都是依赖于计算机技术、通信技术、网络技术、信息技术的飞速发展，依赖于这些新技术在人们生活中的广泛应用。 [来源：http://think58.com]

1.系统开发所用工具的简介
1.1开发环境
Windows 98/2000/XP 操作系统的PC
1.2开发工具
DreamweaverMX、Frontpage2003以及图象处理工具Fireworks MX和Photoshop8.0。
Dreamweaver是当前最流行的网页设计软件，Dreamweaver不仅是一个专业的可视化网页创建编辑器，而且它还是一个出色的网站维护工具。用户可以通过它管理和维护已有的站点，从此不必在维护和管理方面花太多的力气，省下的时间可以考虑如何再修饰自己的网页。使用Dreamweaver,可以轻松随意地设计跨越平台、跨越浏览器的网页。                 
ASP 简介
在管理信息系统的开发应用中，Microsoft公司的ASP（Active Server Pages）被广为使用。ASP实际上是将标准的HTML文件拓展了一些附加特征，为编写人员提供了在服务器端运行脚本的环境，使编写人员可以利用VBScript和JavaScript或其他的第三方脚本语言来创建ASP，实现过去需要编写复杂的CGI程序才能实现的有动态内容的网页，如计数器等。ASP提供了一些内置对象和组件，允许用户从浏览器中接收和发送信息。ASP可以和诸如SQL Server这样的数据库进行连接，进而完成数据的交换与更新。

2．动态网站主要设计工具及本站应用
2.1 photoshop在本站中的应用
在众多图像处理软件中，Adobe公司推出的专门用于图形、图像处理的软件Photoshop以其强大的功能、集成度高、适用面广和操作简便而著称于世。本站在很多方面使用了PHOTOSHOP极其相关的技术：
首先，本站的整体样式是通过PHOTOSHOP设计出来，在PHOTOSHOP上形成网站整体的风格和样式，这样的关键是PHOTOSHOP在设计上有非常大的作用，这是其他软件很难媲美的，而且PHOTOSHOP软件还可以对所设计的网页进行切割，然后导出优化结果，这样的结果是HTML格式的，就可以很方便的导入到Dreamweaver MX进行进一步的编辑。
2.2本网站编写设计环境选择
为了完美的表现出网站的魅力和风采，在本网站编写环境选择上采用国际先进的网页、平面处理等工具及其动态网页语言。
2.3编程语言选择ASP(Active Sever Pages)
（ASP）是服务器端脚本编写环境，使用它可以创建和运行动态、交互的 Web 服务器应用程序。由于脚本在服务器上而不是在客户端运行，传送到浏览器上的 Web 页是在 Web 服务器上生成的。所以不必担心浏览器能否处理脚本，这也是本旅游网站选择ASP的原因。
2.4数据库连接
ODBC(Open Database Connectivity)数据源中文译名为“开放数据连接”，是微软公司开发的一个数据库访问标准。它的两个用途分别是： [来源：http://www.think58.com]
第一，使用ODBC技术，设计人员只需编写一个程序版本，就可以访问多种数据库，从而使程序具有更好的兼容性和适应性。
第二，有些应用程序需要访问某种数据库，但程序所在的计算机上并没有安装相应的数据库软件。如果为了使用某种数据库，可以安装相应的数据库软件，但有些数据库软件极其庞大，并且对计算机的硬件、软件配置有非常高的要求，即便能够安装，也会占用大量的系统资源。为此，ODBC提供了一批常用的数据库软件驱动程序，包括Microsoft  Access的驱动程序。这样，计算机上即便没有安装Microsoft  Access，但只要有了Microsoft  Access的驱动程序，程序就可以访问数据库。
如果要在ASP程序中通过ADO对象访问数据库，必须先建立一个数据源(Data Source)。数据源包含了如何与一个数据提供者进行连接的信息。数据提供者可以是任何支持ODBC的数据库。数据源有三种类型：系统数据源、用户数据源和文件数据源。如果建立的数据源是系统数据源，则所有的用户都可以访问；如果是用户数据源，则只有指定用户可以访问；如果是文件数据源，则数据源信息将被存储在一个文件中，多个用户可以通过它来访问数据库。“网上书店”的ODBC数据源是名为“db”的系统数据源。

数据源的配置流程为：“开始”→“设置” →控制面板→管理工具→数据源(ODBC)。当数据库参数设置完成，会弹出测试所建立的数据源是否成功，同时也列出了连接到Microsoft  Access数据源的所有信息。
2.5网站运行环境选择IIS(Internet Information Server)
IIS 即Microsoft Internet Information Server 是运行Windows平台的一款Web服务器，支持ASP的运行。本站的浏览需要IIS的支持。本旅游网站需要在IIS下才能正常运行。
2.6网站数据库选择Access
本旅游网站就是采用这个开发工具Microsoft Access开发数据库。
 
3．网站的主要功能和模块
任何一个网站，必须首先具有明确的目的和目标群体。网站是面对客户、供应商、消费者还是全部？主要目的是为了介绍企业、宣传某种产品还是为了试验电子商务？如果目的不是唯一的，还应该清楚的列出不同目的的轻重关系。建站包括类型的选择、内容功能的筹备、界面设计等各个方面都受到目的性的直接影响，因此目的性是一切原则的基础。
更新是网站的点睛之作，是吸引回头率的主要手段之一，也是一个主流网站所不可或缺的。在浏览者眼中，网站的生命力就体现在这里。
本网站浏览者可以查看景区。本网站主要由主页、江郎山景区、廿八都景区、浮盖山景区、历史人物故居、留言版等栏目组成。
以下具体介绍主要制作方法：
3.1新建站点
在 Dreamweaver 中建立站点，是进行网站开发的第二个关键步骤。这里所讲的建立站点，其实就是在 Dreamweaver 中定义站点、策划站点结构、部署开发环境。定义站点是为了更好地利用【文件】面板对站点文件进行管理，也是为减少一些错误的出现，如路径出错，链接出错等等。许多初学者开始做网页时，就只知道做单一网页，对文件的条理性、结构性不加以管理，没有对文件进行分类管理，使整个站点结构显得很乱；所以在开发之前应该认真策划好站点结构。打开 Dreamweaver MX 2004 软件，执行【站点】 | 【站点管理】命令，在弹出的【站点管理】对话框中选择【新建】，按新建站点的步骤逐步进行设置，最后保存完成制作。
 

[资料来源：www.THINK58.com]

3.2创建动态网站首页
（1）使用Dreamweaver　MX制作首页模板
1)首先单击WindowsXP 的“开始” →“所有程序” →“Macromedia” →“Macromedia Dreamweaver MX”。
2)“文件” →“新建”  然后弹出一个对话框点击创建即可。
 图3-1
（2）网站的功能介绍
网站的组织结构图：

  [来源：http://www.think58.com]

  [版权所有：http://think58.com]

 

 
4．本网站前台功能介绍
4．1主页
主页index.asp全图如下所示：
 
图4-1
这个主页使浏览者清楚了解到江山大概的人文景观。同时在主页中包含了江郎山、廿八都古镇、浮盖山石洞群、历史人物故居、及留言版这五个大块内容。
4.2江郎山
江郎山jls.asp全图如下：
 
图4-2
主要功能：介绍江郎山的风土人情，传说的故事，江郎山、青龙虎山溪、伟人峰等景点。
4.3廿八都古镇
廿八都古镇nbd.asp全图如下：
 
图4-3
主要功能：介绍廿八都山歌和景点。
4．4浮盖堆石洞群
浮盖堆石洞群fgdsdq.asp全图如下：
  [资料来源：THINK58.com]

 

[资料来源：http://THINK58.com]