动态网站设计与制作——毕业论文.doc

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

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

3、、电子博物馆等概念逐渐变为现实，这一切都是依赖于计算机技术、通信技术、网络技术、信息技术的飞速发展，依赖于这些新技术在人们生活中的广泛应用。 1.系统开发所用工具的简介 1.1 开发环境 Windows 98/2000/XP 操作系统的 PC 1.2 开发工具 DreamweaverMX、 Frontpage2003 以及图象处理工具 Fireworks MX 和Photoshop8.0。 Dreamweaver 是当前最流行的网页设计软件， Dreamweaver 不仅是一个专业的可视化网页创建编辑器，而且它还是一个出色的网站维护工具。用户可以通过2 它管理和维护已有的站点，从此不必在维护和

4、管理方面花太多的力气，省下的时间可以考虑如何再修饰自己的网页。 使用 Dreamweaver,可以轻松随意地设计跨越平台、跨越浏览器的网页。 ASP 简介 在管理信息系统的开发应用中， Microsoft 公司的 ASP（ Active Server Pages）被广为使用。 ASP 实际上是将标 准的 HTML 文件拓展了一些附加特征，为编写人员提供了在服务器端运行脚本的环境，使编写人员可以利用 VBScript 和JavaScript 或其他的第三方脚本语言来创建 ASP，实现过去需要编写复杂的 CGI程序才能实现的有动态内容的网页，如计数器等。 ASP 提供了一些内置对象和组件，允许用户

5、从浏览器中接收和发送信息。 ASP 可以和诸如 SQL Server 这样的数据库进行连接，进而完成数据的交换与更新。 2 动态 网站主要设计工具及本站应用 2.1 photoshop 在本站中的应用 在众多图像处理软件中， Adobe 公司推 出的专门用于图形、图像处理的软件Photoshop 以其强大的功能、集成度高、适用面广和操作简便而著称于世。本站在很多方面使用了 PHOTOSHOP 极其相关的技术： 首先，本站的整体样式是通过 PHOTOSHOP 设计出来，在 PHOTOSHOP 上形成网站整体的风格和样式，这样的关键是 PHOTOSHOP 在设计上有非常大的作用，这是其他软件很难媲

6、美的，而且 PHOTOSHOP 软件还可以对所设计的网页进行切割，然后导出优化结果，这样的结果是 HTML 格式的，就可以很方便的导入到Dreamweaver MX 进行进一步的编辑。 2.2 本网站编写设计环境选择 为了完美的表现出网站的魅力和风采，在本网站编写环境选择上采用国际先进的网页、平面处理等工具及其动态网页语言。 2.3 编程语言选择 ASP(Active Sever Pages) （ ASP）是服务器端脚本编写环境，使用它可以创建和运行动态、交互的 Web 服务器应用程序。由于脚本在服务器上而不是在客户端运行，传送到浏览器上的 Web 页是在 Web 服务器上生成的。所以不必担心

7、浏览器能否处理脚本 ，这也是本旅游网站选择 ASP 的原因。 2.4 数据库连接 3 ODBC(Open Database Connectivity)数据源中文译名为“开放数据连接”，是微软公司开发的一个数据库访问标准。它的两个用途分别是： 第一，使用 ODBC 技术，设计人员只需编写一个程序版本，就可以访问多种数据库，从而使程序具有更好的兼容性和适应性。 第二，有些应用程序需要访问某种数据库，但程序所在的计算机上并没有安装相应的数据库软件。如果为了使用某种数据库，可以安装相应的数据库软件，但有些数据库软件极其庞大，并且对计算机的硬件、软件配置有非常高的要求，即便能够安装，也会占用大量的系统资

8、源。为此， ODBC 提供了一批常用 的数据库软件驱动程序，包括 Microsoft Access 的驱动程序。这样，计算机上即便没有安装 Microsoft Access，但只要有了 Microsoft Access 的驱动程序，程序就可以访问数据库。 如果要在 ASP程序中通过 ADO对象访问数据库，必须先建立一个数据源 (Data Source)。数据源包含了如何与一个数据提供者进行连接的信息。数据提供者可以是任何支持 ODBC 的数据库。数据源有三种类型：系统数据源、用户数据源和文件数据源。如果建立的数据源是系统数据源，则所有的用户都可以访问；如果是 用户数据源，则只有指定用户可以访问

