本科获奖毕业论文-电子设计网站设计

毕业设计〔论文〕题目：电子设计网站设计系别：电子信息科学系专业：电子信息科学与技术(电子信息工程)班级：学生姓名：学号：指导教师：

学位论文原创性声明本人郑重声明：所呈交的论文是本人在导师的指导下独立进行研究所取得的研究成果。除了文中特别加以标注引用的内容外，本论文不包含任何其他个人或集体已经发表或撰写的成果作品。本人完全意识到本声明的法律后果由本人承当。作者签名：2005年6月12日学位论文版权使用授权书本学位论文作者完全了解学校有关保障、使用学位论文的规定，同意学校保存并向有关学位论文管理部门或机构送交论文的复印件和电子版，允许论文被查阅和借阅。本人授权省级优秀学士学位论文评选机构将本学位论文的全部或局部内容编入有关数据库进行检索，可以采用影印、缩印或扫描等复制手段保存和汇编本学位论文。本学位论文属于保密□，在_________年解密后适用本授权书。不保密√。〔请在以上相应方框内打“√〞〕作者签名：2005年6月12导师签名：2005年6月13摘要电子设计网站承载宣传电子设计大赛、发布我院关于大赛的最新资讯以及提供电子设计所需的技术资料等功用。面向所有的参赛选手及电子设计爱好者，提供电子设计竞赛的概况〔包括全国大学生电子设计大赛和本校电子设计大赛〕、技术文章、硬件、软件信息及电子设计的实例和电子竞赛历年的试题等。旨在建立一个电子设计在线资料库，实现资源的有效利用。同时本站还提供一些高校实验室和电子杂志网站的链接，使访客能自由驰骋于电子设计知识的海洋里。由于信息量较大，为方便浏览者，本站还备有站内资源搜索，供浏览者便捷的找到所需信息。最后，本站还开辟在线留言专栏用以实现互动。本网站基于MSAccess数据库和ASP技术的结合，采用HTML和JavaScript脚本语言在DreamweaverMX2004中进行网站制作。关键词：超文本标记语言；Javascript语言；DreamweaverMX2004；页面设计；动态效劳器主页；网站建设AbstractThewebsiteforelectronicdesignbeartheweightofpropagatingtheelectronicdesigncompetition,issuethelatestinformationaboutthematchofouracademy,andoffernecessarytechnicaldata,etc..Itprovidesgeneralsituationofelectronsdesigncontest(includethenationaluniversitystudent'selectronicdesigncompetitionandourschoolelectronicdesigncompetition),theexaminationquestionsoftheinstancethattechnicalarticle,hardware,softwareinformationandelectronaredesignedandelectroniccontestovertheyears,etc..Aimatsettingupanelectroniconlinedesigndatabase;realizetheeffectiveuseofresources.Chainingofofferingsomeuniversitieslaboratoriesinthiswebsiteatthesametimeandelectronicmagazinewebsites,enablevisitortoplayanoutstandingroleintheoceanofelectronicdesignknowledgefreely.Becausetheamountofinformationisrelativelylarge,inordertofacilitateviewers,ourwebsitealsohasresourcesearchinside,supportviewer'sconvenientfindingnecessaryinformation.Finally,ourwebsitestillopensuptheonlinemessagespecialcolumninordertorealizebeinginterdynamic.CombinationbasedonMSAccessdatabaseandASPtechnologyofthiswebsite,adoptHTMLandJavaScriptlanguageandcarryonwebsitemakinginDreamweaverMX2004.Keywords:HTML(HyperTextMarkupLanguage),JavaScript,DreamweaverMX2004,PageDesign,ASP(ActiveServerPages),WebDesign目录第1章概述 11.1网站建设的开展现状 11.2本课题的来源及现实意义 1第2章网站建设规划 32.1准备工作 32.2网站规划 62.2.1网站的定位 62.2.2网站的CI形象 72.2.3网站结构 8第3章开发工具和语言 93.1开发工具 93.2开发语言 10第4章关键技术 124.1ASP概述 124.2ASP内置对象概述 134.3使用ASP内置对象 154.4配置ASP运行环境 21第5章网站的设计 265.1站点的创立 265.2数据库的创立 285.3网页的设计 315.3.1首页的设计 315.3.2子页的实现 385.3.3站点管理系统的创立 455.3.4页面的美化 475.3.5局部特效的实现 49第6章网站的运行 516.1建立数据库连接 516.2设置文件夹的权限 53第7章网站的上传和维护 55毕业设计总结 56致谢 57参考文献 58附录 59附一〔网站界面抓图〕 59附二〔css代码〕 63第1章概述1.1网站建设的开展现状计算机科学的开展促使网络应运而生。网络刚刚开展起来的时候，由于信息量比拟少以及技术上的原因，大局部网站都是采用静态的方式来发布和管理信息的。但是随着电脑和网络的越来越普及，网站也越来越多，使用网络资源的人也越来越多，网站需要更新的信息量也越来越大。如果使用静态页面，那么维护工作将会非常烦琐，管理员每天需要制作大量的网页，从而会浪费很多时间和精力。经历了IT的寒冬后，互联网开展进入了一个全新的阶段。据不完全统计，目前Internet上已有上百万个Web站点，其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域。如此之多的网站的涌现使得竞争异常剧烈。要想在Internet上立足，就不得不考虑如何建设一个信息更新准确快捷、网上运行流畅高速、界面美观引人入胜的高水平网站。因为实时性、互交性已成为当下主流网站的衡量标准。基于ASP技术和数据库技术的支持，这种集实时性、互交性于一体的网站正在大规模的取代纯HTML生成的静态网站，成为互联网上的新主力军。这种动态网页的网络技术带来的好处，不仅得到了网络用户的认可，也给管理员带来了便利，使用这种技术网站维护者的工作量将大为减少，因为再也不用手工更新一个个页面了。管理员所要做的只是设置标题、内容和图片就可以了，系统将自动生成对应的网页，而且技术上出现问题的时机也会大大减少。目前越来越多的机构选择这种技术进行网站的建设和维护。还有很多大型网站采用ASP.NET技术。和ASP.NET相比，现阶段的ASP属于成熟的技术，故成为目前网站应用中的核心技术。1.2本课题的来源及现实意义随着社会的开展和科技的不断进步，电子设计广泛应用于各个领域，在工业生产和日常生活中常扮演着极其重要的作用。当下，为鼓励这种新型产业的更好开展，国家采用了不少政策，也采取了不少措施。其中，由教育部高等教育司及信息产业部人事司筹划组织的面向大学生的电子设计大赛就是这一政策的具体实施表达。电子设计竞赛开展到今日已进入成熟阶段，其规模也越来越大。各高校对其非常重视，每年都会组织在校学生参与竞赛。我院也不例外。由我系承办的电子设计大赛已进入第二个年头，在老师和同学的共同努力下取得了丰硕的成果。但鉴于宣传力度不够和资源的有限性，阻碍了其更大的开展空间。对很多人来说，缺少便捷的途径了解竞赛及电子设计方面的知识使得他们和竞赛失之交臂。对参赛者来说，对竞赛概况的不了解和缺少可利用的资源无疑会给他们带来很大的负面影响。通过互联网搜索发现，目前Internet上为电子设计竞赛提供全方位的知识和效劳的专业或是权威的网站还很少。这个专题网站的建设将弥补这一缺憾。为竞赛选手带来便利的同时，也给电子设计的爱好者提供一个学习和交流的天地。

第2章网站建设规划2.1准备工作2.1.1采集素材网站建设需要的素材包括文字、图片、影像、声音等。搜集、加工大量的素材并合理的利用，可以使你的页面到达意想不到的效果。不仅丰富网页的内容，而且也起到美化页面的作用。可使你的网站能够在众多的网站里脱颖而出。本网站意欲建成一个电子设计方面知识的资料库，故在制作过程中需要用到大量的文字和图片。所以要搜集大量的关于电子设计方面的文章来满足网站制作的需要。现列出需要准备的素材；〔1〕图片从网上搜集常用的图片，如表情图标、文件夹图标等来提高视觉效果用photoshop和fireworks绘制logo和图片表达网站的特色搜集电路图图片及照片〔2〕文字搜集文献包括：电子设计大赛动态文章〔全国电子设计大赛和本校电子设计大赛〕关于EDA、单片机、DSP、数字电子、模拟电子、无线电等方面的技术文章相关的硬件和软件资讯电子设计大赛历年试题及相关的设计实例局部高校网上实验室、局部电子杂志优秀网站的搜集和归类2.1.2网页设计根本原那么一个好的网站在进行实际的HomePage建置之前，首先应该考虑什么条件呢?它们包括有∶牢记使用者优先的观念考虑大多数人的网络状况考虑使用者的浏览器内容第一以上四点是在筹划网站之前必须要认真考虑的因素。在网页的制作过程中必须要严格遵守的原那么。除此之外，再来看看在着手HomePage的实际建置过程中，所应该掌握的几个重点原那么：着手规划、确定特色、锁定目标首页很重要内容要详细分类互动性有技巧的运用图片当然，还有三点最根本的也是网页制作最低准那么：形式与内容的协调统一前后风格的统一清楚方便的超链接这是网页设计制作者必须恪守的最根本的准那么，适用于任何一个网页制作者和网站。2.1.3网页设计常见问题下载慢,需要花费大量的时间才能翻开该网站。意图不明确，虽然整个网页可能很花哨，但是不知道网页制作者要表达什么。布局混乱，在浏览时很费力。导航工具含义不清，从网页所提供的导航工具上无法猜测它所链接的内容。站点孤立，没有快捷方便的到其他站点的链接。缺乏有用信息。2.1.4网页设计考前须知由于不同的搜索引擎在网页支持方面存在差异，因此在设计网页时不要只注意外观漂亮，许多平常设计网页时常用到的元素到了搜索引擎那里会产生问题。框架结构〔FrameSets〕有些搜索引擎〔如FAST〕是不支持框架结构的，他们的“蜘蛛〞程序无法阅读这样的网页。图象区块〔ImageMaps〕除AltaVista、Google和NorthernLight〔现已停止公共搜索效劳〕明确支持图像区块链接外，其他引擎是不支持它的。当“蜘蛛〞程序遇到这种结构时，往往会感到茫然不知所措。因此尽量不要设置ImageMap链接。特效链接我们经常看到有些网站为导航链接加上了特效，如点击某个工程会展开下层链接等。这些效果一般通过JavaScript实现，视觉上非常新颖，但在“蜘蛛〞程序的眼里那么没那么诱人，相反它无法解读这种链接。为了让搜索引擎顺利检索到你的网页，建议还是牺牲掉一些花哨的东西。动态网页〔DynamicPages〕任何地址中带“？〞号、“&〞号〔及其他类似符号〕的网页都会把“蜘蛛〞程序挡在门外。这些网页通常由CGI、PHP、ASP等程序产生，技术上较先进，但不适合搜索引擎的“蜘蛛〞程序。虽然目前有的大型搜索引擎〔如Google〕已具备检索动态网页的能力，但相当一局部数引擎还是不支持它的。而且即使是能够索引动态网页的Google，也在多个场合中明确表示不保证检索全部的动态网页。加密网页除非你不希望搜索引擎检索你的网页，否那么不要给你的网页加密。网页容量包括图像在内的网页字节数最好不要超过50K。体型庞大的网页下载速度慢，不仅会让普通访问者等得心急如焚，有时也会使“蜘蛛〞程序感到不耐烦。2.1.5网站建设流程网站建设的开始就应该有一个整体的战略和目标，想好网页的大致外观，然后就可以着手设计了。当站点实现了设计要求之后就可以向网上发布了。大局部站点需要定期的维护以实现新颖的内容和完善的功能。概括起来也就是：规划、设计、完善、发布、维护。其流程图如图2.1所示。设计完善设计完善发布维护规划图2.1网站建设流程图2.2网站规划2.2.1网站的定位网站的定位极其重要，它是网站规划中重要的一个环节。对网站的精确定位是一个网站成功的基石。要精确定位网站，你必须要进行需求分析，锁定目标群。只有有针对性的设计你的网站，你的网站才能有很高的点击率。本网站创立的目的是为了满足电子设计爱好者及电子设计大赛选手的学习需求。效劳的对象自然是所有对电子设计感兴趣，欲学习相关知识的人。故本网站提供的效劳是免费开放一切电子设计的资源，使其得到合理有效的利用。综上可将网站定位于一个小型的参考/资源免费效劳网站。2.2.2网站的CI形象1.LOGO设计首先你需要设计制作一个网站的标志(logo)。就如同商标一样，logo是你站点特色和内涵的集中表达，看见logo就让大家联想起你的站点。标志可以是中文，英文字母，可以是符号，图案，可以是动物或者人物等等。在设计网站标志时，要遵循的原那么是：个性和艺术性的完美结合。只有这样你的logo因为有其特色才能被别人识别和认可。本网站提供的是电子设计方面的知识，目标是建立学习交流此类知识的一个平台。故取名：ED公社。〔注：ED是electronicdesign的简称。〕涵义：电子设计爱好者的网上社区。整个logo由三局部组成：图案、英文单词、中文。构图方式如图2.2所示。图2.2logo效果图设计此logo遵循的原那么：简洁、大方、美观。整个效果图到达的目的：清爽、简练、易于识别。2.网站的色彩网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。〔注：标准色彩是指能表达网站形象和延伸内涵的色彩。〕不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。一般来说，一个网站的标准色彩不超过3种，太多那么让人眼花缭乱。适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。标准色彩要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。在确定本网站基色的过程中，本人参阅了很多优秀网站的首页，也查阅了大量的资料。最后确定的方案是：银色为基色，白色、绿色为辅助色，红色、黑色为点缀色。以银、白、绿等冷色系为主，不仅是为了突出页面的清新和简洁，还有突出主题的考虑。银色代表了科技，绿色代表了环保。这两种色彩的综合运用表达了电子设计是一种取代传统方式的新型科技产业。这正是倡导电子设计开展的理念。3.网站的字体和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般我们网页默认的字体是宋体。为了表达站点的“与众不同〞和特有风格，我门可以根据需要选择一些特别字体。由于本网站非艺术设计类或是娱乐性网站，故不需要太多的美化。在此我们选择默认字体。至于在设计过程中要对局部文字进行美化，我们再定义CSS样式来美化即可。这在以后涉及到再详细说明。2.2.3网站的结构网站的内容包括：大赛概况——介绍全国大学生电子设计竞赛的概况及我院最新的大赛资讯。应用文章——涵盖单片机、EDA、DSP、数、模电等学科的知识。硬件信息——提供实现电子设计大赛工程的硬件资讯。软件信息——提供最新的软件资讯及大赛所有软件的技术支持文章。D.I.Y——这个专区是本站的一大特色。它集中历年竞赛的试题及一些设计实例。这些珍贵的资料面向所有人开放。旨在鼓励大家通过学习后在此施展拳开始自己的设计之旅。COOLLINKS——汇总一些优秀的高校实验室和电子杂志的网站，提供永久有效的链接。使大家可以自由的徜徉于电子设计知识的海洋里。在线留言——提供一个交流的空间，完成用户之间的互动。网站的结构图如图2.3所示。首首页大赛概况应用文章硬件资讯软件资讯DIYCOOLLINKS在线留言NUEDC本校赛事EDA单片机DSP其他设计实例历年试题电子杂志高校实验室图2.3网站结构图第3章开发工具和语言3.1开发工具1.Photoshop7.0Photoshop是平面图像处理业界霸主Adobe公司推出的跨越PC和MAC两界首屈一指的大型图像处理软件.它功能强大,操作界面友好,得到了广阔第三方开发厂家的支持,从而也赢得了众多的用户的青睐.通过它可以对图像修饰、对图形进行编辑，以及对图像的色彩处理，另外，还有绘图和输出功能等。鉴于此，在本网站的开发过程中，选择它作为网站设计工具用来设计logo和首页。2.MacromediaDreamweaverMX2004MacromediaDreamweaverMX2004是一款专业的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。无论是手工编写HTML代码还是在可视化编辑环境中工作，Dreamweaver都提供有用的工具来完成Web创作。Dreamweaver拥有异常强大的功能。利用Dreamweaver中的可视化编辑功能，可以快速地创立页面而无需编写任何代码；可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中；还可以在MacromediaFireworks或其他图形应用程序中创立和编辑图像，然后将它们直接导入Dreamweaver，或者添加MacromediaFlash对象，从而优化开发工作流程。Dreamweaver还提供了功能全面的编码环境，其中包括代码编辑工具〔例如代码颜色和标签完成〕；有关HTML、层叠样式表(CSS)、JavaScript、ColdFusion标记语言(CFML)、MicrosoftActiveServerPages(ASP)和JavaServerPages(JSP)的参考资料。Macromedia的可自由导入导出HTML技术可导入手工编码的HTML文档而不会重新设置代码的格式。Dreamweaver还支持使用效劳器技术〔例如CFML、ASP.NET、ASP、JSP和PHP〕生成由动态数据库支持的Web应用程序。Dreamweaver可以完全自定义。您可以创立您自己的对象和命令，修改快捷键，甚至编写JavaScript代码，用新的行为、属性检查器和站点报告来扩展Dreamweaver的功能。对使用者来说，它除了上述优秀的功能外，还有一个极其重要的功能：站点的维护.MacromediaDreamweaverMX2004提供的站点管理器是站点维护的核心工具。鉴于以上所述，在构建本网站时我选择采用此工具进行网站的编辑工作、站点的建设和管理。3.MicrosoftOfficeAccess2003Access是Microsoft的office套件产品之一。它是目前世界上最流行的桌面数据库系统。Access与许多优秀的关系数据库一样，可以很容易地连接相关的信息而且还对其他的数据库系统有所补充。它能操作其它来源的资料，包括许多流行的PC数据库程序〔如dBASE，Paradox，MicrosoftFoxPro〕和效劳器、小型积极大型机上的许多SQL数据库。Access还完全支持Microsoft的OLE技术。Access还提供windows操作系统的高级应用程序开发系统。Access与其它数据库开发系统之间相当显著的区别就是：使用者不用写一行代码，就可以在很短的时间里开发出一个功能强大而且相当专业的数据库应用程序，并且这一愉快的过程是完全可视的。鉴于本网站系属一个小型参考\资讯类网站，从其规模和信息量出发考虑，首选MicrosoftOfficeAccess2003。3.2开发语言1.HTML简介HTML〔HyperTextMarkupLanguage超文本标记语言〕是一种用来制作超文本文档的简单标记语言。目前HTML语言的版本是4.1，它是基于SGML〔StandardGeneralizedMarkupLanguage，标准广义置标语言，是一套用来描述数字化文档的结构并管理其内容的复杂的标准〕中的一个子集演变而来的。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台〔如UNIX，WINDOWS等〕。HTML文档〔即Homepage的源文件〕是一个放置了标记的ASCII文本文件，通常它带有.html或.htm的文件扩展名。生成一个HTML文档主要有以下三种途径：(1)手工直接编写〔例如用你所喜爱的ASCII文本编辑器或其它HTML的编辑工具〕。(2)通过某些格式转换工具将现有的其它格式文档〔如WORD文档〕转换成HTML文档。(3)由Web效劳器〔或称效劳器〕一方实时动态地生成。2.Javascript简介JavaScript是一种基于对象和事件驱动并具有平安性能的脚本语言，有了JavaScript，可使网页变得生动。使用它的目的是与HTML超文本标识语言、Java脚本语言一起实现在一个网页中链接多个对象，与网络客户交互作用，从而可以开发客户端的应用程序。它是通过嵌入或调入在标准的HTML语言中实现的。Javascript在网页的用法有两种方法：(1)直接参加HTML文档这是最常用的方法，大局部含有Javascript的网页都采用这种方法，如：<scriptlanguage="Javascript"><!--document.writeln("这是Javascript！采用直接插入的方法！");//-Javascript结束--></script>在这个例子中，我们可看到一个新的标签：<script>……</script>，而<scriptlanguage="Javascript〞>用来告诉浏览器这是用Javascript编写的程序，需要调动相应的解释程序进行解释。HTML的注释标签<!--和-->：用来去掉浏览器所不能识别的Javascript源代码的，这对不支持Javascript语言的浏览器来说是很有用的。//-Javascript结束：双斜杠表示Javascript的注释局部，即从//开始到行尾的字符都被忽略。至于程序中所用到的document．write〔〕函数那么表示将括号中的文字输出到窗口中去。另外一点需要注意的是，<script>……</script>的位置并不是固定的，可以包含在<head></head>或<body></body>中的任何地方。(2)引用方式如果已经存在一个Javascript源文件〔以js为扩展名〕，那么可以采用这种引用的方式，以提高程序代码的利用率。其根本格式如下：<scriptsrc＝urllanguage="Javascript"></script>其中的Url就是程序文件的地址。同样的，这样的语句可以放在HTML文档头部或主体的任何局部。如果要实现“直接插入方式〞中所举例子的效果，可以首先创立一个Javascript源代码文件“Script.js〞，其内容如下：document.writeln("这是Javascript！采用直接插入的方法！");在网页中可以这样调用程序：<scriptsrc＝"Script.js"language="Javascript"></script>。第4章关键技术4.1ASP概述4.1.1ASP开展史ASP是MicrosoftActiveServerPages的简称，即动态效劳器网页。它的前身是CGI〔commongatewayfinterface〕。后来一种简洁易用的技术出现了--IDC(internetdatabaseconnect)技术。这种技术由于其易用性盛行了很长一点时间。几乎所有的站点都用它进行数据的提交和查询。此技术得到了良好的开展，逐渐演变成今天的ASP技术。4.1.2ASP的特点及执行方式图ASP特点如下：使用VBScript、JScript等简单易懂的脚本语言，结合HTML代码，即可快速地完成网站的应用程序。无须编译，容易编写，可在效劳器端直接执行。使用普通的文本编辑器就可编写，为了更好地进行团队开发，微软特别开发一套开发工具VisualInterDev，它是一个集成的Web应用软件开发系统，包括开发、发行、以及管理数据库驱动的Web应用软件所需的所有功能。ASP所使用的脚本VbScript、JScript均在Web效劳端执行，用户端的浏览器不需要能够执行这些脚本语言。ASP的源程序不会被传到客户浏览器，因而可以防止所写的程序被他人剽窃，从而提高了网站的平安性。ActiveXServerComponents具有无限的可扩充性。可以使用VisualBasic、Java、VisualC++、CoBol等编程语言来编写你所需要的ActiveXServerComponent。ASP程序中可以包含纯文本、HTML标记以及脚本命令。你只需将.asp程序放在Web效劳器的虚拟目录下〔该目录必须要有可执行的权限〕，就可以通过WWW的方式访问ASP程序了。ASP的执行方式图如图4.1所示。图4.1ASP的执行方式图4.1.3创立ASP页ActiveServerPages〔ASP〕文件是以.asp为扩展名的文本文件，这个文本文件可以包括以下局部的任意组合：文本,HTML标记,ASP脚本命令。创立.asp文件非常容易。如果要在HTML文件中添加脚本，只需将该文件的扩展名.htm或.html替换为.asp就可以了。要使.asp文件可用于Web用户，请将这个新文件保存在Web站点上的目录中〔请确定启用了该目录的脚本和执行权限〕。使用浏览器查看该文件时，可以看到ASP处理并返回了HTML页。现在可以在.asp文件中添加脚本命令了。注意因为.asp文件需要额外的处理，不要将所有的HTML页都转换为ASP页。应该只将包含脚本命令的文件转换为.asp文件。.asp和.htm文件可以放置在相同的目录中。使用任何的文本编辑器都可以创立.asp文件。使用那些带有ASP增强支持的编辑器将更能提高效率，如MicrosoftVisualInterDev。4.2ASP内置对象概述ActiveServerPages提供五大内置对象，分别为：Request对象、Response对象、Server对象、Application对象、Session对象。这些对象使用户更容易收集通过浏览器请求发送的信息、响应浏览器以及存储用户信息〔如用户首选项〕。以下将简要说明每一个对象。1．Request定义：可用来访问从浏览器发送到效劳器的请求信息，可用此对象读取已输入HTML表单的信息。【集】：Cookies：含有浏览器cookies的值Form：含有HTML表单域中的值QueryString：含有查询字符串的值ServerVariables：含有头和环境变量中的值2．Response定义：用来向浏览器回发信息，可用此对象从脚本向浏览器发送输出。【集】：Cookies：在浏览器中参加一个cookie【方法】：End：结束脚本的处理Redirect：将浏览器引导至新页面Write：向浏览器发送一个字符串【属性】：Buffer：缓存一个ASPCacheControl：由代理效劳器控制缓存ContentType：规定响应的内容类型Expires：浏览器用相对时间控制缓存ExpiresAbsolute：浏览器用绝对时间控制缓存3．Server定义：可在效劳器上使用不同实体函数，如在时间到达前控制脚本执行的时间。还可用来创立其他对象。【方法】：CreateObject：创立一个对象实例HTMLEncode：将字符串转化为使用特别的HTML字符MapPath：把虚拟路径转化成物理路径URLEncode：把字符串转化成URL编码的ScriptTimeout：在终止前，一个脚本允许运行的秒数4．Application定义：用来存储、读取用户共享的应用程序信息，如可以用此对象在网站的用户间传送信息，当效劳器重启后信息丧失。【方法】：Lock：防止其它用户访问Application集Unlock：使其它用户可以访问Application集【事件】：OnEnd：由终止网络效劳器、改变Global.asa文件触发OnStart：由应用程序中对网页的第一次申请触发5．Session定义：存储、读取特定用户对话信息，如可存储用户对网站的访问信息，当效劳器重启后信息丧失。【方法】：Abandon：处理完当前页面后，结束一个用户会话【属性】：Timeout：用户会话持续时间〔分钟数〕【事件】：OnEnd：在SessionTimeout时间以外，用户不再申请页面触发该事件OnStart：由用户对网页的第一次申请时触发4.3使用ASP内置对象现在对ASP这五个内置对象分别进行详细说明：1.Request对象Resquest对象代表由各客户程序发往的请求报文。事实上，Request对象的功能是单向的，它只能接收客户端Web页面提交的数据，与Response对象的功能刚好相反。Resquest接收数据时通过两个集合QueryString和Form来检索表单的数据，具体用哪一个集合，取决于Web页面提交数据的表单的Method属性，当Method属性值为“Get〞时以QueryString，而Method属性值为“Post〞时以Form。当省略了具体的集合名称时，ASP将以下面的顺序来搜索集合：QueryString->Form->Cookie->ServerVariables。<html><head></head><body><formaciton="log.asp"method="Get"name="login"><inputtype=textname=logid><inputtype=textname=password><inputtype=submitname=submit1value="提交"></form></body></html>当数据提交到效劳器端的log.asp文件后，在log.asp中使用Request对象得到用户提交的数据，加以判断用户是否合法。log.asp文件如下：<%dimUserdimPasswdUser=Request.QueryString("logid")Passwd=Request.QueryString("password")ifUser="jeff"thenifPasswd="123456"thenResponse.write"登录成功！"elseResponse.write"密码错误！"endifelseResponse.write"用户名错误!"endif%>上面这个例子中Method属性使用了Get方法，所以使用Request.QueryString接收数据，相反假设Method属性使用了Post方法，那么使用Request.Form接收数据。而ServerVariables集合可用于提供有关随请求一起传递的头信息，它的引用格式为：Request.ServerVariables("关键字")其中的关键字有：REMOTE_ADDR－＞可以知道客户端的IPURL－＞得到系统的URL路径PATH_TRANSLATED－＞当前ActiveServerPage的真实地址_UA_OS－＞浏览器所在的操作系统2.Response对象Response对象用于向客户端浏览器发送数据，用户可以使用该对象将效劳器的数据以HTML的格式发送到用户端的浏览器，它与Request组成了一对接收、发送数据的对象，这也是实现动态的根底。下面介绍它常用的属性。Buffer属性该属性用于指定页面输出时是否要用到缓冲区，默认值为False。当它为True时，直到整个ActiveServerPage执行结束后才会将结果输出到浏览器上。如：<%Response.Buffer=True%><html><Head><title>Buffer例如</title></head><body><%fori=1to500response.write(i&"<br>")next%></body></html>这页执行时，整个主页的所有内容会同时显示在浏览器上，这个主页会存在缓存区中直到脚本执行结束。Expires属性该属性用于设置浏览器缓存页面的时间长度〔单位为分〕，必须在效劳器端刷新。通过如下设置：<%Response.Expires=0%>通过在ASP文件中参加这一行代码，要求每次请求是刷新页面，因为Response一收到页面就会过期。3.Server对象Server对象是ASP中一个很重要的对象，许多高级功能都是靠它来完成的。它提供了对ActiveServerPages和方法的使用，在这介绍几个常用的方法。MapPath方法该方法返回指定文件的相对路径或物理路径。假设Path以一个(/)或(\)开始，那么MapPath方法返回路径时将Path视为完整的虚拟路径。假设Path不是以斜杠开始，那么MapPath方法返回同.asp文件中已有的路径相对的路径。如：test.asp文件位于C:\inetpub\wwwroot\myhome下，C:\inetpub\wwwroot为效劳器的宿主目录，而test.asp包含如下脚本：<%Response.writeServer.MapPath(Request.ServerVariables("PATH_INFO")%>输出：C:\inetpub\wwwroot\myhome\test.asp要得到这个结果还可以用如下方法：<%Response.writeServer.MapPath("myhome/test.asp")%>CreateObject方法这个方法是Server对象中最重要的方法，许多功能都不得不用到它。它用于创立已注册到效劳器上的ActiveX组件。这是一个非常的特性，因为通过使用ActiveX组件能够使你扩展ActiveX的能力。用于创立效劳器端的方法如下：Server.CreateObject("ComponentName")用来创立的组件可以是所有ActiveX能使用的内置组件，实际上是存在于效劳器的所有ActiveX组件。4.Application对象Application对象是个应用程序级的对象，用来在所有用户间共享信息，并可以在Web应用程序运行期间持久地保持数据。Application的属性：Application对象没有内置的属性，但是我们可以自行创立其属性。<%Application("属性名")=值%>其实大局部Application变量都存放在Contents集合中，当你创立一个新的Application变量时，其实就是在Contents集合中添加了一项。下面两个脚本是等效的：<%Application("greeting")="hello!"%>或<%Application.contents("greeting")="hello!"由于Application变量存在集合里，所以如果想要全部显示，其方法我们已经屡次使用，例如ForEach循环。<%ForEachitemINApplication.ContentsResponse.write("<br>"&item&Application.Contents(item))next%>Application的方法：Application的方法只有两个方法：一个是Lock，另一个是Unlock。其中Lock方法用于保证同一时刻只能一个用户对Application操作。Unlock那么用于取消Lock方法的限制。如：<%Application.LockApplication("visitor_num")=Application("visitor_num")+1Application.Unlock%>Application的事件：Application_OnStart()，当事件应用程序启动时触发。Application_OnEnd()，此事件应用程序结束时触发。这两个事件过程都是必须定义在Global.asp文件中，一般把连接数据的函数定义在这两个事件，然后放在Global.asp中。例如：SubApplication_OnStartApplication("tt18_ConnectionString")="driver={SQLServer};server=jeff;uid=sa;pwd=;database=test"EndSub一个数组能够被定义成Application对象，不过这个数组只能作为一个对象保存，而不能用Application(0)取出其值。可以定义一个临时数组实现这种功能。如：<%dimArray()Array=Application("array")fori=0toubound(array)Response.writeArray(i)nexti%>同样要修改这个Application对象也可以定义一个临时数组，把Application对象赋给数组，然后修改这个数组的元素，最后把数组赋回Application对象。如：<%dimArray()Array=Application("array")Array(0)="jeff"Array(1)="zhu"Application.lock……Application("array")=ArrayApplication.unlock%>5．Session对象Session其实指的就是访问者从到达某个特定主页到离开为止的那段时间。每一访问者都会单独获得一个Session。在Web应用程序中，当一个用户访问该应用时，Session类型的变量可以供这个用户在该Web应用的所有页面中共享数据；如果另一个用户也同时访问该Web应用，他也拥有自己的Session变量，但两个用户之间无法通过Session变量共享信息，而Application类型的变更那么可以实现站点多个用户之间在所有页面中共享信息。SessionID属性该属性返回当前会话的唯一标志，为每一个Session分配不同的编号。我曾在开发过程中就遇到对用户的控制问题。它要实现的功能就是，针对某个网站的一个模块，当一个会员登录后正在看此模块时，另一个人用同样的会员名登录，就不能浏览这个模块。也就是说一个会员名同时只能一个人浏览此模块。我通过用会员名〔假设为UserID，唯一〕和SessionID来实现了控制。当会员登录时，给这个会员一个Session记录登录状态如：Session("Status")="Logged"，同时把这个会员的Session.SessionID写入数据库。当他要浏览此模块时，先判断其是否登录，假设已经登录再判断它的SessionID是否与数据库记录的相同，如果不同那么不能访问。这样，当另一个用户用相同的会员名登录时，那么数据库中记录的就是新的SessionID，前者访问此模块时就不能通过检查。这就实现了一个会员名同时只能一个人浏览某个模块。这个功能在一些收费网站有很有特别作用，它防止了一个会员名给多个人浏览的问题，为公司保障了利益。TimeOut属性该属性用来定义用户Session对象的时限。如果用户在规定的时间内没有刷新网页，那么Session对象就会终止。一般默认为20分钟。Abandon方法该方法是Session对象的唯一方法，可以去除Session对象，用来消除用户的Session对象并释放其所占的资源。如：<%Session.Abandon%>Session_OnStart和Session_OnEnd事件和Application一样，当对象的例程每一次启动时触发Session_OnStart事件，然后运行Session_Onstart事件的处理过程。也就是说，当效劳器接收到应用程序中的URL的请求时，触发此事件，并建立一个Session对象。同理，这个事件也必须定在Global.asa文件中。当调用Session.Abandon方法时或者在TimeOut的时间内没有刷新，这会触发Session_OnEnd事件，然后执行里面的脚本。Session变量与特定的用户相联系，针对某一个用户赋值的Session变量是和其他用户的Session变量完全独立的，不会存在相互影响。4.4配置ASP运行环境ASP网页需要相应的Web效劳器的支持，才能正常运行，其WEB效劳器主要是PWS和IIS。在最终运行ASP页面时，目前一般选择IIS5.1作为ASP的Web效劳器，以实现对ASP页面的解析。操作系统可选择Windows2000Server或WindowsXPProfessional。典型的配置如表4.1所示。表4.1typicalsystemconfigurationsforASPdevelopersDatabaseDatabasedriverAppserverWebserverMSAccessMicrosoftAccessDriver(ODBC)PWSIISPWSIISMSSQLServerMicrosoftSQLServerDriver(ODBC)MicrosoftSQLServerProvider(OLEDB)IISChili!SoftASPIISAnyChili!Soft-compatibleserverOracleMicrosoftOracleDriver(ODBC)IISChili!SoftASPIISAnyChili!Soft-compatibleserver在此采用第一种方案，这也就是为什么在前面介绍MSAccess的原因。本机设置的运行环境：WindowsXPProfessional+IIS5.1。1.安装IIS效劳器

IIS是InternetInformationServer的简称，对于Windows2000Server，默认情况下是自动安装了该项效劳的，对于WindowsXPProfessional，那么没有安装。另外WindowsXPHome不支持IIS。本机原来安装的即是WindowsXPHomeEdit,后因无法运行ASP网页而改装WindowsXPProfessional。现将安装步骤发布如下：〔1〕在控制面板中单击"添加/删除程序"。〔2)单击"添加/删除Windows组件"，此时将弹出Windows组件向导对话框如图4.2所示。图4.2Windows组件向导对话框〔3)在组件列表中，选择"Internet信息效劳〔IIS〕"单击"下一步"按钮即可等待完成安装。

