计算机科学与技术专业本科毕业论文-111111

本科毕业论文

年级 11秋

专业计算机科学与技术

姓名张楹

学号

论文题目动态网页设计——花之家

【摘要】

随着网络日益深入社会生活，以动态网站作为对外的展示窗口，进行内外信息交流，已成为大众的迫切需要。基于Internet的信息服务，商务服务已经成为现代企业一项不可缺少的内容。很多企业都已不满足于建立一个简单的仅仅能够发布信息的静态网站。现代企业需要的是一个功能强大的，能提供完善的电子商务服务的动态商务网站。活跃在Web 上的ASP技术就是近几年才发展起来的一项新技术，利用ASP技术几乎没有什么限制就可以实现动态的页面。而WEB作为这种全新型系统的平台，本身具有统一的协议标准，良好的跨平台特性和前所未有的广泛的覆盖性等优点。本文从一个实例“花之家”来试图从概念和应用的角度，把ASP技术展示给读者。本系统基于ASP技术，以VBScript与Javascript 作为脚本语言，共享数据库Access作为后端数据库，用Dreamweaver MX设计开发了一个能实现简单的内外信息交流的小型动态商务网站——花之家休闲网站。

【关键词】 ASP Access Dreamweaver MX Photoshop Flash 网络技术

目录

摘要 (1)

关键词 (1)

引言 (3)

1．网站的综合应用的意义和目的 (3)

2．网站总体设计原则 (3)

2．1目的性 (3)

2．2专业性 (4)

2．3实用性 (4)

2．4易操作性 (4)

2．5艺术性 (4)

3．休闲网站主要设计工具及本站应用 (4)

3．1 Photoshop在本站中的应用 (4)

3．2 CorelDraw 在本站中的应用 (5)

4．本休闲网站编写设计环境选择 (5)

4．1编程语言选择ASP(Active Sever Pages) (5)

4．2连接数据库选择ADO(ActiveX Data Objects) (5)

4．3网站运行环境选择IIS(Internet Information Server) (6)

4．4 网站数据库选择Access (7)

4．5网站开发工具选择Macromedia Dreamweaver (7)

5．网站的功能介 (7)

5．1各网页介绍 (7)

5．2网站的各主要代码: (8)

6．休闲网站系统功能具体的实现 (9)

6．1数据库的设计与创建 (9)

6．2数据库表的结构设计 (9)

7．网站的后台管理和网站的测试与维护 (9)

8．总结 (9)

参考文献 (9)

动态网页设计——花之家

班级：11秋姓名：张楹

[摘要]

关键词：

第一章：引言

在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet “海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。利用计算机技术、通信技术和Internet实现商务活动的国际化、信息化和无纸化，已经成为各国商务发展的一大趋势。因此网站建设在Internet应用上的地位显而易见，它已成为政治、经济、生活信息化建设中的重要组成部分，从而倍受人们的重视。为了人们更好地享用休闲生活，提高学校知名度精神道德培养，特建一个娱乐休闲网站---花之家。

第二章、网站的综合应用的意义和目的

信息时代、无网不胜；政府上网、基本完成；企业上网、已成必然；家庭上网、大势所趋...21世纪是信息高速发达的时代，网络作为当今最流行最方便快捷的媒介也越来越被人们接受，并且融入我们的生活。而作为新世纪的大学生更应该具备一定的网络知识，来充实和武装自己。

花卉可以反映出一个国家的文化、科学和艺术水平的一个侧面。这不但表现在花卉品种的丰富新奇和栽培技术的科学先进上，同时也表现在艺术布局和设计上。在某种意义，它还象征着一个国家兴旺发达、生活丰富多彩的美好景象。所以，能准确的认知花卉，深入地了解花卉的特性，对于我们的生活和工作都是非常有益的。花卉不仅仅是人们不可缺少的精神食粮，它还具有许多对人们有益的功能。有的花卉具有重要的药用功效，有的是经济价值很高的制造芳香油的原料，有的还具有监测大气污染的作用。人们爱花、养花、赞花，是对美的向往和追求，对花了解的多一些，我们每个人的生活就会更美一些。

