网站的设计与规划

目录目录1摘要IABSTRACTII第一章可行性分析111建网站的可行性分析1111系统分析11111对网站主题意义的分析11112对网站内容的分析2第二章需求分析321运行环境322本次设计中的主选工具4221涉及的设计语言5222设计语言的选用623本课题所要实现的功能7231网站功能描述72311信息专题72312留言板8第三章总体设计931网站的设计与规划9311网站的总体规划9312网站的设计原则10313网站的设计内容10314网站结构的设计10315网站导航的设计11316网站布局的设计11317网站部件的总体设计113171首页的设计113172各信息专题的设计123173留言板的设计13第四章详细设计1441具体网站部件的设计14411新闻专题的设计144111新闻专题的构思144112新闻专题网页的组成14412财经专题的设计154121财经专题的构思154122财经专题网页的组成15413娱乐专题的设计154131娱乐专题的构思154132娱乐专题网页的组成15414女性专题的设计164141女性专题的构思164142女性专题网页的组成16415留言板的设计174151留言板的构思204152留言板的流程图204153留言的页面结构214154留言板的数据库21第五章编码2351网站界面的描述2352网站设计主要编码的实现23521配置MICROSOFTACCESS数据库的文件DSN23第六章测试及维护2861引言28611测试目的28612测试内容2862测试中应注意的问题2863测试项目2864主要测试实现28641各专题的测试28642留言板的测试29第七章参考资料30致谢31附录一32原文32英文翻译34附录二38原文38英文翻译41摘要这次毕业设计我选的课题是如何组建一个信息网站展开的。论文内容主要可分为可行性分析、需求分析、总体设计、详细设计、编码、测试六大部分组成。在网站的制作工具上我选用的是DREAMWEAVERMX并结合其他软件开发完成。一个网站能受到网友的喜爱在很大程度上取决于网页风格的设计。在本次设计中我在首页的设计上采用了简约的设计风格，为的是给大家一种清新的感觉。用户可以在我的网站中浏览各种新闻资讯、财经消息、娱乐圈动态、女性的时尚话题。并增加了留言板功能，使我可以博采众长对网站进行更新和完善。对各个专题的制作主要是建立一个MICROSOFTACCESS数据库，用户点击网页后台再进行调用数据库，来实现用户对网站内容的浏览。由于我是第一次接触到网站制作方面的知识，难免会有遗漏和不足，希望各位老师能给予指正。关键词网站,数据库,DREAMWEAVERMXABSTRACTTHESUBJECTWHICHISELECTOFTHISGRADUATIONPROJECTISHOWTOSETUPANINFORMATIONWEBSITETONARRATIONTHESISCONTENTMAINLYCANDIVIDEINTOFEASIBLEANALYSIS,DEMANDANALYSE,OVERALLDESIGN,DETAILEDDESIGN,CODE,TESTWHATISELECTEDFORDESIGNINGISDREAMWEAVERMXANDCOMBINEOTHERSOFTWARETOFINISHONTHETOOLSOFWEBSITESAWEBSITECANTAKETHEFANCYOFVISITORTOAGREATEXTENTDEPENDSONTHEDESIGNFORTHESTYLEOFTHEWEBPAGEINDESIGNINGOFTHEHOMEPAGEIHAVEADOPTEDTHEBRIEFDESIGNSTYLE,INORDERTOGIVEEVERYBODYAKINDOFFRESHFEELINGVISITORCANBROWSETHROUGHVARIOUSKINDSOFNEWSINFORMATION,FINANCEANDECONOMICSNEWS,AMUSEMENTCIRCLESTRENDS,WOMENSFASHIONTOPICINMYWEBSITESINCREASEMESSAGEBOARDFUNCTION,MAKEMECANLEARNWILDLYFROMOTHERSSTRONGPOINTSANDGOONTOWEBSITENEWERANDPERFECTTHEMAKINGOFEACHSPECIALTOPICISMAINLYTOSETUPONEMICROSOFTACCESSDATABASEVISITORCLICKWEBPAGEBACKSTAGESUPPORTERGOONDATABASEOFTRANSFERING,COMEANDREALIZEVISITORBROWSETHROUGHTOWEBSITECONTENTITOUCHTHEKNOWLEDGEOFWEBSITESFORTHEFIRSTTIME,SOITLLUNAVOIDABLYOMITANDINSUFFICIENTANDIHOPETHATEVERYTEACHERCANMAKEACOMMENTTHANKYOUKEYWORDWEBSITES,DATABASE,DREAMWEAVERMX第一章可行性分析11建网站的可行性分析在制作网站的时候要考虑以下几点1建网站的目的是什么做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。结合本次课题我做的是一个信息网站。用户可以在我的网站上浏览一些即时的新闻、丰富的财经资讯、缤纷的娱乐消息、时尚的女性话题。（2）要建的网站规模有多大由于个人能力的限制，我把网站的规模定位于一个小型的信息网站。（4）为什么别人要来访问你的网站考虑站点能够为浏览者提供些什么,要让人们在INTERNET这个信息的海洋中找到你，而且还要让人们离不开你。这就涉及到信息空间的营造。信息的不断更新和丰富是让浏览者对我的网站有信心的重要方法。这几个问题可以说是解决以后网站生存与发展问题的重要关键。111系统分析在开始动手实现网站之前，我们应该思考以下几个问题做这个网站是否有意义能否实现网站的主题是怎么我们通过一个系统分析的过程来回答这个问题。系统分析是贯穿网站建设始终的，在网站实现前，系统分析一般通过以下几种途径进行听取建议和意见，从类似的站点的建设中吸取经验以及和已建成的站蹼进行比较；网站建成后，则主要根据系统日志和访问者的反应来进行。具体分析如下1111对网站主题意义的分析网站主题的建立对于一个网站的建立至关重要。主题的选定对于以后的工作就确立了目标，使我们确定了以后网站需要实现哪些功能。也就是说要给自己的网站一个准确的定位，要做到主题鲜明突出、力求简洁，要点明确，以简单明确的语言和画面告诉大家。1112对网站内容的分析作网站题材的范围非常广，但是由于个人能力所限，不可能做非常大的题材，我选择做一个小型的信息网站。但我要求网站的内容要精，在选定的主题范围内要尽可能地搜集相关材料，把最新、最快、最好的内容奉献给用户。第二章需求分析21运行环境数据库通过ASP作为中间件，运行在WEBSERVER端，需要的环境WINDOWSNT4050WINDOWS2000IIS30或更高WINDOWS95/98、PWS40数据库的工作模式在服务器端建立系统DSN，指定连接数据类型，选定指定数据库，这样就可通过ASP来访问数据库。ASP标志着WEB技术的一个显著的发展,它是一个服务器端脚本环境,可以用来创建、运行交互式、高性能的WEBSERVER应用程序。当脚本运行在服务器端而不是客户端时，WEBSERVE处理所有的工作，包括生成HTML页并传送给客户端的浏览器。ASP的处理程序如图用户端的BROWSER请求一个服务器端的ASP文件时HTTPREQUEST，服务器调用ASP，ASP处理用户端所请求的ASP文件中的命令，然后将处理结果返回给客户。需要了解的几个术语1、WWW万维网（WWWWORLDWIDEWEB）已经成为INTERNET上增长最快的系统，通过一个简单的游览器，人们就可以查阅INTERNET上的文档，这些文档与它们之间的超链接一起构成了一个庞大的信息网。无论是新闻、图像、动画、声音、3D世界或是其他任何信息，都可以存放在全球任何地方的计算机上让全世界共享。2、URLSURLS是UNIFORMRESOURCELOCATOR的缩写，统称为统一资源定位器。可以把它想象成文件名的网络扩展。我们不但可以通过各种不同的方法指出在网络的上哪一台机器的目录下的文件。这个文件可以通过各种不同的方法得到。在URL中还用户浏览器HTTP请求HTML页面WEB服务器数据库查询结果显示数据库服务器指定了访问这一个文件的协议。在实际应用中，URL经常称为“网址”或URL地址。3、TCP/IP协议（TRANSMISSIONCONTROLPROTOCOL/INTERNETPROTOCOL传输控制协议/因特网协议）所谓协议，其实应该叫他网络协议，它是计算机与计算机之间，进行信息传输的语言，只有两台计算机具有相同的协议方能进行信息传输，常见协议有IPX协议、TCP/IP协议等。IPX现广泛应用于局域网中，大多数局域网游戏都使用IPX协议。TCP/IP协议可以说它是你接入因特网的必备条件，因为它是因特网上的通用协议。4、IP地址，连入INTERNET的每台计算机都会拥有自己的IP地址，IP地址的格式如下20310725510，它是由四位不超过255的正整数表示，每个正整数之间用“”分开。一般家庭上网用户的IP地址是由其所拨入的ISP（INTERNETSERVICEPROVIDERINTERNET服务提供者）自动分配的，而且不固定。5、FTP协议众所周知，随着INTERNET的飞速发展，我们也经常在报纸、杂志上看到FTP这个英文单词，那么，FTP究竟代表着什么呢原来，它是FILETRANSTERPROTOCOL的缩写，也就是文件传输协议。我们知道，在服务器中一般都有大量的共享软件和免费资源，要想从服务器中把文件传送到本地的计算机（术语称“客户机”）上或者把自己机器上的资源传送到服务器上，就必须在两台机器中进行文件传送，那么双方就必须要共同遵守一定的规则，FTP就是用来在客户机和服务器之间进行文件传输以实现文件共享的协议。FTP只是一种协议，必须要有相应的专用软件来执行它，一般称为FTP软件。通过FTP软件可连接到FTP服务器上，执行上载和下载文件的任务。常用的FTP软件有LEAPFTP、CUTEFTP、WS_FTP、FTPX等，这些软件的原理基本相同，只是用户界面和功能略有差异。22本次设计中的主选工具221涉及的设计语言在网站设计中要实现网页的动态效果，必须用到如ASP一类的设计技术。ASP动态服务器网页是一份包含了内置服务器端SCRIPT的文档。与ASP兼容的站点服务器都可以执行这些SCRIPT。就客户端方面，ASP就是一份标准的HTML文档，其可在任何操作平台上使用任何站点浏览器来查看。它主要是以下几种语言的结合1HTMLHTML语言是超文本标记语言（HYPERLINKTEXTMARKUPLANGUAGE）的缩写。它是一种描述文档结构的语言，而不能描述实际的表现形式。HTML语言使用描述性的标记符（称为标签）来指明文档的不同内容。标签是区分文本各个组成部分的分界符，用来把HTML文档划分成不同的逻辑部分（或结构），如段落、标题和表格等。标签描述了文档的结构，它向游览器提供该文档的格式化信息，以伟送文档的外观特征。可以使用记事本、写字板或FRONTPAGEEDITOR等编辑工具来编写HTML文件。HTML语言使用标志对的方法编写文件，既简单又方便，它通常使用来表示标志的开始和结束例如标志对，因此在HTML文档中这样的标志对都必须是成对使用的。HTML的基本标志2、JAVASCRIPTJAVASCRIPT语言的前身叫做LIVESCRIPT。自从SUN公司推出著名的JAVA语言之后，NETSCAPE公司引进了SUN公司有关JAVA的程序设计概念，将自己原有的LIVESCRIPT重新进行设计，并更名为JAVASCRIPT。之所以取名为JAVASCRIPT，原因就在于JAVASCRIPT作为一种嵌入HTML文档的、基于对像的脚本设计语言，其中很大一部分的语法同JAVA语言很相似，而且JAVASCRIPT的设计可以是它很容易的同JAVA语言一同工作，它可以充分支持JAVA的APPLET小应用程序，JAVA的APPLET小应用程序也可以很方便地访问已有的JAVASCRIPT代码。所以也可以把JAVASCRIPT看成是JAVA语言的某种简化版本。3、VBSCRIPTMICROSOFTVISUALBASICSCRIPTINGEDITION是程序开发语言VISUALBASIC家族的最新成员，它将灵活的SCRIPT应用于更广泛的领域，包括MICROSOFTINTERNETEXPLORER中的WEB客户机SCRIPT和MICROSOFTINTERNETINFORMATIONSERVER中的WEB服务器SCRIPT。如果您已了解VISUALBASIC或VISUALBASICFORAPPLICATIONS，就会很快熟悉VBSCRIPT。即使您没有学过VISUALBASIC，只要学会VBSCRIPT，就能够使用所有的VISUALBASIC语言进行程序设计。VBSCRIPT使用ACTIVEXSCRIPT与宿主应用程序对话。使用ACTIVEXSCRIPT，浏览器和其他宿主应用程序不再需要每个SCRIPT部件的特殊集成代码。ACTIVEXSCRIPT使宿主可以编译SCRIPT、获取和调用入口点及管理开发者可用的命名空间。通过ACTIVEXSCRIPT，语言厂商可以建立标准SCRIPT运行时语言。222设计语言的选用在目前的网页编辑软件中，最知名和最常用的两套热门软件应该是微软公司的FRONTPAGE以及MACROMEDIA公司的DREAMWEAVER。DREAMWEAVER具有“设计互动式网页”的功能。我们可以利用DREAMWEAVER的“图层”LAYER和“时间轴”TIMELINE功能，来让图片或文字随意地在网页中自由移动。移动的方式可以是绕着你所设定的路径PATH移动，也可以是左右或直线的移动。另外，DREAMWEAVER可以设计让文字或图片配合鼠标的点选有更多的变化。也就是说，当鼠标经过文字或图片，文字或图片会产生变化的动态效果。DREAMWEAVER还可以插入FLASH的SWF动画文件和FIREWORK设计的HTML文件，让网页更加活泼。虽然FRONTPAGE也可以插入FLASH文件，但操作方面比DREAMWEAVER麻烦。因为DREAMWEAVER、FLASH、FIREWORK都是MACROMEDIA公司的产品。现在的网站内容，大都会在每一个网页中提供“目录”主功能链接。而这些目录式的项目通常在在未来会有所改变，但是网页可能也有数百个或甚至数千个，难道每个网页都要做一一修改吗这显然是不可能的。于是DREAMWEAVER提供“模板”功能模板后缀名为DWT，我们只要设计一份模板或二、三份模板份数当然可以根据你的需要产生，然后将网页“套用”这些模板，之后只要修改相关的模板可能只改变一个，那么所有套用模板的网页，就可以“一次全部”跟着修改。这项功能对于设计大型网站或多网页的网站有“容易修改和维护”的作用。而FRONTPAGE，虽然它有提供“主题”THEME，也能够让多网页套用到某些“主题”的样式，但是FRONTPAGE的这项功能弹性比较差。也就是说，在许多地方无法按照个人的想法来设计，只能使用FRONTPAGE的几种固定样式。综上所述，鉴于DREAMWEAVER的这些优点和长处在网站设计的工具上我选用了DREAMWEAVERMX来进行网站设计。在创建数据库的工具上MICROSOFTACCESS2000容易得到所需信息，并提供强大工具，可以帮助组织和共享数据库，快速找到可靠答案，通过INTRANET共享信息，建立更快更有效的解决方案。使WEB协作成为可能，用ACCESS2000中的新工具提高生产力。将数据来源与交互式WEB页面无缝集成，使创建和共享MICROSOFTACCESS数据库比以前更容易。使用WEB技术快速获取信息，并把它按特殊用途裁剪。加入OFFICE2000WEB组件以便在WEB浏览器中视觉化分析数据。很容易把字段列表的内容拖动，加入到DATAACCESSPAGE中。表格字段直接连结到数据库，所以信息总是最新的。再加上MICROSOTACCESS小巧灵活且功能完善，我选择了来它来开发数据库。23本课题所要实现的功能231网站功能描述2311信息专题A系统简介该网站的信息管理系统的实现通过创建一个ACCESS数据库建立相关对应表格再通过ASP程序后台调用便可实现信息与数据库的连接。通过在数据库中添加、删除、更改记录来实现信息的管理。B功能介绍在网站设计的我设置了新闻,财经,娱乐,女性几大信息浏览专题。新闻专题中用户可以浏览到相关新闻内容。财经专题中用户可以浏览到一些相关的财经资讯。娱乐专题中用户可以浏览到最新的娱乐动态消息。女性专题中用户可以浏览到当今时尚话题。2312留言板A系统简介留言板同论坛一样是网络中为庞大的用户提供自由发表言论、意见、发布信息的地方。但是发言所针对的主要对象有所不同，同时用户所能拥有的功能也更少。B留言板的设计要求用户可自由地在留言板中留言，而不需要进行如论坛般的注册登录。在留言中必须保存用户的个人信息，以便阅览时读者参考。管理员可对留言信息进行自由的管理，包括删除和回复。用户在留言板中没有回复的功能，同时也不能对留言板中的内容进行任何操作。具有清晰的查看界面，使用户和管理员能容易地阅读到留言的信息。第三章总体设计31网站的设计与规划不论是要做什么样的网站，要想把网页搞得丰富多彩，吸引大量用户前来访问，网站规划设计是至关重要的。311网站的总体规划创建新网站最佳方法是先建立原型系统，再进行详细设计，最后正式实施。原型系统最主要的目标是学习、尝试采用不同的方法修改目标、更新形象。原型系统开发过程中要解决网站建设的一些基本问题，例如网站的结构；新添文件与原有系统保持一致的措施；信息的组织与管理；存储信息的物理方法（采用数据库还是文件系统）；网站内容的开发影响网站成功的因素主要有网站结构的合理性、直观性，多媒体信息的实效性和开销等。成功网站的最大秘诀在于让用户感到网站对他们非常有用。因此，网站内容开发对于网站建设至关重要。进行网站内容开发的要点包括HTML文档的效果由其自身的质量和浏览器解释HTML的方法决定。由不同浏览器的解释方法不尽相同，所以在网页设计时要充分考虑到这一点，让所有的浏览器都能够正常浏览。网站信息的组织没有任何简单快捷的方法，吸引用户的关键在于总体结构的层次分明。应该尽量避免形成复杂的网状结构。网状结构不仅不利于用户查找感兴趣的内容，而且在信息不断增多后还会使维护工作非常困难。图像、声音和视频信息能够比普通文本提供更丰富和更直接的信息，产生更大的吸引力，但文本字符可提供较快的浏览速度。因此，图像和多媒体信息的使用要适中，减少文件数量和大小是必要的。对任何网站，每一个网页或主页都是非常重要的，因为它们能够给用户带去第一印象，好的第一印象能够吸引用户再次光临这个网站。网站内容应是动态的，随时进行修改和更新，以使自己的网站紧跟市场潮流。在主页上注明更新日期及URL对于经常访问的用户非常有用。网页的文本内容应简明、通俗易懂。所有内容都要针对设计目标而写，不要节外生枝。文字要正确，不能有语法错误和错别字。网站画面风格的设计简洁明快、独具特色、保持统一的网站风格能让用户产生深刻印象，不断前来访问。优秀的网页画面少不了漂亮的图像，但更主要的是布局效果。网页布局采用的主要技术是HTML的表格（TABLE）和窗框（FRAME）功能。312网站的设计原则设计时一般应遵守以下三条原则最大限度地满足用户要求；最有效地进行资源利用；使用方便，界面连续313网站的设计内容本次毕业设计我是第一次接触ASP编程，因此不敢奢望能够做出优秀的成果，更不敢奢望所设计的内容能够引人入圣。根据所拥有的资料，把要放入网页中的内容分为几大板块，以利于规划网页的组织结构。由前面的讨论，决定这次设计的网页主要包含六个部分“首页”、“新闻”，“财经”、“娱乐”“女性”“留言板”314网站结构的设计在前面内容分块的基础上，网页按树状结构安排如下页图所示新闻财经娱乐女性留言板网站首页新闻标题显示页新闻内容显示页财经标题显示页财经内容显示页娱乐标题显示页娱乐内容显示页女性标题显示页女性内容显示页315网站导航的设计网页上的超链接能帮助访问者迅速地得到想获得的信息，但也很容易使他在超级链接的海洋中迷失了方向，不知道自己的位置。因此，导航栏对一个层次的结构复杂的网页来说是很重要的。我使用的是横向的导航栏布局。使访问者点击后可以清晰的看到自己所在的网页位置。316网站布局的设计网页设计作为一种视觉语言，当然要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。在本次设计中，利用DREAMWEAVER的表格工具，可方便地对网页进行编排和布局及进行代码编辑。版式设计主要通过文字图形的空间组合，表达出和谐与美。因而在设计中，我努力做到整体布局合理化，有序化，整体化。力求使网页具有较好的视觉感受，做到丰富多样而又简洁明了。在多页面部件的设计过程中，为表现页面之间的有机联系，即页面之间和页面内的秩序与内容的关系，主要通过设计有向前和向后的按钮，以便于浏览者仔细研读，达到最佳的视觉表现效果，和整体布局的合理性。317网站部件的总体设计3171首页的设计首页是网站给登录者的第一映象，其重要性不言而喻。除了漂亮，最好在第一页就对这个网站的性质与内容做个扼要说明，让人一目了然。其主要的设计原则为注意网页页面颜色的搭配，尽量给浏览者提供一个清新醒目的网页。首页上的内容，能够概括出整个网站的主要内容，让浏览者知道，网站中主要能提供什么给浏览者。内容具有较好的分类功能。无论哪一种分类方法，都要让浏览者可以很容易找到目标，此外，在每个分类选项的旁边或下一行，加上这个选项内容的简要说明。根据以上原则我将首页的最上方设置了网站的导航栏，增加各功能模块的链接，使之有链接各模块信息的功能，使网站具有一个清晰的目录结构，同时美化页面，使网站具有一个比较吸引人的页面。并在网页中部对每个专题做了个内容介绍，能使读者了解每个专题内容。还在导航栏旁用JAVASCRIPT增加了时间显示及网页浏览计数器。如下图3172各信息专题的设计新闻专题介绍新闻专题主要为网民提供当前或最近的新闻信息，为减少网站中的页面，我建立一个数据库存放大量的新闻信息，再通过ASP调用数据库中的内容动态地生成符合条件的页面。财经专题介绍财经专题主要为网民提供一些财经方面的咨讯，为了减少网页中的页面，我建立了CAIJIN数据库存放大量的财经信息，再通过ASP调用数据库中的内容动态地生成符合条件的页面。娱乐专题介绍娱乐专题主要为网民提供当今娱乐圈发生的最新消息，同样为了减少网页中的页面，我建立了YULE数据库存放信息，再通过ASP后台调用数据库中的内容动态地生成符合条件的页面。女性专题介绍女性专题主要为网民提供当今女性时尚话题，同样地为了减少网页中的页面，我也建立了WOMAN数据库，再通过ASP后台调用数据库中的内容动态地生成符合条件的页面。3173留言板的设计留言板简介留言板是提供自由发表言论、意见、发布信息的地方。但是发言所针对的主要对象有所不同，同时用户所能拥有的功能也更少。管理员可从留言簿中可以知道，网上读者对网页的意见，或对管理员的要求。留言板的流程图更新留言更新留言管理留言页留言显示页发布留言添加留言页管理员登录登录第四章详细设计根据以上三章的说明分析，在充分了解用户需求和基本完成网站构架的基础上，开始进行具体网站部件的详细设计41具体网站部件的设计411新闻专题的设计4111新闻专题的构思新闻专题主要为网民提供当前或最近的新闻信息，为减少网站中的页面，可以建立一数据库存放大量的新闻信息，再通过ASP调用数据库中的内容动态地生成符合条件的页面。4112新闻专题网页的组成新闻专题可分为新闻标题显示和新闻内容显示两部分，两部分的页面组成如下所示新闻系统的数据库建立了相应的NEWS表是新闻记录表表的结构和说明如下类别NEWS表主页INDEXHTM新闻标题显示页NEWASP新闻内容显示页FAMOUASP数据库接口CONNASP412财经专题的设计4121财经专题的构思财经专题主要为网民提供当前或最近的财经咨讯，为减少网站中的页面，可以建立一数据库存放大量的信息，再通过ASP调用数据库中的内容动态地生成符合条件的页面。4122财经专题网页的组成财经专题可分为财经专题标题显示和内容显示两部分，两部分的页面组成如下所示数据库建立了相应的CAIJIN表是财经记录表表的结构和说明如下类别CAIJIN表字段名称数据类型长度说明项目ID长整型全局唯一标识，自动编号，主键,类别号标题文本50新闻类别名称内容备注型10000新闻显示内容PIC文本200图片显示内容主页INDEXHTM财经标题显示页CAIJINASP财经内容显示页CAIJINNEWSASP数据库接口CONNASP字段名称数据类型长度说明项目ID长整型全局唯一标识，自动编号，主键,类别号标题文本50财经信息标题内容备注型10000财经内容显示PIC文本200图片显示内容413娱乐专题的设计4131娱乐专题的构思娱乐专题主要为网民提供当前或最新的娱乐咨讯，为减少网站中的页面，可以建立一数据库存放大量的信息，再通过ASP调用数据库中的内容动态地生成符合条件的页面。4132娱乐专题网页的组成娱乐专题可分为娱乐专题标题显示和内容显示两部分，两部分的页面组成如下所示数据库建立了相应的YULE表是娱乐记录表表的结构和说明如下类别YULE表字段名称数据类长度说明主页INDEXHTM娱乐标题显示页YULEASP娱乐内容显示页YULENEWSASP数据库接口CONNASP型项目ID长整型全局唯一标识，自动编号，主键,类别号标题文本50娱乐信息标题内容备注型10000娱乐内容显示PIC文本200图片显示内容414女性专题的设计4141女性专题的构思女性专题主要为网民介绍当今女性最流行的各种时尚话题，为减少网站中的页面，可以建立一数据库存放大量的信息，再通过ASP调用数据库中的内容动态地生成符合条件的页面。4142女性专题网页的组成女性专题可分为女性专题标题显示和内容显示两部分，两部分的页面组成如下所示数据库建立了相应的WOMAN表是娱乐记录表表的结构和说明如下类别WOMAN表字段名称数据类型长度说明项目ID长整型全局唯一标识，自动编号，主键,类别号标题文本50女性信息标题主页INDEXHTM娱乐标题显示页WOMANASP娱乐内容显示页WOMANNEWSASP数据库接口CONNASP内容备注型10000女性内容显示PIC文本200图片显示内容415留言板的设计留言板的页面设计如下图管理员登录页面如下图管理员回复页面如下图4151留言板的构思留言板同论坛一样是网络中为庞大的用户提供自由发表言论、意见、发布信息的地方。但是发言所针对的主要对象有所不同，同时用户所能拥有的功能也更少。4152留言板的流程图4153留言的页面结构更新留言更新留言管理留言页留言显示页发布留言添加留言页管理员登录登录删除留言页DELTXTASP更新删除更新留言更新留言发布留言回复留言成功登录留言显示页DEFAULTASP管理员登录ADMINASP管理留言页DEFAULTASP管理员回复页REPLYASP添加留言页SAVEREASP添加留言页ADDASP4154留言板的数据库留言板的数据库包括两个表ADMIN管理员信息表、BOOK留言信息表1）管理员信息表ADMIN字段名称数据类型长度说明ID自动编号长整型全局唯一标识，自动编号，主键,记录号USERNAME文本50管理员姓名PASSWORD文本50管理员所设的密码FLAG数字长整型管理员标识说明管理员员信息表存放管理员信息，包括管理员姓名、管理员密码、管理员标识等。2）留言信息表BOOK字段名称数据类型长度说明ID自动编号长整型全局唯一标识，自动编号，主键。NAME文本型50用户姓名EMAIL文本型50用户EMAILHOMEPAGE文本型50用户个人主页信息QQ文本型50用户的OICQADDTIME日期时间用户留言时间HITS数字型长整型管理员删除记录T_EMOT文本型50图片路径CONTENT备注型留言内容REPLY备注型回复内容说明留言信息表不仅包括留言者信息及其留言者内容，而且还包括管理员的回复内容。主要的字段有用户姓名、用户EMAIL、主页、OICQ、用户时间、留言标题、留言内容、用户留言、回复内容第五章编码51网站界面的描述WEB站点应针对所服务对象（机构或人）的不同而具有不同的形式。在主题上，我将按照课题的要求，以简单明确的语言和画面体现站点的主题。在版式上，我将力求讲究编排和布局，通过文字图形的空间组合，表达出和谐与美。在色彩的运用上，将根据和谐、均衡和重点突出的原则，将不同的色彩进行组合搭配来构成清晰的页面，使浏览者有一个流畅的视觉体验。根据以上原则进行网站的编码，这次网站设计程序设计软件主要用到了ASP、JAVASCRIPT、VBSCRIPT等编程语言。52网站设计主要编码的实现521配置MICROSOFTACCESS数据库的文件DSN配置MICROSOFTACCESS数据库文件DSN首先需要设置ODBC，通过ODBC，我们可以选择希望创建的DSN的类型系统。系统DSN允许所有的用户登录到特定的服务器上去访问数据库。具体步骤1首先在WINDOWS的“开始”菜单打开“控制面板”，双击“ODBC”图标，然后选择“文件DSN”属性页，单击“添加”，选择数据库驱动程序，然后单击“下一步”。按照后面的指示配置适用于您的数据库软件的DSN。2配置MICROSOFTACCESS数据库的文件DSN在“创建新数据源”对话框中，从列表框选择“MICROSOFTACCESSDRIVER”，然后单击“下一步”。键入您的DSN文件名（在本示例中使用TEST），然后单击“下一步”。单击“完成”创建数据源。在“ODBCMICROSOFTACCESS2000安装程序”对话框中，单击“选择”。选择MICROSOFTACCESS数据库文件MDB，然后单击“确定”。就完成了对数据库的系统的DSN的配置工作。522建立数据库的连接编码实现连接数据库NEWS数据库调用编码的实现“调用财经专题、娱乐专题、女性专题数据库表原理类似于调用NEWS新闻专题数据库。就不再一一列举。时间显示JAVASCRIPT语言的编码实现TODAYNEWDATEVARHOURSTODAYGETHOURSVARMINUTESTODAYGETMINUTESVARSECONDSTODAYGETSECONDSVARTIMEVALUE“HOURS12HOURS12HOURSTIMEVALUEMINUTES0“MINUTES“TIMEVALUEHOURS12“PM“AM“FUNCTIONINITARRAYTHISLENGTHINITARRAYARGUMENTSLENGTHFORVARI0I星期日“,“星期一“,“星期二“,“星期三“,“星期四“,“星期五“,“星期六“DOCUMENTWRITE“,TODAYGETYEAR,“年“,“,TODAYGETMONTH1,“月“,“,TODAYGETDATE,“日“,DTODAYGETDAY1,“,TIMEVALUE/网站计数器JAVASCRIPT语言编码的实现VARCAUTIONFALSEFUNCTIONSETCOOKIENAME,VALUE,EXPIRES,PATH,DOMAIN,SECUREVARCURCOOKIENAME“ESCAPEVALUEEXPIRES“EXPIRES“EXPIRESTOGMTSTRING“PATH“PATH“PATH“DOMAIN“DOMAIN“DOMAIN“SECURE“SECURE“IFCAUTION|NAME“ESCAPEVALUELENGTH0DATESETTIMEDATEGETTIMESKEWVARNOWNEWDATEFIXDATENOWNOWSETTIMENOWGETTIME3652460601000VARVISITSGETCOOKIE“COUNTER“IFVISITSVISITS1ELSEVISITSPARSEINTVISITS1SETCOOKIE“COUNTER“,VISITS,NOWDOCUMENTWRITE“欢迎您第“VISITS“次来到本站点“/第六章测试及维护61引言611测试目的测试是“为了发现程序中的错误而执行程序的过程”。正确认识测试的目的是十分重要的，测试目标决定了测试方案的设计。所以无论怎样强调软件测试的重要性和它对软件可靠性的影响都不过分。在开发网站的过程中，在设计的每个阶段都不可避免地回产生差错。测试的目的就是在网站实际运用之前尽可能地发现其中的错误。目前软件测试是保证软件质量的关键步骤。612测试内容网站发布前要进行细致周密的测试，以保证正常浏览和使用。主要测试内容A服务器稳定性、安全性。B程序及数据库测试。C网页兼容性测试，如浏览器、显示器。D根据需要的其他测试。62测试中应注意的问题在测试过程中要注意以下问题A尽量多使用几种WEB浏览器测试网页，例如INTERNETEXPLORER和NETSCAPEB尽量不要使用最新的浏览器进行网页测试，最好使用大众比较常用的浏览器。C尽量在多种操作系统中测试网页。63测试项目根据网页设计的要求，测试内容包括以下几方面631链接测试在此测试中主要看每个链接项目是否能够正确显示对应的页面。632脚本和程序测试脚本的错误主要集中在ASP语句的语法错误上，主要是在设计中的逻辑错误和不小心时的笔误产生的，经过反复的调试，基本上可保证网页的运行。64主要测试实现641各专题的测试各专题的测试主要是A网页中的信息是否能正确显示。再看点击信息标题后信息内容显示页面能否正确显示数据库中编辑的信息内容。B主要是在ACCESS数据库中，看在每个专题对应的表格否能正确通过加记录的方式添加信息、是否能修改信息、是否能添加删除信息。642留言板的测试主要看在系统中是否能正确分页显示记录、是否能添加留言、管理员是否能登录管理页正确回复留言、删除留言实现的。第七章参考资料本次设计主要参考如下资料1、於志渊主编动态WEB网页技术大全，清华大学出版社出版2、武延军赵彬编著，精通ASP网络编程，人民邮电出版社3、孔长征、刘喜元等编著网站设计基础与实例教程，北京希望电子出版社。4、李永前编著精彩网站由我建，人民邮电出版社出版5、文信达顾佳延编著网页数据库设计和发布，清华大学出版社出版6、谭浩强主编怎样制作WEB页面，清华大学出版社出版致谢这次设计是我对大学四年所学知识的总结。在设计过程中使我对网站设计的知识由只是片面的了解和客观的认识到掌握并建立自己的网站，这与指导老师余时瑞的指导是分不开的，在此对余老师表示感谢由于这是我第一次接触到网站制作方面的知识，难免会有不足和纰漏，在此由衷的感谢各位评审老师的审阅，并希望各位评审老师给予指正。附录一原文ACCESS数据库轻松操作作为MICROSOFTOFFIC97五大主件之一的MICROSOFTACCESS，一出世好象就受到了“偏见”和“虐待”，它的名声远没有WORD、EXCEL那么大。然而ACCESS在MIS管理系统中散发的迷人芳香却是无法抗拒的，你想了解它吗好，那就让我们走近她、揭开她美丽伊人的面纱吧MICROSOFTACCESS97数据库面面观那么MICROSOFTACCESS数据库到底是什么呢简单地说它就是一些关于某个特定主题或目的的信息集合。使用MICROSOFTACCESS，可以在单一的数据库文件中管理所有的信息。在这个文件中，用户可以将自己的数据分别保存在各自独立的存储空间中，这些空间称作表；可以使用联机窗体来查看、添加及更新表中的数据；使用查询来查找并检索所要的数据；也可以使用报表以特定的版面布置来分析及打印数据。如果要保存数据，请为每一种类型的信息创建一个表。如果要从查询、窗体或报表中的多个表中将数据合并在一起，就要定义各个表之间的关系。如果要搜索并检索符合指定条件的数据，包括来自多个表中的数据，就要创建查询。查询的同时也可以更新或删除多条记录，并对数据执行内嵌或自定义的计算。如果要简单地直接在某个表中查看、输入及更改数据，请创建一个窗体。在打开一个窗体时，MICROSOFTACCESS将从一个或多个表中检索数据，并使用用户在“窗体向导”选择的版面布局或所创建的版面布局，将窗体显示在屏幕上如果要分析数据或将数据以特定的方式打印出来，请创建一个报表。例如，可以打印一份将数据分组并计算数据总和的报表，也可以打印另一份带有各种数据格式的打印邮件标签的报表。轻轻松松创建MIS管理系统你家中的CD、VCD一定很多吧是不是常遇到为找一张CD把一抽屉的碟子翻得乱七八糟的情况，你一定没少受埋怨你不想整理它们一下如影片是国产的、还是国外的，是言情的、还是枪战的，这个明星主演了那些名片，这些影片又是哪个导演导的，等等如果你愿意，就让我们一起利用MICROSOFTACCESS建立一个家庭CD、VCD管理的MIS系统。1准备工作确定数据库需要的表和字段由于我们要创建的MIS系统是一个小管理系统，因此，不必要建立几个表，只需一个表就行了。该表的字段有编号、影片名称、领衔主演、导演、发行公司、影片类型、是否获奖。其中“编号”为主关键字，该关键字唯一确定每个记录的字段或字段集。2向前走创建数据库（1）使用“数据库向导”创建数据库在启动MICROSOFTACCESS时，将自动显示对话框，上面有新建数据库或打开已有数据库的选项。单击“数据库向导”，然后单击“确定”按钮。在新建空数据库对话框中单击“确定”，然后指定数据库的名称和位置，单击“创建”按钮启动新建的数据库。接着新建表，然后填入相应的字段名称和数据类型，并设置字段大小、索引等项目，其它不填或取默认值。其中字段的最大设置值是255字节，数据类型有文本、备注、数值、日期/时间、货币、自动编号、OLE对象等，你可以根据不同的要求选择。（2）不使用向导创建数据库在启动MICROSOFTACCESS时，将自动显示对话框，上面有新建数据库或打开已有数据库的选项，请单击“空数据库”，然后单击“确定”。如果已经打开了数据库或当ACCESS打开时显示的对话框已经关闭，请单击工具栏上的“新建数据库”按钮，然后双击“常用”选项卡上的空数据库图标。指定数据库的名称及位置，并单击“创建”按钮。3别回头数据库基本操作数据库的结构创建好了，接下来我们需要做的就是对数据库进行一系列的基本操作。增加记录在“数据表”视图或“窗体”视图中打开相应的窗体，单击工具栏上的“新记录“按钮，键入所需数据，然后按TAB键转至下一个字段，在记录末尾，按TAB键转至下一个记录。编辑记录如果要编辑字段中的数据，单击要编辑的字段，如果要替换整个字段的值，指向字段的最左边，在鼠标变为加号时，单击该字段，键入要插入的文本。注意如果键入有错，可按BACKSPACE键；如果要取消对当前字段的更改，按ESC键；如果要取消对整个记录的更改，在移出该字段之前再次按ESC键，当从一个记录移动到其它记录时，ACCESS将保存对该记录的修改。复制或移动数据在其它应用程序，如EXCEL、WORD中，选择要复制或移动的一至多行。如果是从WORD中复制数据，应确保记录在选择之前已经在表中排列好或已经使用制表符分隔开，如果粘贴数据到数据表中，应确保数据表中的列与要复制或移动的数据的顺序一致，如果粘贴数据到窗体上，而窗体上相应的控件名称与复制数据的列名相同，ACCESS将粘贴数据到名称相同的控件上。在ACCESS中，打开要向其中粘贴记录的数据表或窗体，如果要替换现有记录，选择要替换的记录，然后单击工具栏上的“粘贴追加”或“粘贴”按钮；如果窗体中的记录选定器不可用，要选择当前记录，可单击“编辑”菜单中的“选择记录”命令。删除记录单击要删除的记录，单击工具栏上的“删除记录”按钮。英文翻译ACCESSDATABASEOPERATESEASILYASMICROSOFTACCESS,ONEOFMICROSOFTOFFIC97FIVEMAJORMAINPARTS,AND“MALTREATED“BY“PREJUDICE“ONCEBORNINGSEEMING,ITSREPUTATIONISNOTASBIGASWORD,EXCELBUTITISIRRESISTIBLETHATITISPLEASANTANDFRAGRANTTHATACCESSDISTRIBUTESINMISADMINISTRATIVESYSTEM,DOYOUWANTTOUNDERSTANDITOK,THENLETUSWALKCLOSETOHER,OPENHERBEAUTIFULHERVEILMICROSOFTACCESS97DATABASEVIEWSWHATISMICROSOFTACCESSDATABASEONEARTHTOBESIMPLEITISSOMEABOUTACERTAINSPECIFICTHEMEORTHEINFORMATIONSETOFTHEPURPOSEUSEMICROSOFTACCESS,CANMANAGEALLINFORMATIONINTHESINGLEDATABASEFILEINTHISFILE,USERSCANKEEPONESOWNDATAINEACHINDEPENDENTMEMORYSPACERESPECTIVELY,THESPACEISCALLEDTHEFORMCANUSEWINDOWBODYCOMINGTOCHECK,ADDANDTHEDATAINTHEUPDATINGFORMONLINLYUSEANDINQUIREABOUTANDLOOKFORANDSEARCHTHEDATATAKENCANUSETHEREPORTFORMTOANALYSEANDTYPETHEDATABYFIXINGUPINSPECIFICLAYOUTTOOIFKEEPTHEDATA,PLEASEESTABLISHAFORMFORTHEINFORMATIONOFEVERYKINDIFAMALGAMATETHEDATATOGETHERFROMALOTOFFORMSININQUIRY,WINDOWBODYORREPORTFORM,WILLDEFINETHERELATIONBETWEENEACHFORMSOONIFSEARCHFORANDSEARCHTHEDATAQUALIFIEDTOAPPOINT,INCLUDINGCOMEFROMTHEDATAINALOTOFFORMS,WILLESTABLISHANDINQUIREABOUTSOONCANUPGRADEORDELETEMANYPIECESOFRECORDTOOWHILEINQUIRINGABOUT,ANDTODATAINLAYINGORSELFDEFININGCALCULATION