毕业网站建设之民俗网.docx

1、毕业网站建设之民俗网毕业设计题 目: 网页设计中国民俗网 所属系、部 : XXXXXX 年级、 专业: XXXXXX 姓 名: XXX 学 号: XXXXXXXX 指 导 教 师: XXXXX 完 成 时 间: XXXX年X月 毕业设计（论文）任务书题 目： 网页设计-中国民俗网 所属系部: XXXXX 年级专业： XXXXX 学 号： XXXXXX 学生姓名： XXX 指导教师： XXX 教研室主任（签名） 系主任（签名） 目 录摘 要 - 6 -前 言 1第一章绪论 21.1 网页制作的背景和意义 21.2 相关术语的阐述 3第二章网页开发环境及数据库概述 42.1 网页运行环境的开发 4

2、2.2 ASP和ADO简介 42.2.1 ASP产生的历史环境 42.3 网页图像设计工具Photoshop 82.4.网页设计工具Dreamweaver 9第三章网页需求分析 103.1可行性分析 103.1.1网页的界面设计 103.2.网站需求分析 103.2.1.建站目的 103.2.2.网站实现功能 11第四章网站的总体规划 124.1制作网页的一般步骤 124.1.1确定网站主题 124.1.2搜集材料 124.1.3规划网站 124.1.4选择工具 134.1.6上传测试 134.1.7推广宣传 134.1.8维护更新 134.2网页包括的元素 144.2.1文本 144.2.2

3、图像 144.2.3超级链接 144.2.4表格 144.3.网页层次结构（附结构图） 154.4.目录的层次结构（附结构图） 154.5.网页设计的相关步骤及代码设计 16第五章需要解决的几个关键问题 235.1 数据库技术 235.2. 数据库连接技术 235.3. 数据库写入技术 245.4 数据库的读取技术 255.5记录集合的建立 26第六章网页测试 276.1.网页测试 276.2 网页发布及网站维护 27第七章结论 29致 谢 30参 考 文 献 31中国民俗网1.毕业设计（论文）的主要内容及基本要求 网页制作中国民俗，要求：利用所学的Photoshop图形图像处理和Dreamw

4、eaver网页设计以及所学的ASP数据库编程制作成一个以介绍中国民俗为主的前台静态网页以及学习为主的后台论坛的一个业务性的网站，目的在于通过借助网络的力量，很好而有力的传承中国文化，并将其发扬光大，论文内容如下：(1)绪论；(2)网页开发环境及数据库概述；(3)网页需求分析；(4)网站的总体规划；(5)需要解决的几个问题；(6)网页测试。2进度安排设计（论文）各阶段内容起止日期1查阅有关民俗、传统的相关资料3.13.72进一步熟悉有个Dreamweaver及ASP的相关知识3.73.213使用Photoshop、Dreamweaver、ASP制作中国民俗网页3.214.114撰写论文4.114

5、.27摘 要随着网络信息的飞速发展，网络传媒以被越来越多的企业看好，而网站就是传媒很好的一种方式，目前有很多企业都在开发属于自己的网站，所以研究网站建设是很有必要的。本文针对开发网站的ASP(Active Server Pages)技术做了具体的阐述，说明了ASP(Active Server Pages)服务器的安装及IIS的配置。数据库系统是对数据进行存储，管理，处理和维护的软件系统，每个动态网站都必须牵涉到数据库，数据库的地位是非常重要的，本文根据数据库尽可能不重复，以最优的方式组织数据的特点，对数据的增、删、改和检索由统一软件进行管理和控制。数据库和ASP(Active Server P

6、ages)技术也是本文研究的主要对象。本文运用ASP(Active Server Pages)技术、数据库和相应的网站开发软件，阐述了网站前后台设计，并对其功能进行了论述，实现了整个网站功能的使用。通过对整个网站的设计，说明了在制作过程中遇到常见问题的解决方法。关键词：ASP技术,软件工程,数据库前 言中华民族文化源远流长，中国文化博大精深，而中国自古就有“入国问禁，入乡随俗”的民间传统，民俗是最贴近身心和生活、并世世代代锤炼和传承的文化传统。体现了中国人对自然、社会及与之相关联的政治、哲学、宗教、道德、文艺等方面的认识。在信息技术飞速发展的今天，人们获取信息的方式更多是来源于互联网。而吸引浏