有着相同趣味的人们会来到这里，共同建设这片对别人来说不重要，对他们来说却很重要的天地。他们在这里一起起舞，一起歌唱，自由表达，真心倾听。哪怕有一天对此厌倦了，也不过挥一挥衣袖，而不带走一片云彩。

第三章、网站总体设计原则

花卉网站将网页上的某些需要经常变动的信息，类似各类新闻、最新花卉信息发布和业界花卉新闻动态等更新信息集中管理，并通过信息的某些共性进行分类，最后系统化、标准化发布到网站上的一种网站应用程序。网站信息通过一个操作简单的界面加入数据库，然后通过已有的网页模板格式与审核流程发布到网站上。它大大减轻了网站更新维护的工作量，通过网络数据库的引用，将网站的更新维护工作简化到只需录入文字和上传图

片，从而使网站的更新速度大大缩短，大大加快了信息的传播速度，也吸引了更多的长期用户群，时时保持网站的活动力和影响力。具体有以下几个原则：

2.1、目的性

本花卉休闲网站设计第一原则：目的性（Intension）必须有明确合理的建站目的和目标群体。

任何一个网站，必须首先具有明确的目的和目标群体。网站是面对客户、供应商、消费者还是全部？主要目的是为了介绍企业、宣传某种产品、娱乐生活还是为了试验电子商务？如果目的不是唯一的，还应该清楚的列出不同目的的轻重关系。建站包括类型的选择、内容功能的筹备、界面设计等各个方面都受到目的性的直接影响，因此目的性是一切原则的基础。

2.2、专业性

本花卉休闲网站第二原则：专业性（Specialization）信息内容应该充分展现网站的专业特性。

对外介绍网站自身，最主要的目的是向外界介绍网站的业务范围、性质和内容，从而创造更多的商机。在这里包括：

（1）应该完整无误的表述了花卉的业务范围（花语、花的故事）及主次关系。

（2）应该齐备的介绍花卉的名子来源、花卉的样子、花卉的故事。

（3）提供花卉的年度总体资料将有助于花卉爱好者了解花卉的新闻。

2.3、实用性

本花卉休闲网站第三原则：实用性（Utility）功能服务应该是切合实际需求的。

1、网站提供的功能服务应该是切合浏览者实际需求的且符合访问特点的。

2、网站提供的功能服务必须保证质量。

2.4、易操作性

（1）、层次性

条理清晰的结构，表现为网站的板块划分的合理性

（2）、一致性

页面整体设计风格的一致性；功能一致性；元素风格一致性。

2.5、精简性

每个界面调出的时间应该在可以接受范围之内，当必须耗用较长的时间时应该有明确提示并最好有进度显示。

2.6、艺术性

本花卉休闲网站第五原则：艺术性（Artwork）网页创作本身已经成了一种独特的艺术。网页创作从某种意义上来说可以称为“eye ball work”，要达到吸引眼球的目的，再结合界面设计的相关原理，形成了一种独特的艺术。

3、休闲网站主要设计工具及本站应用

3.1、Photoshop在本站中的应用

在众多图像处理软件中，Adobe公司推出的专门用于图形、图像处理的软件Photoshop 以其强大的功能、集成度高、适用面广和操作简便而著称于世。本站在很多方面使用了

Photoshop极其相关的技术：

本站应用：首先，本站的整体样式是通过Photoshop设计出来，在Photoshop上形成网站整体的风格和样式，这样的关键是Photoshop在设计上有非常大的作用，这是其他软件很难媲美的，而且Photoshop软件还可以对所设计的网页进行切割，然后导出优化结果，这样的结果是HTML格式的，就可以很方便的导入到Dreamweaver MX进行进一步的编辑。

3.2、CorelDraw 在本站中的应用

CorelDraw12 是一套屡获殊荣的图形、图像编辑软件的最新版本，能精确捕捉创作神髓。这套惊人的绘图软件组合带来强大的交互式工具，可创作出多种富于动感的特殊效果及点阵图像。