2.启动IIS效劳

启动方法：单击开始菜单→程序→管理工具→Internet效劳管理器。Internet信息效劳管理器界面如图4.3所示。图4.3Internet信息效劳管理器在Internet信息效劳管理器中，可实现创立站点、创立虚拟目录、配置站点根目录、指定站点主页文件等配置。3.配置Web效劳器进入IIS界面后对其进行如下步骤的设置：〔1〕在Internet信息效劳管理窗口左侧树状结构中显示默认网站。〔2)选中默认网站后点右键，在弹出的快捷菜单中选择属性，弹出新的窗口如图4.4所示。图4.4默认网站属性对话框设置路径如上图，这样在本地磁盘F下的sites文件夹内的站点都可通过此步骤在IIS下可见。接着对Web站点进行如下配置：配置效劳器的IP地址、Web效劳的端口号、站点根目录、站点默认的主页文件名等。(1)设置IP地址与端口提供Web效劳的站点应具有固定的IP地址，以便其他用户能正常访问；Web效劳的端口默认为80，一般不要更改。配置Web效劳器IP地址与端口如图4.5所示。图4.5配置Web效劳器IP地址与端口(2)指定站点根目录任何一个网站均有一个根目录〔又称主目录〕，用于存放网页及相关的文件，在根目录下，还可建立子目录，以实现对文件的分类存放和管理。站点的主页文件必须放在该目录中。在主目录配置页面中，还可对站点的访问权限进行设置。一般只需选中读取、日志访问和索引此资源的权限，执行许可一般设置为纯脚本，不要设置为脚本和可执行程序，否那么访问者就可执行站点下面的可执行程序，这给站点平安带来很大的隐患。在此指定站点的根目录。选中EDC点右键属性对其进行路径选择。这里选择路径有两种方法：A.修改IIS根目录的位置。B.在IIS根目录下创立本站点的虚拟目录。本人在此选用第一种方法，将路径设置为：F：/sites/EDC。如图4.6所示。图4.6设置EDC属性对话框〔3)设置站点主页文件每个站点均可指定一个或多个主页文件〔彼此间有优先级〕，它是访问站点时，在未指定访问页面时，系统默认访问的页面。主页文件在"文档"选项卡中设置，利用添加和删除按钮，可添加主页文件或删除指定的主页文件，利用带上、下箭头的按钮，可调整主页文件被访问的优先级，排在前面的优先访问。设置主页文件及优先级如图4.7所示。图4.7设置主页文件及优先级对话框