7、览用户的则是视觉效果出色、信息量丰富、使用起来便捷的网页，所以网页设计尤为重要。互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常的重要。网页讲究的是排版布局，其功能主要就是提供一种形式给每个上网者，让他们能够了解网站提供的信息。面对日益加快的生活节奏和信息社会日新月异的变化，企业极需要一种快捷，便利的平台来对外宣传企业形象,介绍最新产品和及时售后服务。如何运用现代化信息技术完成这一目标，建立“一座企业与顾客之间畅通无阻的大桥”已成为企业中应该解决的重

8、要课题之一，本网站正是为这一目标设计制作的。第一章绪论1.1 网页制作的背景和意义我们了解了网站的重要性，学习了一些相关知识，现在我们学习了ASP动态网页设计，当然就是要能做一个精美的网页。在此次毕业设计中，我们要能更加的了解Dreameaver强大的功能和更好的使用它。通过此次设计我们还要能够知道静态网页和动态网也的区别。诚然，次此设计的个人网页，一方面是为了完成毕业作业，但更重要的是把我们所学到的东西用在具体的实践之中，所以，这次设计的目的也是要我们更好的掌握和使用好ASP的核心工具和技术，以便提高对网页知识的更深层了解。第三点也是最要的一点是，把我们在书本上学到的知识充分运用到此次设计之

9、中。使我们的在书上学到的东西不仅仅停留在表面上，把这些东西都用在所要做的网页上面。以达到老师要求的效果和学以致用。Internet是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各种规模的网络连接成一个整体。作为Internet上一种先进的，易于被人们所接受的信息检索手段，World Wide Web(简称WWW)发展十分迅速，成为目前世界上最大的信息资源宝库。据估计，目前Internet上已有上百万个Web站点，其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域，其用户群十分庞大，因此，建设一个好的Web站点对于一个机构的发展十分重要。近年来，随着网络用户

10、要求的不断提高及计算机科学的迅速发展，特别是数据库技术在Internet中的广泛应用，Web站点向用户提供的服务将越来越丰富，越来越人性化。我们发现这样一个事实，一个用户在访问一个网站时一般来讲只对该网站的部分内容感性趣，而且这种兴趣会持续一段时间。这点启发了我们，如果能根据用户的喜好为不同的用户显示其个性化的页面，即着重显示该用户感兴趣的内容，将为用户节约大量的检索时间，而且这样的网页显然是更具有吸引力的。一些站点已经在这方面作出了一定的尝试，通常采用的方法是，在用户登陆时为其提供一系列的选项，使用户能够对站点进行一些自主的设置。这样做能够使站点呈现一定程度的个性化，但是对用户来讲，还是比较

11、烦琐，而且在用户了解一个站点前让其对站点进行设置，其结果未免有些粗糙。于是我们构想了这样一种方案，对用户登陆后的动作进行跟踪，分析，发掘用户点击的规律，即用户先后点击的关联规则，这样，在用户点击一个主题（链接）之后，系统能够自动生成一页面，其中包含了该主题下用户经常关注的内容（若干链接），这样便在无须用户作出任何额外工作的情况下实现了为用户量身订做的个性化页面。本文主要完成Web服务器端的设计实现管理个人资料、照片上传、网文撰写、留言、日志以及后台管理等ASP页面及整个实验网站的组织建立和测试工作。我通过中国书画网站展示出中华文化的博大精深。不同的人，其网站上的展示方式或手法各有不同，千变万化

12、。在网站策划中，如何把把中华文化通过网站展示出来，是我设计的重要内容。1.2 相关术语的阐述WWW是“World Wide Web的缩写；HTML的意思则是“Hypertext Markup Language”,中文翻译为“超文本标记语言”。“超文本”就是指页面内可以包含图片、链接、甚至音乐，程序等非文字的元素。URLs是Uniform Resource Locator的缩写，统称为统一资源定位器。可以把它想象成文件名的网络扩展。我们不但可以通过各种不同的方法指出在网络的上哪一台机器的目录下的文件。这个文件可以通过各种不同的方法得到。在URL中还指定了访问这一个文件的协议。在实际应用中，URL