本站应用：CorelDraw很重要的一点就是，它是矢量图编辑软件，它所

辑出来的图片放大不会失真，这样在网页当中的应用是非常的关键的，特别是在一些图片的处理上，发挥了更加大的作用。“花之家网站”里面会有一些图片要使用到这些的处理。

4、本休闲网站编写设计环境选择

为了完美的表现出旅游网站的魅力和风采，在本网站编写环境选择上采用国际先进的网页、平面处理等工具及其动态网页语言。

4.1编程语言选择ASP(Active Sever Pages)

ASP 全称为Active Server Pages（动态服务器主页），它是一种应用程序环境，可以利用VB script 或JavaScript语言来设计，主要用于网络数据库的查询与管理。其工作原理是当浏览者发出浏览请求的时候，服务器会自动将ASP 的程序码，解释为标准HTML格式的网页内容，再送到浏览者浏览器上显示出来。利用ASP生成的网页，与HTML相比具有更大的灵活性。只要结构合理，一个ASP页面就可以取代成千上万个网页。尽管ASP 在工作效率方面较之一些新技术要差，但胜在简单、直观、易学，是涉足网络编程的一条捷径。它具备一个服务器端的脚本执行环境，用它可产生和执行动态的、交互的、高性能的Web服务器应用程序。Active Server的另一大优点是代码的安全性。页面的访问者所能看到的只是服务器方的处理结果。ASP文件可以用常规的文本编辑器编辑，ASP使用VBScript、JavaScript等脚本语言作为开发工具，镶嵌于HTML文本中，使用"%…%"将ASP的程序包含起来。当用户从浏览器向Web服务器提出请求时，Web服务器会自动将ASP的程序解释为标准的HTML格式的主页内容，用户端只要使用常规可执行HTML程序的浏览器，就可浏览ASP所设计的主页内容，因此与浏览器无关，并且保证了ASP的源程序代码不会外漏。

4.2、连接数据库选择ADO(ActiveX Data Objects)

ADO即ActiveX Data Objects，是微软提供的使ASP具有访问数据库的Components。本站就是使用这种方法连接数据库。ADO可以很方便地实时存取网络数据库的各种资料，不过，如果要使用ADO，首先应建立ODBC数据源。

ODBC(Open Database Connectivity)数据源中文译名为“开放数据连接”，是微软公司开

发的一个数据库访问标准。它的两个用途分别是：

第一，使用ODBC技术，设计人员只需编写一个程序版本，就可以访问多种数据库，从而使程序具有更好的兼容性和适应性。

第二，有些应用程序需要访问某种数据库，但程序所在的计算机上并没有安装相应的数据库软件。如果为了使用某种数据库，可以安装相应的数据库软件，但有些数据库软件极其庞大，并且对计算机的硬件、软件配置有非常高的要求，即便能够安装，也会占用大量的系统资源。为此，ODBC提供了一批常用的数据库软件驱动程序，包括Microsoft Access的驱动程序。这样，计算机上即便没有安装Microsoft Access，但只要有了Microsoft Access的驱动程序，程序就可以访问数据库。

如果要在ASP程序中通过ADO对象访问数据库，必须先建立一个数据源(Data Source)。数据源包含了如何与一个数据提供者进行连接的信息。数据提供者可以是任何支持ODBC的数据库。数据源有三种类型：系统数据源、用户数据源和文件数据源。如果建立的数据源是系统数据源，则所有的用户都可以访问；如果是用户数据源，则只有指定用户可以访问；如果是文件数据源，则数据源信息将被存储在一个文件中，多个用户可以通过它来访问数据库。“花之家”的ODBC数据源是名为“website”的系统数据源。

数据源的配置流程为：“开始”→“设置” →控制面板→管理工具→数据源(ODBC)。当数据库参数设置完成，会弹出测试所建立的数据源是否成功，同时也列出了连接到Microsoft Access数据源的所有信息。

4.3、网站运行环境选择IIS(Internet Information Server)