第5章网站的设计5.1站点的创立首先，启动MacromediaDreamweaverMX2004，选择“站点〞>“管理站点〞出现“管理站点〞对话框，单击“新建〞，然后从弹出式菜单中选择“站点〞。出现“站点定义〞对话框，对其进行如下设置，如图5.1所示。图5.1EDC站点定义对话框创立本站站点EDC存于本地磁盘F的sites文件夹中。然后在本站点内建数个文件夹以存放图片、数据等。如图5.2所示。图5.2EDC文件夹其中，文件夹main包括如图5.3所示。图5.3main文件夹文件夹admin包括，如图5.4所示。图5.4admin文件夹文件夹Databackup存放备份的数据。文件夹Mydatazw存放数据库。文件夹UploadFile存放上传的图片和文件。文件夹eWebEditor存放一个在线编译器的源码。文件夹js存放CSS样式表。站点文件夹EDC的images主要存放本站公用图片的文件夹。如图5.5所示。图5.5IMAGES文件夹5.2数据库的创立在网站规划阶段对网站的定位就决定着创立数据库的内容。在此我们要建以下8个表：表admin,表admin_list,表Announce,表book,表CoolSiteClass,表CoolSiteData,表NewsClass,及表NewsData。将其存于站点文件夹edc的mydatabase文件夹中。现在开始具体步骤：启动MicrosoftOfficeAccess2003，在文件中选新建，依次建立以下8个表。所建表分别图5.6、图5.7、图5.8、图5.9、图5.10、图5.11、图5.12、图5.13所示。图5.6管理员根本信息表图5.7管理员登录历史记录表图5.8公告信息表图5.9留言记录表图5.10酷站分类表图5.11酷站内容信息表图5.12站内文章分类信息表图5.13站内文章内容信息表这八个表分别存放的是：管理员的根本信息、管理员登录历史记录、公告信息、留言记录、酷站分类、酷站内容信息、站内文章分类信息、站内文章内容信息。以上八个表是支撑动态网站的核心，本网站通过对其调用实现便捷的管理和站内文章的实时更新。5.3网页的设计5.3.1首页的设计1.确定首页的功能模块首页的内容模块是指需要在首页上实现的主要内容和功能。在网站的规划阶段，我们已确定了logo和主菜单等根本模块。在实现过程中，我们要扩展的功能模块有：本站公告、站内搜索、热门文章排行等模块。按照常规设置，在最下方我们设置了版权信息模块。为了使网站能更好的效劳于浏览者，实现更有效的互动，本人特在版权信息模块的上方添加一模块，包含设为首页、参加收藏、联系我们、站点管理四局部内容。这样既方便浏览者也方便网站的管理者和维护者。2.设计首页的版面在功能模块确定后，开始设计首页的版面。设计版面的最好方法是：找一张白纸，一支笔，先将你理想中的草图勾勒出来，然后再用网页制作软件实现。这一步非常重要也极其关键。充足的准备工作将使你的网站与众不同。网站草图完成后就可以开始首页的制作了。首先，要非常清楚的一点就是工具的正确选用。这也是为什么我将制作工具介绍放在论文比拟重要的位置并进行详细介绍的原因。首页面的制作不仅要表达出网站的理念、内涵，还要表达出它的艺术性。因为网站建设一般的信息系统的建设相比，既有开发的共同特点，也有其特性，共性表达在网站建设也必须从实际出发，按照系统开发的一般规律和方法从事开发工作，而特性表达在其开发过程还要参加艺术创意和构思。如此分析后，不难看出首页制作艺术性的重要。所以选工具一定要慎重。在此我选择photoshop7.0来进行页面的设计。由于photoshop的图像处理和编辑功能在同类软件中表现相当出色，且使用便捷。在使用photoshop制作首页的过程中要用到很多技巧，要频繁用到层和滤镜，这是两个极其重要的概念，在此就不一一道来了。但重要的一点就是一定要把握对细节的处理。完成这步后，将设计好的首页切片后以GIF格式导出，存于站点文件夹下的images文件夹内。然后启动dreamweaver在文件夹main内的head.asp中进行首页框架的设计。选插入中的布局利用表格进行页面的布局。首先插入一个1行2列宽1010象素的表格，将logo插入第一列。如图5.14所示。图5.14插入logo图然后依次设置菜单栏、站内公告、导航栏和版权信息栏，普通静态页面设计完成后，接下来在要显示动态内容的地方依次插入ASP代码块。现以站内公告为例说明。方法是：在插入里选ASP对象，然后选中代码块，弹出编辑内容对话框。在此输入如下代码块：<%sSql="SelectTop5A_ID,A_TitleFromAnnounceOrderByA_IDDesc"oRs.OpensSql,oConn,1,1IfNotoRs.EofThen%>同理，依次分别输入以下4个代码块：<% DoWhileNotoRs.Eof%> <%=oRs("A_Title")%><% oRs.MoveNextLoop%><%EndIfoRs.Close%>实现最新公告动态自右至左动态滚动的效果。如图5.15所示。图5.15最新公告动态效果图设置完菜单和版权信息后，要完成和其他子页的链接。在版权信息的上方分别设置了：设为首页、添加收藏、联系我们及站点管理。其实现代码分别是：<Astyle="BEHAVIOR:url(#default#homepage);CURSOR:hand"onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('qcxy.hb/EDCommunity/')">设为首页</A>点击后出现如图5.16所示。图5.16设为首页效果图<ahref="javascript:window.external.addFavorite('://qcxy.hb/EDCommunity/','ED公社')">参加收藏</a>点击后出现如图5.17所示。图5.17参加收藏效果图<ahref="mailto:flyingfish1122@sina">联系我们</a>点击后出现如图5.18所示。图5.18联系我们效果图<ahref="../admin/login.asp">站点管理</a>完成这步后进行index.asp的设计。在index中我们要设置一个搜索栏实现文章查询的功能。在此建一个表单，依次分别插入：一个文本域、一个菜单、一个按钮。设置属性分别如以下图5.19、图5.20、图5.21所示。图5.19设置文本域属性图5.20设置菜单属性图5.21设置按钮属性设置结果图如图5.22所示。图5.22搜索模块效果图要显示首页文章的列表，按照布局，在搜索栏的正下方插入一个3行1列宽282象素的表格，在相应位置插入ASP代码块以实现自动添加功能。其构图方式如图5.23所示。图5.23栏目模块图在左侧，输入ASP代码块<%CallCallbbs()CallHotArticle(10)%>实现调用用户登录和热门文章栏目。在右侧输入<%CallCallCoolSite(8)%>实现酷站推荐的调用。当然在include.asp内包含了对其的设置，分别如图5.24、图5.25、图5.26所示图5.24用户登陆模块图图5.25酷站推荐模块图图5.26热门文章模块图搜索页面search.asp如图5.27所示。图5.27搜索结果显示图其代码块就不一一赘述了。在此重点说明下转到其他页功能的实现。在转到后插入一个菜单，属性设置如图5.28所示。图5.28设置菜单属性图其列表值设置如图5.29所示。图5.29列表值对话框动态设置如图5.30所示。图5.30动态菜单对话框在转到前插入asp代码块：<%Response.Write"共<fontcolor='#FF0000'>"&totalPut&"</font>篇文章"k=currentPage ifk<>1then response.write"[<b>"+"<ahref='Search.asp?SearchKey="&SearchKey&"&SearchType="&SearchType&"&page=1'>首页</a></b>]" response.write"[<b>"+"<a<ahref='Search.asp?SearchKey="&SearchKey&"&SearchType="&SearchType&"&page="&cstr(k-1)&"'>上一页</a></b>]" else Response.Write"[首页][上一页]" endif ifk<>nthen response.write"[<b>"+"<ahref='Search.asp?SearchKey="&SearchKey&"&SearchType="&SearchType&"&page="&cstr(k+1)&"'>下一页</a></b>]" response.write"[<b>"+"<ahref='Search.asp?SearchKey="&SearchKey&"&SearchType="&SearchType&"&page="&cstr(n)&"'>尾页</a></b>]" else Response.Write"[下一页][尾页]" endif Response.Write"页次：<fontcolor='#ff0000'>"¤tpage&"</font>/"&n&"页10篇文章/页"%>如此，才能够实现页面的跳转功能。在实现动态内容更新前，还有一个很关键的步骤：将数据库导入DW里，然后要绑定数据库中的表。这里主要用到浮动面板中的应用程序。如图5.31、5.32所示。图5.31数据库连接图图5..32效劳器行为图通过插入表格、图片、asp代码块、应用程序及对其他页面的调用来完成首页和其进行有效的链接，实现网站的完整性和功能性。现将子页和首页的链接生成的站点地图显示如下，以更直观的方式说明网站的结构。如图5.33所示。图5.33站点地图5.3.2子页的实现和首页一样，我们在Dreamweaver中利用其友好的界面、强大的插件和扩充功能，充分利用事件和行为进行页面动态的设计和处理。在此详细介绍在线留言本的制作过程。〔1〕翻开bookwrite.asp,选布局，插入一个1行2列宽1010像素无边框间距的表格。〔2〕在第2列中插入一个表单，动作设为：booksave.asp；方法设为：post。〔3〕插入一个17行3列宽占94%的表格，并居中对齐。〔4)在表格中插入文本域、列表、单项按钮、文字及图标，如图5.34所示。图5.34发表留言页面其属性设置依次分别如图5.35、图5.36、图5.37、图5.38、图5.39所示。图5.35设置name属性图5.36设置email属性图5.37设置qq属性图5.38设置homepage属性图5.39设置where属性在此要设置它的列表值和动态动态列表。分别如图5.40、图5.41所示。图5.40列表值对话框图5.41动态菜单对话框头像列表设置方法同上。留言表情和性质都采用单项选择按钮。设置属性如图5.42所示。图5.42设置face属性留言标题设置属性如图5.43所示。图5.43设置留言标题属性留言内容设置属性如图5.44所示。图5.44设置留言内容属性至此，发表留言页面完成。接下来，设置booksave.asp。编写如下代码：<!--#includefile="../admin/Check_SI.asp"--><!--#includefile="../admin/Startup.asp"--><!--#includefile="char.inc"--><%dimbooknamedimbookemaildimbookqqdimbookhomepagedimbookwheredimbookpicdimbookfacedimbookshowdimbooktitledimbookcontentdimbooktimedimbookipdimrsdimsqldimFoundEr