13、经常称为“网址”或URL地址。TCP/IP协议（Transmission Control Protocol / Internet Protocol传输控制协议/因特网协议）所谓协议，其实应该叫他网络协议，它是计算机与计算机之间，进行信息传输的语言，只有两台计算机具有相同的协议方能进行信息传输，常见协议有IPX协议、TCP/IP协议等。IPX现广泛应用于局域网中，大多数局域网游戏都使用IPX协议。TCP/IP协议可以说它是你接入因特网的必备条件，因为它是因特网上的通用协议。FTP协议(File Transter Protocol)也就是文件传输协议。我们知道，在服务器中一般都有大量的共享软件和免

14、费资源，要想从服务器中把文件传送到本地的计算机（术语称“客户机”）上或者把自己机器上的资源传送到服务器上，就必须在两台机器中进行文件传送，那么双方就必须要共同遵守一定的规则，FTP就是用来在客户机和服务器之间进行文件传输以实现文件共享的协议。FTP只是一种协议，必须要有相应的专用软件来执行它，一般称为FTP软件。通过FTP软件可连接到FTP服务器上，执行上载和下载文件的任务。常用的FTP软件有LeapFTP、CuteFTP、WS_FTP、FTPX等，这些软件的原理基本相同，只是用户界面和功能略有差异。第二章网页开发环境及数据库概述2.1 网页运行环境的开发本系统必须被运行在IIS (Inter

15、net Information Server)下。使用 Micorsoft Internet Information Server (IIS)，运行 Windows NT Server 的计算机便成为大容量、功能强大的 Web 服务器，它可以将信息发布给办公大楼或整个世界的用户。对于在基于 Windows NT 的计算机上联网，Internet Information Server 是很理想的，因为它可以在现存硬件上设置功能强大的 Web 服务器。Internet Information Server 集成在 Windows NT Server 操作系统中，并利用了其安全特征和性能优势。2.2