IIS是Internet Information Server的缩写，它是微软公司主推的服务器，最新的版本是Windows2003里面包含的IIS 6，IIS与Window NT Server完全集成在一起，因而用户能够利用Windows NT Server和NTFS（NT File System，NT的文件系统）内置的安全特性，建立强大，灵活而安全的Internet和Intranet站点。

IIS支持HTTP（Hypertext Transfer Protocol，超文本传输协议），FTP（Fele Transfer Protocol，文件传输协议）以及SMTP协议，通过使用CGI和ISAPI，IIS可以得到高度的扩展。

IIS支持与语言无关的脚本编写和组件，通过IIS，开发人员就可以开发新一代动态的，富有魅力的Web站点。IIS不需要开发人员学习新的脚本语言或者编译应用程序，IIS完全支持VB script，Jscript开发软件以及Java，它也支持CGI和Win CGI，以及ISAPI扩展和过滤器。

Windows 2000 Server版已默认安装了IIS服务器，如果您的服务器尚未安装IIS，可以参考如下的安装说明，否则请跳过此节。在“控制面板”的“添加/删除程序”窗口左侧选择“添加/删除Windows 组件”，稍候弹出组件选择窗口，在其中选择“Internet 信息服务(IIS)”一项，单击“详细信息”按钮，这里选择“Word Wide Web 服务器”，另一些需要的组件会被自动选择，这里您还可以安装FTP服务，如果您有兴趣可以自行研究。单击“确定”回到上一

窗口，单击“下一步”，插入Windows安装光盘，等待完成即可。本站的浏览需要IIS的支持。本花卉休闲网站需要在IIS下才能正常运行。

4.4、网站数据库选择Access

数据库是有结构的数据集合,它与一般的数据文件不同，(其中的数据是无结构的)是一串文字或数字流。数据库中的数据可以是文字、图像、声音等。

Microsoft Access是一种关系式数据库，关系式数据库由一系列表组成，表又由一系列行和列组成，每一行是一个记录，每一列是一个字段，每个字段有一个字段名，字段名在一个表中不能重复。表与表之间可以建立关系（或称关联，连接），以便查询相关联的信息。Access数据库以文件形式保存，文件的扩展名是MDB。Access 数据库由六种对象组成，它们是表、查询、窗体、报表、宏和模块。

本花卉休闲网站就是采用这个开发工具Microsoft Access开发数据库。

4.5、网站开发工具选择Macromedia Dreamweaver MX

Dreamweaver MX 是由Macromedia 公司出品的一款可视化的网页编辑器有强大的网页编辑功能，和网站管理功能。它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。为了达到很好的网页效果，本站选用Macromedia Dreamweaver MX为网站开发工具。

Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dreamweaver能与您喜爱的设计工具，如Playback Flash，Shockwave和＊＊模组等搭配，不需离开Dreamweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。

使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称，Dreamweaver 会自动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。

5、网站的功能介绍

网站的组织结构图：

5.1各网页介绍

主页index.asp

这个主页使浏览者清楚了解到本花卉网站的大致内容。同时在主页中包含了解意花语、花卉图片、花之故事及请你留言这四个大块内容。

花之家的解意花语huayu.asp

不同的鲜花含义各不相同，搭配时不可只讲究外观美丽。一不小心，搭配错误，可要闹笑话了。

例如：玫瑰是爱情的最佳代言人，不少新人拍婚纱照，首选玫瑰，但玫瑰的颜色不同

含义也有所区别：红玫瑰代表：深爱着你；粉色玫瑰表示：动情在心、爱的宣言；白玫瑰则表示：天真、纯洁、尊敬的含义。大部分康乃馨都代表了爱、魅力和尊敬之情。浅红色代表钦佩，深红色代表深深的爱和关怀。纯白色代表了纯洁的爱和幸运；花纹康乃馨代表拒绝求爱时的道歉。粉红色康乃馨具有最重要的象征和历史意义，因此粉红色康乃馨成为了不朽的母爱的象征。

花卉图片的tupian.asp:

主要功能：主要介绍了各种花的样子，使人们方便辨别。

花之故事的gushi.asp

