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

毕业设计（论文）题目电子设计网站设计系别电子信息科学系专业电子信息科学与技术电子信息工程班级学生姓名学号指导教师学位论文原创性声明本人郑重声明所呈交的论文是本人在导师的指导下独立进行研究所取得的研究成果。除了文中特别加以标注引用的内容外，本论文不包含任何其他个人或集体已经发表或撰写的成果作品。本人完全意识到本声明的法律后果由本人承担。作者签名2005年6月12日学位论文版权使用授权书本学位论文作者完全了解学校有关保障、使用学位论文的规定，同意学校保留并向有关学位论文管理部门或机构送交论文的复印件和电子版，允许论文被查阅和借阅。本人授权省级优秀学士学位论文评选机构将本学位论文的全部或部分内容编入有关数据库进行检索，可以采用影印、缩印或扫描等复制手段保存和汇编本学位论文。本学位论文属于1、保密，在_年解密后适用本授权书。2、不保密。（请在以上相应方框内打“”）作者签名2005年6月12日导师签名2005年6月13日摘要电子设计网站承载宣传电子设计大赛、发布我院关于大赛的最新资讯以及提供电子设计所需的技术资料等功用。面向所有的参赛选手及电子设计爱好者，提供电子设计竞赛的概况（包括全国大学生电子设计大赛和本校电子设计大赛）、技术文章、硬件、软件信息及电子设计的实例和电子竞赛历年的试题等。旨在建立一个电子设计在线资料库，实现资源的有效利用。同时本站还提供一些高校实验室和电子杂志网站的链接，使访客能自由驰骋于电子设计知识的海洋里。由于信息量较大，为方便浏览者，本站还备有站内资源搜索，供浏览者便捷的找到所需信息。最后，本站还开辟在线留言专栏用以实现互动。本网站基于MSACCESS数据库和ASP技术的结合，采用HTML和JAVASCRIPT脚本语言在DREAMWEAVERMX2004中进行网站制作。关键词超文本标记语言；JAVASCRIPT语言；DREAMWEAVERMX2004；页面设计；动态服务器主页；网站建设ABSTRACTTHEWEBSITEFORELECTRONICDESIGNBEARTHEWEIGHTOFPROPAGATINGTHEELECTRONICDESIGNCOMPETITION,ISSUETHELATESTINFORMATIONABOUTTHEMATCHOFOURACADEMY,ANDOFFERNECESSARYTECHNICALDATA,ETCITPROVIDESGENERALSITUATIONOFELECTRONSDESIGNCONTESTINCLUDETHENATIONALUNIVERSITYSTUDENTSELECTRONICDESIGNCOMPETITIONANDOURSCHOOLELECTRONICDESIGNCOMPETITION,THEEXAMINATIONQUESTIONSOFTHEINSTANCETHATTECHNICALARTICLE,HARDWARE,SOFTWAREINFORMATIONANDELECTRONAREDESIGNEDANDELECTRONICCONTESTOVERTHEYEARS,ETCAIMATSETTINGUPANELECTRONICONLINEDESIGNDATABASEREALIZETHEEFFECTIVEUSEOFRESOURCESCHAININGOFOFFERINGSOMEUNIVERSITIESLABORATORIESINTHISWEBSITEATTHESAMETIMEANDELECTRONICMAGAZINEWEBSITES,ENABLEVISITORTOPLAYANOUTSTANDINGROLEINTHEOCEANOFELECTRONICDESIGNKNOWLEDGEFREELYBECAUSETHEAMOUNTOFINFORMATIONISRELATIVELYLARGE,INORDERTOFACILITATEVIEWERS,OURWEBSITEALSOHASRESOURCESEARCHINSIDE,SUPPORTVIEWERSCONVENIENTFINDINGNECESSARYINFORMATIONFINALLY,OURWEBSITESTILLOPENSUPTHEONLINEMESSAGESPECIALCOLUMNINORDERTOREALIZEBEINGINTERDYNAMICCOMBINATIONBASEDONMSACCESSDATABASEANDASPTECHNOLOGYOFTHISWEBSITE,ADOPTHTMLANDJAVASCRIPTLANGUAGEANDCARRYONWEBSITEMAKINGINDREAMWEAVERMX2004KEYWORDSHTMLHYPERTEXTMARKUPLANGUAGE,JAVASCRIPT,DREAMWEAVERMX2004,PAGEDESIGN,ASPACTIVESERVERPAGES,WEBDESIGN目录第1章概述111网站建设的发展现状112本课题的来源及现实意义1第2章网站建设规划321准备工作322网站规划6221网站的定位6222网站的CI形象7223网站结构8第3章开发工具和语言931开发工具932开发语言10第4章关键技术1241ASP概述1242ASP内置对象概述1343使用ASP内置对象1544配置ASP运行环境21第5章网站的设计2651站点的创建2652数据库的创建2853网页的设计31531首页的设计31532子页的实现38533站点管理系统的创建45534页面的美化47535部分特效的实现49第6章网站的运行5161建立数据库连接5162设置文件夹的权限53第7章网站的上传和维护55毕业设计总结56致谢57参考文献58附录59附一（网站界面抓图）59附二（CSS代码）63第1章概述11网站建设的发展现状计算机科学的发展促使网络应运而生。网络刚刚发展起来的时候，由于信息量比较少以及技术上的原因，大部分网站都是采用静态的方式来发布和管理信息的。但是随着电脑和网络的越来越普及，网站也越来越多，使用网络资源的人也越来越多，网站需要更新的信息量也越来越大。如果使用静态页面，则维护工作将会非常烦琐，管理员每天需要制作大量的网页，从而会浪费很多时间和精力。经历了IT的寒冬后，互联网发展进入了一个全新的阶段。据不完全统计，目前INTERNET上已有上百万个WEB站点，其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域。如此之多的网站的涌现使得竞争异常激烈。要想在INTERNET上立足，就不得不考虑如何建设一个信息更新准确快捷、网上运行流畅高速、界面美观引人入胜的高水平网站。因为实时性、互交性已成为当下主流网站的衡量标准。基于ASP技术和数据库技术的支持，这种集实时性、互交性于一体的网站正在大规模的取代纯HTML生成的静态网站，成为互联网上的新主力军。这种动态网页的网络技术带来的好处，不仅得到了网络用户的认可，也给管理员带来了便利，使用这种技术网站维护者的工作量将大为减少，因为再也不用手工更新一个个页面了。管理员所要做的只是设置标题、内容和图片就可以了，系统将自动生成对应的网页，而且技术上出现问题的机会也会大大减少。目前越来越多的机构选择这种技术进行网站的建设和维护。还有很多大型网站采用ASPNET技术。和ASPNET相比，现阶段的ASP属于成熟的技术，故成为目前网站应用中的核心技术。12本课题的来源及现实意义随着社会的发展和科技的不断进步，电子设计广泛应用于各个领域，在工业生产和日常生活中常扮演着极其重要的作用。当下，为鼓励这种新型产业的更好发展，国家采用了不少政策，也采取了不少措施。其中，由教育部高等教育司及信息产业部人事司策划组织的面向大学生的电子设计大赛就是这一政策的具体实施体现。电子设计竞赛发展到今日已进入成熟阶段，其规模也越来越大。各高校对其非常重视，每年都会组织在校学生参与竞赛。我院也不例外。由我系承办的电子设计大赛已进入第二个年头，在老师和同学的共同努力下取得了丰硕的成果。但鉴于宣传力度不够和资源的有限性，阻碍了其更大的发展空间。对很多人来说，缺少便捷的途径了解竞赛及电子设计方面的知识使得他们和竞赛失之交臂。对参赛者来说，对竞赛概况的不了解和缺少可利用的资源无疑会给他们带来很大的负面影响。通过互联网搜索发现，目前INTERNET上为电子设计竞赛提供全方位的知识和服务的专业或是权威的网站还很少。这个专题网站的建设将弥补这一缺憾。为竞赛选手带来便利的同时，也给电子设计的爱好者提供一个学习和交流的天地。第2章网站建设规划21准备工作211采集素材网站建设需要的素材包括文字、图片、影像、声音等。搜集、加工大量的素材并合理的利用，可以使你的页面达到意想不到的效果。不仅丰富网页的内容，而且也起到美化页面的作用。可使你的网站能够在众多的网站里脱颖而出。本网站意欲建成一个电子设计方面知识的资料库，故在制作过程中需要用到大量的文字和图片。所以要搜集大量的关于电子设计方面的文章来满足网站制作的需要。现列出需要准备的素材；（1）图片从网上搜集常用的图片，如表情图标、文件夹图标等来提高视觉效果用PHOTOSHOP和FIREWORKS绘制LOGO和图片体现网站的特色搜集电路图图片及照片（2）文字搜集文献包括电子设计大赛动态文章（全国电子设计大赛和本校电子设计大赛）关于EDA、单片机、DSP、数字电子、模拟电子、无线电等方面的技术文章相关的硬件和软件资讯电子设计大赛历年试题及相关的设计实例部分高校网上实验室、部分电子杂志优秀网站的搜集和归类212网页设计基本原则一个好的网站在进行实际的HOMEPAGE建置之前，首先应该考虑什么条件呢它们包括有牢记使用者优先的观念考虑大多数人的网络状况考虑使用者的浏览器内容第一以上四点是在策划网站之前必须要认真考虑的因素。在网页的制作过程中必须要严格遵守的原则。除此之外，再来看看在着手HOMEPAGE的实际建置过程中，所应该掌握的几个重点原则着手规划、确定特色、锁定目标首页很重要内容要详细分类互动性有技巧的运用图片当然，还有三点最基本的也是网页制作最低准则形式与内容的协调统一前后风格的统一清楚方便的超链接这是网页设计制作者必须恪守的最基本的准则，适用于任何一个网页制作者和网站。213网页设计常见问题下载慢,需要花费大量的时间才能打开该网站。意图不明确，虽然整个网页可能很花哨，但是不知道网页制作者要表达什么。布局混乱，在浏览时很费力。导航工具含义不清，从网页所提供的导航工具上无法猜想它所链接的内容。站点孤立，没有快捷方便的到其他站点的链接。缺乏有用信息。214网页设计注意事项由于不同的搜索引擎在网页支持方面存在差异，因此在设计网页时不要只注意外观漂亮，许多平常设计网页时常用到的元素到了搜索引擎那里会产生问题。框架结构（FRAMESETS）有些搜索引擎（如FAST）是不支持框架结构的，他们的“蜘蛛”程序无法阅读这样的网页。图象区块（IMAGEMAPS）除ALTAVISTA、GOOGLE和NORTHERNLIGHT（现已停止公共搜索服务）明确支持图像区块链接外，其他引擎是不支持它的。当“蜘蛛”程序遇到这种结构时，往往会感到茫然不知所措。因此尽量不要设置IMAGEMAP链接。特效链接我们经常看到有些网站为导航链接加上了特效，如点击某个项目会展开下层链接等。这些效果一般通过JAVASCRIPT实现，视觉上非常新颖，但在“蜘蛛”程序的眼里则没那么诱人，相反它无法解读这种链接。为了让搜索引擎顺利检索到你的网页，建议还是牺牲掉一些花哨的东西。动态网页（DYNAMICPAGES）任何地址中带“”号、“在网页中可以这样调用程序。第4章关键技术41ASP概述411ASP发展史ASP是MICROSOFTACTIVESERVERPAGES的简称，即动态服务器网页。它的前身是CGI（COMMONGATEWAYFINTERFACE）。后来一种简洁易用的技术出现了IDCINTERNETDATABASECONNECT技术。这种技术由于其易用性盛行了很长一点时间。几乎所有的站点都用它进行数据的提交和查询。此技术得到了良好的发展，逐渐演变成今天的ASP技术。412ASP的特点及执行方式图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的执行方式图如图41所示。图41ASP的执行方式图413创建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。42ASP内置对象概述ACTIVESERVERPAGES提供五大内置对象，分别为REQUEST对象、RESPONSE对象、SERVER对象、APPLICATION对象、SESSION对象。这些对象使用户更容易收集通过浏览器请求发送的信息、响应浏览器以及存储用户信息（如用户首选项）。以下将简要说明每一个对象。1REQUEST定义可用来访问从浏览器发送到服务器的请求信息，可用此对象读取已输入HTML表单的信息。【集】COOKIES含有浏览器COOKIES的值FORM含有HTML表单域中的值QUERYSTRING含有查询字符串的值SERVERVARIABLES含有头和环境变量中的值2RESPONSE定义用来向浏览器回发信息，可用此对象从脚本向浏览器发送输出。【集】COOKIES在浏览器中加入一个COOKIE【方法】END结束脚本的处理REDIRECT将浏览器引导至新页面WRITE向浏览器发送一个字符串【属性】BUFFER缓存一个ASPCACHECONTROL由代理服务器控制缓存CONTENTTYPE规定响应的内容类型EXPIRES浏览器用相对时间控制缓存EXPIRESABSOLUTE浏览器用绝对时间控制缓存3SERVER定义可在服务器上使用不同实体函数，如在时间到达前控制脚本执行的时间。还可用来创建其他对象。【方法】CREATEOBJECT创建一个对象实例HTMLENCODE将字符串转化为使用特别的HTML字符MAPPATH把虚拟路径转化成物理路径URLENCODE把字符串转化成URL编码的SCRIPTTIMEOUT在终止前，一个脚本允许运行的秒数4APPLICATION定义用来存储、读取用户共享的应用程序信息，如可以用此对象在网站的用户间传送信息，当服务器重启后信息丢失。【方法】LOCK防止其它用户访问APPLICATION集UNLOCK使其它用户可以访问APPLICATION集【事件】ONEND由终止网络服务器、改变GLOBALASA文件触发ONSTART由应用程序中对网页的第一次申请触发5SESSION定义存储、读取特定用户对话信息，如可存储用户对网站的访问信息，当服务器重启后信息丢失。【方法】ABANDON处理完当前页面后，结束一个用户会话【属性】TIMEOUT用户会话持续时间（分钟数）【事件】ONEND在SESSIONTIMEOUT时间以外，用户不再申请页面触发该事件ONSTART由用户对网页的第一次申请时触发43使用ASP内置对象现在对ASP这五个内置对象分别进行详细说明1REQUEST对象RESQUEST对象代表由各客户程序发往HTTP的请求报文。事实上，REQUEST对象的功能是单向的，它只能接收客户端WEB页面提交的数据，与RESPONSE对象的功能刚好相反。RESQUEST接收数据时通过两个集合QUERYSTRING和FORM来检索表单的数据，具体用哪一个集合，取决于WEB页面提交数据的HTTP表单的METHOD属性，当METHOD属性值为“GET”时以QUERYSTRING，而METHOD属性值为“POST”时以FORM。当省略了具体的集合名称时，ASP将以下面的顺序来搜索集合QUERYSTRINGFORMCOOKIESERVERVARIABLES。当数据提交到服务器端的LOGASP文件后，在LOGASP中使用REQUEST对象得到用户提交的数据，加以判断用户是否合法。LOGASP文件如下上面这个例子中METHOD属性使用了GET方法，所以使用REQUESTQUERYSTRING接收数据，相反若METHOD属性使用了POST方法，则使用REQUESTFORM接收数据。而SERVERVARIABLES集合可用于提供有关随HTTP请求一起传递的头信息，它的引用格式为REQUESTSERVERVARIABLES“关键字“其中的关键字有REMOTE_ADDR可以知道客户端的IPURL得到系统的URL路径PATH_TRANSLATED当前ACTIVESERVERPAGE的真实地址HTTP_UA_OS浏览器所在的操作系统2RESPONSE对象RESPONSE对象用于向客户端浏览器发送数据，用户可以使用该对象将服务器的数据以HTML的格式发送到用户端的浏览器，它与REQUEST组成了一对接收、发送数据的对象，这也是实现动态的基础。下面介绍它常用的属性。BUFFER属性该属性用于指定页面输出时是否要用到缓冲区，默认值为FALSE。当它为TRUE时，直到整个ACTIVESERVERPAGE执行结束后才会将结果输出到浏览器上。如BUFFER示例“NEXT这页执行时，整个主页的所有内容会同时显示在浏览器上，这个主页会存在缓存区中直到脚本执行结束。EXPIRES属性该属性用于设置浏览器缓存页面的时间长度（单位为分），必须在服务器端刷新。通过如下设置通过在ASP文件中加入这一行代码，要求每次请求是刷新页面，因为RESPONSE一收到页面就会过期。3SERVER对象SERVER对象是ASP中一个很重要的对象，许多高级功能都是靠它来完成的。它提供了对ACTIVESERVERPAGES和方法的使用，在这介绍几个常用的方法。MAPPATH方法该方法返回指定文件的相对路径或物理路径。若PATH以一个/或开始，则MAPPATH方法返回路径时将PATH视为完整的虚拟路径。若PATH不是以斜杠开始，则MAPPATH方法返回同ASP文件中已有的路径相对的路径。如TESTASP文件位于CINETPUBWWWROOTMYHOME下，CINETPUBWWWROOT为服务器的宿主目录，而TESTASP包含如下脚本输出CINETPUBWWWROOTMYHOMETESTASP要得到这个结果还可以用如下方法CREATEOBJECT方法这个方法是SERVER对象中最重要的方法，许多功能都不得不用到它。它用于创建已注册到服务器上的ACTIVEX组件。这是一个非常的特性，因为通过使用ACTIVEX组件能够使你扩展ACTIVEX的能力。用于创建服务器端的方法如下SERVERCREATEOBJECT“COMPONENTNAME“用来创建的组件可以是所有ACTIVEX能使用的内置组件，实际上是存在于服务器的所有ACTIVEX组件。4APPLICATION对象APPLICATION对象是个应用程序级的对象，用来在所有用户间共享信息，并可以在WEB应用程序运行期间持久地保持数据。APPLICATION的属性APPLICATION对象没有内置的属性，但是我们可以自行创建其属性。其实大部分APPLICATION变量都存放在CONTENTS集合中，当你创建一个新的APPLICATION变量时，其实就是在CONTENTS集合中添加了一项。下面两个脚本是等效的或“SERVERJEFFUIDSAPWDDATABASETEST“ENDSUB一个数组能够被定义成APPLICATION对象，不过这个数组只能作为一个对象保存，而不能用APPLICATION0取出其值。可以定义一个临时数组实现这种功能。如同样要修改这个APPLICATION对象也可以定义一个临时数组，把APPLICATION对象赋给数组，然后修改这个数组的元素，最后把数组赋回APPLICATION对象。如5SESSION对象SESSION其实指的就是访问者从到达某个特定主页到离开为止的那段时间。每一访问者都会单独获得一个SESSION。在WEB应用程序中，当一个用户访问该应用时，SESSION类型的变量可以供这个用户在该WEB应用的所有页面中共享数据；如果另一个用户也同时访问该WEB应用，他也拥有自己的SESSION变量，但两个用户之间无法通过SESSION变量共享信息，而APPLICATION类型的变更则可以实现站点多个用户之间在所有页面中共享信息。SESSIONID属性该属性返回当前会话的唯一标志，为每一个SESSION分配不同的编号。我曾在开发过程中就遇到对用户的控制问题。它要实现的功能就是，针对某个网站的一个模块，当一个会员登录后正在看此模块时，另一个人用同样的会员名登录，就不能浏览这个模块。也就是说一个会员名同时只能一个人浏览此模块。我通过用会员名（假设为USERID，唯一）和SESSIONID来实现了控制。当会员登录时，给这个会员一个SESSION记录登录状态如SESSION“STATUS“LOGGED“，同时把这个会员的SESSIONSESSIONID写入数据库。当他要浏览此模块时，先判断其是否登录，若已经登录再判断它的SESSIONID是否与数据库记录的相同，如果不同则不能访问。这样，当另一个用户用相同的会员名登录时，那么数据库中记录的就是新的SESSIONID，前者访问此模块时就不能通过检查。这就实现了一个会员名同时只能一个人浏览某个模块。这个功能在一些收费网站有很有特别作用，它防止了一个会员名给多个人浏览的问题，为公司保障了利益。TIMEOUT属性该属性用来定义用户SESSION对象的时限。如果用户在规定的时间内没有刷新网页，则SESSION对象就会终止。一般默认为20分钟。ABANDON方法该方法是SESSION对象的唯一方法，可以清除SESSION对象，用来消除用户的SESSION对象并释放其所占的资源。如SESSION_ONSTART和SESSION_ONEND事件和APPLICATION一样，当对象的例程每一次启动时触发SESSION_ONSTART事件，然后运行SESSION_ONSTART事件的处理过程。也就是说，当服务器接收到应用程序中的URL的HTTP请求时，触发此事件，并建立一个SESSION对象。同理，这个事件也必须定在GLOBALASA文件中。当调用SESSIONABANDON方法时或者在TIMEOUT的时间内没有刷新，这会触发SESSION_ONEND事件，然后执行里面的脚本。SESSION变量与特定的用户相联系，针对某一个用户赋值的SESSION变量是和其他用户的SESSION变量完全独立的，不会存在相互影响。44配置ASP运行环境ASP网页需要相应的WEB服务器的支持，才能正常运行，其WEB服务器主要是PWS和IIS。在最终运行ASP页面时，目前一般选择IIS51作为ASP的WEB服务器，以实现对ASP页面的解析。操作系统可选择WINDOWS2000SERVER或WINDOWSXPPROFESSIONAL。典型的配置如表41所示。表41TYPICALSYSTEMCONFIGURATIONSFORASPDEVELOPERSDATABASEDATABASEDRIVERAPPSERVERWEBSERVERMSACCESSMICROSOFTACCESSDRIVERODBCPWSIISPWSIISMSSQLSERVERMICROSOFTSQLSERVERDRIVERODBCMICROSOFTSQLSERVERPROVIDEROLEDBIISCHILISOFTASPIISANYCHILISOFTCOMPATIBLESERVERORACLEMICROSOFTORACLEDRIVERODBCIISCHILISOFTASPIISANYCHILISOFTCOMPATIBLESERVER在此采用第一种方案，这也就是为什么在前面介绍MSACCESS的原因。本机设置的运行环境WINDOWSXPPROFESSIONALIIS51。1安装IIS服务器IIS是INTERNETINFORMATIONSERVER的简称，对于WINDOWS2000SERVER，默认情况下是自动安装了该项服务的，对于WINDOWSXPPROFESSIONAL，则没有安装。另外WINDOWSXPHOME不支持IIS。本机原来安装的即是WINDOWSXPHOMEEDIT,后因无法运行ASP网页而改装WINDOWSXPPROFESSIONAL。现将安装步骤发布如下（1）在控制面板中单击“添加/删除程序“。（2单击“添加/删除WINDOWS组件“，此时将弹出WINDOWS组件向导对话框如图42所示。图42WINDOWS组件向导对话框（3在组件列表中，选择“INTERNET信息服务（IIS）“单击“下一步“按钮即可等待完成安装。2启动IIS服务启动方法单击开始菜单程序管理工具INTERNET服务管理器。INTERNET信息服务管理器界面如图43所示。图43INTERNET信息服务管理器在INTERNET信息服务管理器中，可实现创建站点、创建虚拟目录、配置站点根目录、指定站点主页文件等配置。3配置WEB服务器进入IIS界面后对其进行如下步骤的设置（1）在INTERNET信息服务管理窗口左侧树状结构中显示默认网站。（2选中默认网站后点右键，在弹出的快捷菜单中选择属性，弹出新的窗口如图44所示。图44默认网站属性对话框设置路径如上图，这样在本地磁盘F下的SITES文件夹内的站点都可通过此步骤在IIS下可见。接着对WEB站点进行如下配置配置服务器的IP地址、WEB服务的端口号、站点根目录、站点默认的主页文件名等。1设置IP地址与端口提供WEB服务的站点应具有固定的IP地址，以便其他用户能正常访问；WEB服务的端口默认为80，一般不要更改。配置WEB服务器IP地址与端口如图45所示。图45配置WEB服务器IP地址与端口2指定站点根目录任何一个网站均有一个根目录（又称主目录），用于存放网页及相关的文件，在根目录下，还可建立子目录，以实现对文件的分类存放和管理。站点的主页文件必须放在该目录中。在主目录配置页面中，还可对站点的访问权限进行设置。一般只需选中读取、日志访问和索引此资源的权限，执行许可一般设置为纯脚本，不要设置为脚本和可执行程序，否则访问者就可执行站点下面的可执行程序，这给站点安全带来很大的隐患。在此指定站点的根目录。选中EDC点右键属性对其进行路径选择。这里选择路径有两种方法A修改IIS根目录的位置。B在IIS根目录下创建本站点的虚拟目录。本人在此选用第一种方法，将路径设置为F/SITES/EDC。如图46所示。图46设置EDC属性对话框（3设置站点主页文件每个站点均可指定一个或多个主页文件（彼此间有优先级），它是访问站点时，在未指定访问页面时，系统默认访问的页面。主页文件在“文档“选项卡中设置，利用添加和删除按钮，可添加主页文件或删除指定的主页文件，利用带上、下箭头的按钮，可调整主页文件被访问的优先级，排在前面的优先访问。设置主页文件及优先级如图47所示。图47设置主页文件及优先级对话框第5章网站的设计51站点的创建首先，启动MACROMEDIADREAMWEAVERMX2004，选择“站点”“管理站点”出现“管理站点”对话框，单击“新建”，然后从弹出式菜单中选择“站点”。出现“站点定义”对话框，对其进行如下设置，如图51所示。图51EDC站点定义对话框创建本站站点EDC存于本地磁盘F的SITES文件夹中。然后在本站点内建数个文件夹以存放图片、数据等。如图52所示。图52EDC文件夹其中，文件夹MAIN包括如图53所示。图53MAIN文件夹文件夹ADMIN包括，如图54所示。图54ADMIN文件夹文件夹DATABACKUP存放备份的数据。文件夹MYDATAZW存放数据库。文件夹UPLOADFILE存放上传的图片和文件。文件夹EWEBEDITOR存放一个在线编译器的源码。文件夹JS存放CSS样式表。站点文件夹EDC的IMAGES主要存放本站公用图片的文件夹。如图55所示。图55IMAGES文件夹52数据库的创建在网站规划阶段对网站的定位就决定着创建数据库的内容。在此我们要建以下8个表表ADMIN,表ADMIN_LIST,表ANNOUNCE,表BOOK,表COOLSITECLASS,表COOLSITEDATA,表NEWSCLASS,及表NEWSDATA。将其存于站点文件夹EDC的MYDATABASE文件夹中。现在开始具体步骤启动MICROSOFTOFFICEACCESS2003，在文件中选新建，依次建立以下8个表。所建表分别图56、图57、图58、图59、图510、图511、图512、图513所示。图56管理员基本信息表图57管理员登录历史记录表图58公告信息表图59留言记录表图510酷站分类表图511酷站内容信息表图512站内文章分类信息表图513站内文章内容信息表这八个表分别存放的是管理员的基本信息、管理员登录历史记录、公告信息、留言记录、酷站分类、酷站内容信息、站内文章分类信息、站内文章内容信息。以上八个表是支撑动态网站的核心，本网站通过对其调用实现便捷的管理和站内文章的实时更新。53网页的设计531首页的设计1确定首页的功能模块首页的内容模块是指需要在首页上实现的主要内容和功能。在网站的规划阶段，我们已确定了LOGO和主菜单等基本模块。在实现过程中，我们要扩展的功能模块有本站公告、站内搜索、热门文章排行等模块。按照常规设置，在最下方我们设置了版权信息模块。为了使网站能更好的服务于浏览者，实现更有效的互动，本人特在版权信息模块的上方添加一模块，包含设为首页、加入收藏、联系我们、站点管理四部分内容。这样既方便浏览者也方便网站的管理者和维护者。2设计首页的版面在功能模块确定后，开始设计首页的版面。设计版面的最好方法是找一张白纸，一支笔，先将你理想中的草图勾勒出来，然后再用网页制作软件实现。这一步非常重要也极其关键。充足的准备工作将使你的网站与众不同。网站草图完成后就可以开始首页的制作了。首先，要非常清楚的一点就是工具的正确选用。这也是为什么我将制作工具介绍放在论文比较重要的位置并进行详细介绍的原因。首页面的制作不仅要体现出网站的理念、内涵，还要体现出它的艺术性。因为网站建设一般的信息系统的建设相比，既有开发的共同特点，也有其特性，共性体现在网站建设也必须从实际出发，按照系统开发的一般规律和方法从事开发工作，而特性体现在其开发过程还要加入艺术创意和构思。如此分析后，不难看出首页制作艺术性的重要。所以选工具一定要慎重。在此我选择PHOTOSHOP70来进行页面的设计。由于PHOTOSHOP的图像处理和编辑功能在同类软件中表现相当出色，且使用便捷。在使用PHOTOSHOP制作首页的过程中要用到很多技巧，要频繁用到层和滤镜，这是两个极其重要的概念，在此就不一一道来了。但重要的一点就是一定要把握对细节的处理。完成这步后，将设计好的首页切片后以GIF格式导出，存于站点文件夹下的IMAGES文件夹内。然后启动DREAMWEAVER在文件夹MAIN内的HEADASP中进行首页框架的设计。选插入中的布局利用表格进行页面的布局。首先插入一个1行2列宽1010象素的表格，将LOGO插入第一列。如图514所示。图514插入LOGO图然后依次设置菜单栏、站内公告、导航栏和版权信息栏，普通静态页面设计完成后，接下来在要显示动态内容的地方依次插入ASP代码块。现以站内公告为例说明。方法是在插入里选ASP对象，然后选中代码块，弹出编辑内容对话框。在此输入如下代码块同理，依次分别输入以下4个代码块实现最新公告动态自右至左动态滚动的效果。如图515所示。图515最新公告动态效果图设置完菜单和版权信息后，要完成和其他子页的链接。在版权信息的上方分别设置了设为首页、添加收藏、联系我们及站点管理。其实现代码分别是设为首页点击后出现如图516所示。图516设为首页效果图加入收藏点击后出现如图517所示。图517加入收藏效果图联系我们点击后出现如图518所示。图518联系我们效果图站点管理完成这步后进行INDEXASP的设计。在INDEX中我们要设置一个搜索栏实现文章查询的功能。在此建一个表单，依次分别插入一个文本域、一个菜单、一个按钮。设置属性分别如下图519、图520、图521所示。图519设置文本域属性图520设置菜单属性图521设置按钮属性设置结果图如图522所示。图522搜索模块效果图要显示首页文章的列表，按照布局，在搜索栏的正下方插入一个3行1列宽282象素的表格，在相应位置插入ASP代码块以实现自动添加功能。其构图方式如图523所示。图523栏目模块图在左侧，输入ASP代码块实现调用用户登录和热门文章栏目。在右侧输入实现酷站推荐的调用。当然在INCLUDEASP内包含了对其的设置，分别如图524、图525、图526所示图524用户登陆模块图图525酷站推荐模块图图526热门文章模块图搜索页面SEARCHASP如图527所示。图527搜索结果显示图其代码块就不一一赘述了。在此重点说明下转到其他页功能的实现。在转到后插入一个菜单，属性设置如图528所示。图528设置菜单属性图其列表值设置如图529所示。图529列表值对话框动态设置如图530所示。图530动态菜单对话框在转到前插入ASP代码块“MARGINTOP0PXMARGINLEFT0PXMARGINRIGHT0PXMARGINBOTTOM0PXSCROLLBARFACECOLOREDEDEDSCROLLBARHIGHLIGHTCOLORFAFAFASCROLLBARSHADOWCOLORBDBDBDSCROLLBAR3DLIGHTCOLORFFFFFFSCROLLBARARROWCOLOR939393SCROLLBARTRACKCOLORF4F4F4SCROLLBARDARKSHADOWCOLORFFFFFFFONTSIZE9PXCOLOR313131TDFONTSIZE9PTLINEHEIGHT150ALINKCOLOR313131TEXTDECORATIONNONEAVISITEDCOLOR313131TEXTDECORATIONNONEAHOVERCOLORFF0000TEXTDECORATIONUNDERLINEAACTIVECOLOR313131TEXTDECORATIONNONEINPUT_TEXTFONTSIZE9PTBORDER1PXSOLIDCCCCCCFONTFAMILYARIALINPUT_SUBMITFONTSIZE9PTBORDER1PXSOLIDCCCCCCFONTFAMILYARIALBACKGROUNDCOLORFFFFFFIMAGESBORDERBBBBBBBORDERSTYLESOLIDBORDERTOPWIDTH1PXBORDERRIGHTWIDTH1PXBORDERBOTTOMWIDTH1PXBORDERLEFTWIDTH1PX将其保存为ZWCSS放置于站点目录下的JS文件夹内已备调用。在后台管理系统中同样也需要对各页面进行美化。因此在ADMIN文件夹下创建JS专门存放自定义样式表，不仅可美化页面，还起到统一风格的作用。535部分特效的实现1文字大中小的实现大中小效果鼠标分别点击大、中、小，将分别出现16、14、12的字体。浏览者可根据需要自由选择。2自动滚屏的实现实现方法在自动滚屏前插入一个复选框，命名为；AUTO选定值设为ON，当鼠标选中复选框时屏幕就开始滚动。直到你点击右键时停止滚动。3当前时间的显示第6章网站的运行本网站的运行环境要求如下屏幕要求屏幕分辨率为1024768或以上才能达到最佳浏览效果浏览器需要浏览器为IE60或以上版本才能正常运行系统要求MICROSOFTWINDOWSXPPROFESSIONALWITHIIS51/MICROSOFTWINDOWSNTPACK4ORLATER/WIN2000WITHIIS40ORLATER/WIN9XPWS程序规格ASPACCESS2003在上两章里（第5、6章）我们已经安装并设置了IIS服务器，也对站点进行了设置。要在本地实现本网站的浏览，还需要进行系统数据源DSN的德连接和站点文件夹权限的设置。61建立数据库连接611了解DSNDSN是一种名称，它包含使用ODBC驱动程序连接到指定数据库所需的全部参数。您可以使用DSN在WEB应用程序和数据库之间建立ODBC连接。622建立系统DSN连接首先，选控制面板管理工具数据源（ODBC）。设置如图61所示。图61安装MSACCESS驱动程序这是因为我们选择的是MSACCESS。接下来要设置系统DSN。如图62所示。图62创建新数据源点完成，进行设置如图63所示。图63设置数据库路径点击确定后可看到数据库已添加到系统DSN当中。如图64所示。图64添加数据库到系统DSN62设置文件夹的权限虽然可以通过HTTP协议访问SITES中的ASP网页，但仍不能够实现显示数据库内容、更新数据库等功能。主要是因为通过HTTP协议访问时，不具有对数据库进行控制的权限。所以，在下面的操作中，将设置存放数据库的文件夹的权限。1设置站点根目录SITES权限，如图65所示。图65设置站点根目录SITES权限2设置本站点文件夹EDC的权限，如图66所示。图66设置本站点文件夹EDC的权限3设置数据库文件夹的权限，如图67所示。图67设置数据库文件夹的权限第7章网站的上传和维护在设置好服务器和数据库的连接后，激动人心的时刻就要到来了在本地测试网站。但在这之前，还必须要进行极其关键的一步检查整个站点的链接。步骤如下1导入EDC站点。2选择站点检查站点范围的链接。弹出窗口如图71所示。图71检查链接3对断掉的链接进行修复。完成后再重新查看下管理站点内本站点的设置，确保设置完全正确即可上传。此时，打开浏览器输入HTTP/127001/EDC/或者HTTP/LOCALHOST/EDC/即可查看整个网站了。测试下各个链接后，登录站点管理，可对网站进行管理维护。至此电子设计网站建设工作基本完成。毕业设计总结网页制作对我来说，有着极大的吸引力。开始选中这个课题时我相当兴奋，不仅是因为自己比较熟悉，还因为它属于计算机应用方面的课题，是一个很实际又极具现实意义的项目。但真正开始动手前的准备时，才发现根本不如我所想象的那么简单。网站建设和网页制作根本就不是一回事。网站也不是一个个网页叠加而成的。在网上神游了很久后发现现在的网站基本上全是动态的，尤其是基于ASP和数据库技术结合下制作出的网站，成为当下最炙手可热的、最受网民欢迎的网站。还有部分通过ASPNET和数据库实现的网站功能更是强大。而我所了解和掌握还只是静态网页的制作，这离要建一个动态网站的距离太远了。好在互联网本身就是一个巨大的资源库，可以提供我一个很大的学习空间，在网上搜集各种信息，浏览各式各样的网站并对其进行全方位的分析、学习网站建设所需要的技术知识。系统性的了解后对自己要建的网站的设计思路也越来越清晰了。从对网站的规划到开发工具的选取再到具体的实现，整个过程我都一直不断的在学习新的东西，吸收和借鉴一些优秀的东西。网站建设从设计思路到策划到具体实现再到完善和维护，每一部分都是个很大的课题，都需要时间去构思、分析。鉴于时间的关系，没能做到每一步都很完整且完美。故设计中有诸多不完善的甚或不合理的地方，论文中相应也存在很多漏洞和缺陷，希望评委及老师批评指正致谢在论文完成之际，谨向在毕业实践和书写论文过程中所有培养、关心、帮助过我的领导、老师和同学表示我最衷心的感谢特别是网上一些网页制作、网站建设专业网站和论坛给我的启示和提供的学习参考资料。还有那些我原本并不认识的朋友在制作过程中给予的建议和帮助。同时还要感谢一些相关网站，因为有了它们提供的图片、文字信息，这个网站才有了生机。参考文献1白煜DREAMWEAVER网页设计（MX版）案例教程北京清华大学出版社,2003年7月2吴涛FLASHMX2004标准教程北京科学出版社,2004年5月3李长文，张云杰网页设计经典范例北京清华大学出版社,2003年8月4前沿电脑图像工作室，李志伟巧学巧用DREAMWEAVER制作网页MX2004版北京人民邮电出版社,2004年6月5邹婷，胡崧PHOTOSHOPCS/DREAMWEAVERMX2004/FLASHMX2004网页设计黄金搭档北京中国青年出版社,2004年6冯沃辉最新网页设计与制作教程北京冶金工业出版社,2001年9月7石志国，王志良，薛为民ASP精解案例教程北京清华大学出版社；北方交通大学出版社,2004年1月8蒋方帅FRONTPAGE2000MARGINTOP0PXMARGINLEFT0PXMARGINRIGHT0PXMARGINBOTTOM0PXSCROLLBARFACECOLOREDEDEDSCROLLBARHIGHLIGHTCOLORFAFAFASCROLLBARSHADOWCOLORBDBDBDSCROLLBAR3DLIGHTCOLORFFFFFFSCROLLBARARROWCOLOR939393SCROLLBARTRACKCOLORF4F4F4SCROLLBARDARKSHADOWCOLORFFFFFFTDFONTSIZE9PTLINEHEIGHT150ALINKCOLOR000000TEXTDECORAT