16、 ASP和ADO简介2.2.1 ASP产生的历史环境 从1996年ASP诞生到2012年已经过去了17年。在这短短的17年中，ASP发生了重大的变化，直到现在的ASP。asp的第一版是0.9测试版，自从1996年ASP1.0诞生，它给Web开发界带来了福音。早期的Web程序开发是十分繁琐的，以至于要制作一个简单的动态页面需要编写大量的C代码才能完成，这对于普通的程序员来说有点难了。而ASP却允许使用VBScript这种的简单脚本语言，编写嵌入在HTML网页中的代码。在进行程序设计的时候可以使用它的内部组件来实现一些高级功能（例如Cookie）。它的最大的贡献在于它的ADO(ActiveX Da

17、ta Object），这个组件使得程序对数据库的操作十分简单，所以进行动态网页设计也变成一件轻松的事情。因此一夜之间，Web程序设计不再是想像中的艰巨任务，仿佛很多人都可以一显身手。到了1998年，微软发布了ASP 2.0。它是Windows NT4 Option Pack的一部分，作为IIS(Internet Information Services，互联网信息服务) 4.0的外接式附件。它与ASP 1.0的主要区别在于它的外部组件是可以初始化的，这样，在ASP程序内部的所有组件都有了独立的内存空间，并可以进行事务处理。到了2000年，随着Windows 2000的成功发布，这个操作系统的I

18、IS(Internet Information Services，互联网信息服务) 5.0所附带的ASP 3.0也开始流行。与ASP 2.0相比，ASP 3.0的优势在于它使用了COM+，因而其效率会比它前面的版本要好，并且更稳定。2001年，ASPNET出现了。在刚开始开发的时候，它的名字是ASP+，但是，为了与微软的NET计划相匹配，并且要表明这个ASP版本并不是对ASP 3.0的补充，微软将其命名为ASPNET。ASPNET在结构上与前面的版本大相径庭，它几乎完全是基于组件和模块化的，Web应用程序的开发人员使用这个开发环境可以实现更加模块化的、功能更强大的应用程序。(1)什么是ASPA

19、SP的全称是Active Sever Pages,目前没有正式的中文名，可以理解为动态服务器页面技术。ASP是目前最流行的开发动态网站的程序开发之一，它的特点是将脚本，超文本和强大的数据访问功能结合在一起，并提供了众多的服务器组件来扩张功能，能够很方便的创建分布式和基于Web的商业话应用程序。如果要更简单的描述ASP ，可以说ASP就是运行在Web服务器上的动态网页。ASP程序文件也是一个标准的网页，一般HTML标记和ASP脚本代码混杂在一起组成。ASP网页程序必须想竟Web服务器的ASP解释器解释执行，产生HEML代码后才传送给用户的浏览器执行显示。(2).的特点为：1、任何开发工具皆可发展

20、 只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。当然，其他网页发展工具，例如，FrontPage Express、 FrontPage等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写，可能会发生一些意想不到的离奇状态。通吃各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。2、语言相容性高ASP与所有的ActiveX Script语言都相容，除了可结合HTML，VBScript、Java Script、Active X服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他

21、厂商（Third Party）所提供的语言。3、隐密安全性高如果我们在浏览器中直接查看网页的原始代码，就只能看到文件，原始的程序代码是看不到的！这是应届程序先于网站服务（eb Server）端执行后，将结果转换成标准文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的程序并不会轻易地被看见进而被盗用。4、易于操控数据库 可以轻易地通过DBC(Open Database Connectivity)驱动程序连接各种不同的数据库，例如：Access、FoxPro、dBase、Oracle等等，另外，亦可将“文本文件”或是”Excel” 文件当成数据库用。5、面向对象学习容易具备有面

22、向对象（object-Oriented）功能，学习容易，提供了五种方便能力强大的内建对象：Request、Response、Sever、Application以及Session，同时，若使用内建的“Application”对象或”Session”对象所撰写出来的程序可以在多个网页之间暂时保存必要的信息。 6、对象名称 功能描述 RequestResponseServerSessionApplicationObjectContext 从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被(3)ASP模型对象ASP提供了六个功能强大的内置对象供用

23、户使用，利用这六个对象，可以设计变化多端的Web应用程序，在ASP开发Web应用程序时，通过调用对象的方法，不但能实现提高编程效率，而且编程更优化。下面列出ASP包括的六个内置对象：Response：将信息送主客户端Request：从客户端取得信息Server：提供一些Web Sever方法Session：记录连接着的信息，每一个连接者的信息有独立的Session对象来记录Apptication：记录共用消息，让不同的可户端共享信息Objectlontent：配合MTS进行分布式事务处理(4)ASP的运行ASP页面与一般的HTML页面的真正不同之处，在于ASP页面需要经过Web服务器的解释执行

24、而HTML网页不需要。因此如果要运行和发布式ASP网页，就需要有Web服务器的支持。任何一个Web服务器，只有内嵌有ASP的解释程序，就可以运行ASP 编写的动态网页。整个过程主要有如下5个步骤（HTML页面的处理没有第三步）A.用户将ASP文件的网址输入到浏览器的地址栏，请求一个ASP网页。B.浏览器向Web服务器发送ASP文件请求，成为RequestC.服务器找到并解释执行该ASP文件，生成标准的HTML文件D.服务器将HTML文件传送给用户浏览器，称为ResponseE.用户的浏览器解释HTML文件，结果在浏览器窗口显示2.2.2 ADO对象ADO原名为ActiveX Data Obje

25、ct。通过与ASP的结合，可以在网页里执行SQL的指令，用户可以轻松且快速的存取、增加或是删除数据库的数据。ADO包含三个主要的对象：Recordset、Connection以及Cmmand。通过这些对象的了解与应用，再利用ASP对象，就可以很容易地制作出一个方便快捷、功能多样的网站。快速、容易和节省磁盘空间，是ADO的特性，这使得ADO成为十分热门的技巧。ADO通过与ODBC的链接，可以链接许多各种类型的数据库，因为ODBC本身就支持许多类型的数据库。ADO通过VBScript和JavaScript语言的技巧，不但可以控制存取数据库，还可以达到一些特殊技巧的变化。ADO 提供 Connect

26、ion 对象可以使用该对象建立和管理应用程序和 ODBC 数据库之间的连接。Connection 对象具有各种属性和方法，可以使用它们打开和关闭数据库连接，并且发出查询请求来更新信息。要建立数据库连接，首先应创建 Connection 对象的实例。用 Connection 对象的 Execute 方法您可以发出结构化查询语言 (SQL) 查询数据库源并检索结果。SQL 是用于与数据库通讯的工业标准语言，它有许多命令可用来检索和更新信息。使用 Connection 对象的 Execute 方法在 SQL INSERT 命令的表格中发出查询，该命令将数据插入特定的数据库表格。使用 Recordse

27、t 对象处理结果尽管 Connection 对象简化了连接数据库和查询任务，但 Connection 对象仍有许多不足。确切地说，检索和显示数据库信息的 Connection 对象不能用于创建脚本；您必须确切知道要对数据库作出的更改，然后才能使用查询实现更改。对于检索数据、检查结果、更改数据库，ADO 提供了 Recordset 对象。正如它的名称所暗示的那样，Recordset 对象有许多您可以使用的特性，根据您的查询限制，检索并且显示一组数据库行，即记录。 Recordset 对象保持查询返回的记录的位置，允许您一次一项逐步扫描结果。根据 Recordset 对象的指针类型属性设置，您可以

28、滚动和更新记录。数据库指针可以让您在一组记录中定位到特定的项。指针还用于检索和检查记录，然后在这些记录的基础上执行操作。Recordset 对象有一些属性，可用于精确地控制指针的行为，提高您检查和更新结果的能力。例如，您可以使用 CursorType 和 CursorLocation 属性设置指针的类型，将结果返回给客户端应用程序（结果通常保留在数据库服务器上）并显示其他用户对数据库的最后一次更改。一个成功的数据库应用程序都使用 Connection 对象建立链接并使用 Recordset 对象处理返回的数据。通过“协调”两个对象的特定功能，您可以开发出几乎可以执行任何数据处理任务的数据库应用

29、程序。例如，下面的服务器端脚本使用 Recordset 对象执行 SQL SELECT 命令。SELECT 命令检索一组基于查询限制的信息。查询也包含 SQL WHERE 子句，用来缩小查询的范围。通过 ADO Command 对象，可以象用 Connection 对象和 Recordset 对象那样执行查询，唯一的不同在于用 Command 对象您可以在数据库源上准备、编译您的查询并且反复使用一组不同的值来发出查询。这种方式的编译查询的优点是您可以最大程度地减少向现有查询重复发出修改的请求所需的时间。另外，您还可以在执行之前通过您的查询的可变部分的选项使 SQL 查询保持局部未定义。Comm

30、and 对象的 parameter 集合减少了您的麻烦，使您不必在每次重新发出查询时重新建立查询。2.3 网页图像设计工具Photoshop Photoshop是由Adobe公司开发的图形处理系列软件之一，主要应用于在图像处理、广告设计的一个电脑软件。最先它只是在Apple机（MAC）上使用，后来也开发出了forwindow的版本。Adobe公司开发，处理图形图像的专门设计软件。DTP和图像软件的结合，使设计师可在电脑上直接完成文字的录入、排版、图像处理、形象创造和分色制板的全过程，开创了“电脑平面设计”时代。 Photoshop的专长在于图像处理，而不是图形创作。有必要区分一下这两个概念。图

31、像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果，其重点在于对图像的处理加工；图形创作软件是按照自己的构思创意，使用矢量图形来设计图形，这类软件主要有Adobe公司的另一个著名软件Illustrator和Micromedia公司的Freehand。2.4.网页设计工具Dreamweaver Macromedia 公司的产品的另一款“所见即所得”的网页编辑工具。DREAMWEAVER，一个可视化的网页设计和网站管理工具，支持最新的Web技术，包含HTML检查、HTML格式控制、HTML格式化选项、HomeSite/BBEdit捆绑、可视化网页设计、图像编辑、全局查找替换、全FTP 功能、处理Flash和Shockwave等富媒体格式和动态HTML、基于团队的Web创作。在编辑上你可以选择可视化方式或者你喜欢的源码编辑方式。由于Macromedia2005年被Adobe并购.故此软件现以为Adobe旗下产品.Dreamweaver 对于 DHTML 的支持特别好，可以轻而易举地做出很多眩目的页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver 与 Flash、Firework 并称为