花的故事很多，有浪漫的、有悲伤的、有神话的。语言和情感能是融为一体的，这无形中增强了语言的魔力，让别人在不知不觉中就进入到花的故事当中，这样就很容易接受故事中的感情。在这个网站中详述了丁香花以及百合花的故事，只要你放进感情去阅读，你就会发现这是一个非常感人的故事。

请你留言的liuyan.asp

大家可以在此网站中注册用户并给这个网站留言，互相交流，提供意见并可在留言版上尽情留言，发表各自不同的想法。

论点：花卉是最具吸引力的旅游景观之一,具有"色、香、姿、韵"四个方面的旅游审美意义.花卉的色彩给人的美感最直接、最强烈,不同花色具有不同的感情象征意义.花卉的香味包括"香"与"味"两个方面,不同的香型具有不同的美感类型.花卉的姿态千变万化,因与季节无关而具有持久之美.花卉的风韵美是花卉各种自然属性美的凝聚和升华,是一种自然意态之美,它比花卉纯自然的美更具美学意义.由于作为欣赏对象的花卉是一种具有生命的自然之物,因而,花卉欣赏是一项特殊的审美认识活动,除了受审美主体的知识水平、文化素养、情绪条件等影响之外,还受自然条件和天时景象的影响。

第四章数据库的设计（主要数据库名称，结构设计等）

5.2、网站的各主要代码: 本章改为详细设计，要求主页要有截图，主要模块要有代码和截图

(1)主页index. asp的简介显示代码：

向日葵的传说古希腊女神暗恋太阳神阿波罗，终日盼不到他的爱。于是，众神就将她变成花，好让她可以终生追随太阳神。就因终其一生追随著太阳，所以被称为向日葵。

(2) 主页index. asp的跑马灯显示代码：

height=20 on="left" directi align="center">

size=2>要知花之语言速入此网站

(3)连接数据库代码

<%set conn=server.createobject("adodb.connection"

conn.open "driver={microsoft access driver (*.mdb)};dbq="&server.mappath("liuyan.mdb")%> */导入后台数据库/*

6、花卉休闲网站系统功能具体的实现

6.1数据库的设计与创建

在进行应用程序设计之前，首先创建数据库,我们对整个花卉网站系统进行了全面分析，通过对用户需求的分析创建了以下2个表：

(1)．liuyan

(2)．zhuce

6.2、数据库表的结构设计

要使数据有良好的性能，表必须有良好的结构和范式，这里列举花卉信息发布系统的几个表来说明。

(1)、liuyan表，用于存放留言登记的信息，图6-1

7、网站的后台管理和网站的测试与维护

网站制作完成后，我对网站做了全面的测试，首先在IIS中建立一个虚拟的目录，填写一个虚拟目录名，如：website 选择目录，点下一步，然后完成就可以了。再打开浏览器输入地址，以上面的虚拟目录名为例，应该是http://localhost/website/index.asp。

8、总结

花之家网站使用MACROMEDIA公司的Dream weaver MX制作页面，用ASP语言做连接数据库的程序，使用Access制作系统的数据库,实现了解意花语、花卉图片、花之故事和请你留言的功能。网站的重点放在请你留言这个模块。由于时间有限，个人能力尚欠不足，系统还有些不尽如人意的地方，网站的界面和后台管理样式不够美观，各个页面间的连接还不够多，页面功能比较简单，并且花卉的介绍还太少，这些都还有待进一步的改进和完善。

参考文献

[1]. 李建梅编著：《中文Dream weaver MX教程》，2010年3月第2次印刷，北京科海电子出版社；

[2]. 韩国峰柯华坤王磊编著：《ASP网站开发典型模块与实例精讲》，2010年8月第1次印刷，电子工业出版社；

[3]. 王鹏解神恩等编著：《Photoshop CS中文版实用教程》，2011年2月第2次印刷，中国水利水电出版社；

[4]. 龙马工作室编著：《CorelDraw 12完全自学手册》，2011年10月第1次印刷，人民邮电出版社。

[5]. 龙马工作室编著：《Flash 8.0实例自学手册》，2010年10月第1次印刷，人民邮电出版社。