9、；如果是文件数据源，则数据源信息将被存储在一个文件中，多个用户可以通过它来访问数据库。“网上书店”的 ODBC数据源是名为“ db”的系统数据源。 数据源的配置流程为：“开始”“设置” 控制面板 管理工具 数据源(ODBC)。 当数据库参数设置完成，会弹出测试所建立的数据源是否成功，同时也列出了连接到 Microsoft Access 数据源的所有信息。 2.5 网站运行环境选择 IIS(Internet Information Server) IIS 即 Microsoft Internet Information Server 是运行 Windows 平台的一款 Web 服务器，支持 AS

10、P 的运行。本站的浏览需要 IIS 的支持。本旅游网站需要在 IIS 下才能正常运行。 2.6 网站数据库选择 Access 本旅游网站就是采用这个开发工具 Microsoft Access 开发数据库。 3网站 的主要功能和模块 任何一个网站，必须首先具有明确的目的和目标群体。网站是面对客户、供应商、消费者还是全部？主要目的是为了介绍企业、宣传某种产品还是为了试验4 电子商务？如果目的不是唯一的，还应该清楚的列出不同目的的 轻重关系。建站包括类型的选择、内容功能的筹备、界面设计等各个方面都受到目的性的直接影响，因此目的性是一切原则的基础。 更新是网站的点睛之作，是吸引回头率的主要手段之一，也

11、是一个主流网站所不可或缺的。在浏览者眼中，网站的生命力就体现在这里。 本 网 站 浏览者可以查看景区。 本 网 站 主要由主页、江郎山景区、廿八都景区、浮盖山 景区 、 历史人物故居 、 留言版 等栏目组成。 以下具体介绍主要制作方法： 3.1 新建站点 在 Dreamweaver 中建立站点，是进行网站开发的第二个关键步骤。这里所讲的建立站点，其实就是在 Dreamweaver 中定义站点、策划站点结构、部署开发环境。定义站点是为了更好地利用【文件】面板对站点文件进行管理，也是为减少一些错误的出现，如路径出错，链接出错等等。许多初学者开始做网页时，就只知道做单一网页，对文件的条理性、结构性不

12、加以管理，没有对文件进行分类管理，使整个站点结构显得很乱；所以在开发之前应该认真策划好站点结构。打开 Dreamweaver MX 2004 软件，执行【站点】 | 【站点管理】命令，在弹出的【站点管理】对话框中选择【新建】，按新建站点的步骤逐步进行设置，最后保存完成制作。 3.2 创建 动态网站 首页 （ 1） 使用 Dreamweaver MX 制作首页模板 5 1)首先单击 WindowsXP 的“开始” “ 所有程序 ” “ Macromedia” “ Macromedia Dreamweaver MX” 。 2)“文件” “新建” 然后弹出一个对话框点击创建即可 。 图 3-1 （

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

14、4 4 浮盖堆石洞群 浮盖堆石洞群 fgdsdq.asp 全图如下： 图 4-4 主要功能：对 浮盖堆石洞群 进行了详细的介绍，还有对浮盖山、枫岭关、炼石三8 叠和洞群景色一一作了说明。 4.5 历史人物故居 历史人物故居 lsrwgj.asp 全图如下： 图 4-5 主要功能：介绍戴笠老家和戴笠一生 和戴笠家的各种机关。 4.6 仙峡关 仙峡关 xxg.asp 图 4-6 主要功能：介绍仙峡古道、月亮湖和仙峡关。 9 4.7 留言版 (1)留言版 图 4-7-1 主要功能：可以在此网站中注册用户并给这个网站留言，互相交流，提供意见。 (2)详细留言页面 图 4-7-2 5网站的主要代码 10 5 1 鼠标跟踪 代码 var x,y var step=18 var flag=0 var message=“ FOLLOW Me!“ message=message.split(“) var xpos=new Array() for (i=0;i=1; i-) xposi=xposi-1+step yposi=yposi-1 xpos0=x+step ypos0=y for (i=0; i=1; i-) xposi=xposi-1+step