个人网站设计毕业论文

1概述 11.1网站 设计 领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计 的发展 11.2网站设计的前景 21.3网站设计的作用 22总体规划 32.1设计意念 32.2规划设计 42.3艺术性处理原则 63具体页面的构思和实现过程 73.1网页设计制作规范 73.2网页的布局和结构 73.3网页画面风格的设计 83.4页面的设计、制作开发 94　个人网站制作过程 104.1制作主页前的准备 104.2确定网页的内容结构 124.3建立站点进行页面设计 124.4静态网页设计中的技巧与难点 124.4.1　在线音乐制作难点 134.5　聊天室的制作 134.5.1　聊天室的界面规划 134.5.2　聊天室的功能规划与设计 144.6　留言板的设计 215　网站的稳定性与调试 275.1　网站的稳定性 275.2网站的调试 27总结 28致谢 29参考文献 301概述1.1网站设计的发展网站设计是一门新兴的边缘性的行业，在网络产生以后应运而生。网页如门面，小到个人主页，大到大公司、大的政府部门以及国际组织等在网络上无不以网页作为自己的门面。当点击到网站时，首先映入眼帘的是该网页的界面设计，如内容的介绍、按钮的摆放、文字的组合、色彩的应用、使用的引导等等。这一切都是网页设计的范畴，都是网站设计者的工作。在信息技术发展如此迅速的今天，网络快速走进了人们的生活，作为网络上的载体，网页的设计显的越来越重要了，在网络上，用户看到的是一个个精美的页面，可曾想过这些页面是怎样做出来的呢？是网页设计者们。身处E时代的人们，如何设计一个吸引人的网站，是网页设计者的追求目标。在网络化的今天，网页在其中占有不可忽略的地位。无论是动态的网站还是静态的网站，都是由一个个活泼，生动，有趣的网页构成的。1.2网站设计的前景网站设计可以说是一门实用设计艺术，它既包含了平面设计中的设计法则，如文字排版，图片制作等。也包含网页制作的其他要素：三维立体设计，静态无声图文，动态有声影像，智能交互效果的实现等。从事网站设计，必须首先从版面结构入手，从整体布局做起。而形成版式结构基本条件，是正文、标题、图片质和量的关系，文体的变化，文字量的合理搭配，图片的恰当配备，其他特殊效果的位置等等。网站设计拥有传统的媒体的不具有的优势，例如能够声音、图片、文字、动画相结合，营造一个富有生气的独特世界，同时它拥有极强交互性，使使用者能够参与其中，同设计者相互交流。但是最基本的模式还是平面设计的内容，所以平面设计就要考虑形式美的内容，其中网页的排版布局就属于形式的内容，那什么是形式呢？中国古典建筑形式就称为“形式”。“形”是自然的，“式”是人为的。“形式”是将自然形态经过人为改造而称为一种新的美的形式。如果没有主观的创造，就没有艺术，也不可能有今天的一切，当然对于实际的网页制作来说，这也是最基本的，就是主观的创造，因为这是一个网页的灵魂，假如没有自己的主观创造，就只能拾人牙慧，重复别人丢掉不用的东西，是毫无意义的。所以现在强调网页设计的创造，表现在对页面的布局上，具体说就是体现在页面的形式美方面。就是通过页面的合理安排，例如文字的条理清楚、流畅、整体，使形式美得到体现。1.3网站设计的作用每个网站的建设，首先应该从功能出发。功能是网站的目的所在，为了“个性”而牺牲功能上的需求，那就舍本求末了。而通常功能上的需求无非有：一、能够明确的表达一个网站的主题。二、能够容纳多种形式的内容。三、能够良好的适应不同的分辨率。其次要有一个清晰的网站结构。比如说，导航条要不要？个性一派说那东西人人在做，就显得太俗没个性，难显示出新潮。但导航条之所以有那么多人在用，是因为它给浏览者一个明确的结构，方便人们查找自己所需的信息。从某种角度上说，大家都在用的东西就说明它确实被大家所接受。要清楚网站做出来是给每一个人普通用户看的，而不是用来孤芳自赏的。在美学类书籍上也这样讲过：艺术的个性要在人们所能接受的范围内，而并非天马行空。经常更新，给人以新意。设计技术的发展，带来了网页世界的繁荣。尤其在崇尚个性的今天，设计者们更是将页面设计表现的淋漓尽致。用户欣喜的看到那些僵化的设计模式正在被逐个打破，网页设计充满了生机。但是，作为网页设计者，不能一味的只追求个性的体现，还必须兼顾到用户的习惯，在体现自己的风格的同时，在功能上使用户更加方便。综上所述，各位可能也看出来了：网页设计要在满足网站功能，结构及需求的基础上，做到尽量的美观。在常规中做出个性，在个性中表现常规。2总体规划2.1设计意念2.1.1　计划制定　制定建站计划往往是一件使个人、公司、企业、机关单位等头痛的事情，因为网站建设对他们来说，可供套用的经验几乎为零，希望能通过用户的服务制定计划提供一点参考 意见 文理分科指导河道管理范围浙江建筑工程概算定额教材专家评审意见党员教师互相批评意见 。2.1.2计划实施　　有了计划，还需要通过有效的实施才能达到预期目的，成功的投资当然需要回报。委托设计、进度控制、测试验收及网站开通后的日常维护，都是计划实施过程中关键的环节。2.1.3总体设计　　总体设计的任务是从整体上对网站精心策划并确定网站的设计目标，在技术上合理规划设计指标，收集、整理、编辑网站内容，同时从访问者的角度设计划分栏目。2.1.4界面设计　　界面设计涉及的范围极其广泛，根据个人、公司、企业、机关单位等对界面设计的不同要求需要，用户通常采用不同的设计方式，包括最简洁的模板填空、大众化设计、个性化设计以及整体要求极高的创意设计。2.1.5功能设计　　设计定位不同的网站之间功能之间的差距很大，最简单的是静态页面，然后是充满动感的动态效果（有时也叫做动态页面，但与动态内容是不同的概念），还有与数据库结合的动态内容页面（通常所说的动态页面），功能最丰富的当然是能实现在线沟通的电子商务。2.2规划设计不论是正规的商业网站还是个人网站，要想把网页搞得丰富多彩，吸引大量用户前来访问，网站规划设计是至关重要的。2.2.1网站的总体规划除非只设计一两个网页，否则网页制作应按网站来考虑，首先对网页内容进行划分设计。创建新网站最佳 方法 快递客服问题件处理详细方法山木方法pdf计算方法pdf华与华方法下载八字理论方法下载 是先建立原型系统，再进行详细设计，最后正式实施。原型系统最主要的目标是学习、尝试采用不同的方法修改目标、更新形象。原型系统开发过程中要解决网站建设的一些基本问题，例如：(1)网站的结构；(2)新添文件与原有系统保持一致的措施；(3)信息的组织与管理；(4)存储信息的物理方法（采用数据库还是文件系统）；(5)文档版本控制（例如，如何确保多个用户同时编辑同一个文件）；(6)结构的完整性和一致性的维护方法。这些问题没有绝对正确的答案，只能根据实际情况进行选择。详细设计包括画面的布局、系统的内部结构、实现方法和维护方法等。这些对于以后的系统开发和投资估计都有着极其重要的意义。进行详细设计时，最重要的是确定网站的运行模式。它仅仅是宣传性站或者随意性很强的个人站点，还是通过广告、销售等方式获利的点，设计的方式和内容有着很大的区别。对于商业网站，必须充分考虑财力、人力、计算机数目、网络连接方式、系统的经济效益、网站验证和用户反馈回复等诸多方面的问题。从长远角度考虑，必须准确地知道网站的目标和系统的资金投入。2.2.2网站内容的开发影响网站成功的因素主要有网站结构的合理性、直观性，多媒体信息的实效性和开销等。成功网站的最大秘诀在于让用户感到网站对他们非常有用。因此，网站内容开发对于网站建设至关重要。进行网站内容开发的要点包括：(1)HTML文档的效果由其自身的质量和浏览器解释HTML的方法决定。由不同浏览器的解释方法不尽相同，所以在网页设计时要充分考虑到这一点，让所有的浏览器都能够正常浏览。(2)网站信息的组织没有任何简单快捷的方法，吸引用户的关键在于总体结构的层次分明。应该尽量避免形成复杂的网状结构。网状结构不仅不利于用户查找感兴趣的内容，而且在信息不断增多后还会使维护工作非常困难。(3)图像、声音和视频信息能够比普通文本提供更丰富和更直接的信息，产生更大的吸引力，但文本字符可提供较快的浏览速度。因此，图像和多媒体信息的使用要适中，减少文件数量和大小是必要的。(4)对任何网站，每一个网页或主页都是非常重要的，因为它们能够给用户带去第一印象，好的第一印象能够吸引用户再次光临这个网站。(5)网站内容应是动态的，随时进行修改和更新，以使自己的网站紧跟市场潮流。在主页上注明更新日期及URL对于经常访问的用户非常有用。(6)网页中应该提供一些联机帮助功能。比如输入查询关键字就可以提供一些简单的例子，甚至列出常用的关键字。千万不能让用户不知所措。(7)网页的文本内容应简明、通俗易懂。所有内容都要针对设计目标而写，不要节外生枝。文字要正确，不能有语法错误和错别字。2.3艺术性处理原则2.3.1主页的设计主页的设计主要是网页设计软件的操作与技术应用的问题。但是，要使主页设计、制作得漂亮，必然离不开对主页进行艺术的加工和处理，这就要涉及到美术的一些基本常识。本文将介绍一些主页设计中经常涉及到的艺术处理原则，供各位在进行主页制作的时候参考。2.3.2主页的美化主页的美化首先要考虑风格的定位。任何主页都要根据主题的内容决定其风格与形式，因为只有形式与内容的完美统一，才能达到理想的宣传效果。目前主页的应用范围日益扩大，但归纳起来大体有这么几个大类：新闻机构、政府机关、科教文化、娱乐艺术、电子商务、网络中心等。对于不同性质的行业，应体现出不同的主页风格，就像穿着打扮，应依不同的性别以及年龄层次而异一样。例如：政府部门的主页风格一般应比较庄重，而娱乐行业则可以活泼生动一些；文化教育部门的主页风格应该高雅大方，而商务主页则可以贴近民俗，使大众喜闻乐见。2.3.3主页的风格主页风格的形成主要依赖于主页的版式设计，依赖于页面的色调处理，还有图片与文字的组合形式等。这些需要主页的设计和制作者具有一定的美术素质和修养。3具体页面的构思和实现过程3.1网页设计制作规范一、在网站根目录中开设images子目录，根据需要再开设别的子目录，images目录中放不同栏目的页面都要用到的公共图片，例如公司的标志、banner条、菜单、按钮等等。二、在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个images的子目录用以放置此栏目专有的图片文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。三、除非有特殊情况，目录、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录的命名请尽量以英文为指导，不到万不得已不要以拼音作为目录名称，经验证明，用拼音命名的目录往往连一个月后的自己都看不懂，3.2网页的布局和结构一、在排布表格之前，请大家一定要好好思考一个最佳的 方案 气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载 ，表格的嵌套尽量控制在三层以内，并且应该尽量避免<colspan><rowspan>两个标记，经验表明，这两个标记会带来许多麻烦。二、一个网页要尽量避免用一张大表格，所有的内容都嵌套在这个大表格之内，因为浏览器在解释页面的元素时，是以表格为单位逐一显示，如果一张网页是嵌套在一个大表格之内，那么很可能造成的后果就是，当浏览者输入网址，首先要先面对一片空白很长时间，然后所有的网页内容同时出现。如果必须这样做，请使用<body>标记，以便能够使这个大表格分块显示。三、排版中用户经常会遇到需要进行首行缩进的处理，不要使用或者全角空格来达到效果，规范的做法是在样式表中定义p{text-indent:2em;}然后给每一段加上<p>标记，注意，一般情况下，请不要省略</p>结束标记。四、原则上，用户禁止用<impwidth=?Height=?>来人为干预图片显示的尺寸，而且建议<imp>标签中不要带上width和height两个属性，这是因为制作过程中，图片往往需要反复的修改，这样可以避免人为干预图片显示的尺寸，尽可能的发挥浏览器自身的功能；但是这样的一个副作用是当网页还未加载图片时，不会留出图片的站位大小，可能会造成网页在加载过程中抖动（如果图片是插在一个固定大小的表格里的，不会有这个现象），尤其是当图片的尺寸较大时，这种现象会很明显，所以当预料到这种会明显导致网页抖动的情况会发生时，请大家务必在最后给<imp>附上width和height属性。五、为了最大程度的发挥浏览器自动排版的功能，在一段完整的文字中请尽量不要使用<bra>来人工干预分段。六、不同语种的文字之间应该有一个半角空格，但避头的符号之前和避尾的符号之后除外汉字之间的标点要用全角标点，英文字母和数字周围的括号应该使用半角括号。七、所有的字号都应该用样式表来实现，禁止在页面中出现<fontsize=?>标记。八、请不要在网页中连续出现多于一个的也尽量少使用全角空格（英文字符集下，全角空格会变成乱码），空白应该尽量使用text-indent,padding,margin,space,space以及透明的gif图片来实现。九、中英文混排时，用户尽可能的将英文和数字定义为veranda和aerial两种字体。十、行距建议用百分比来定义，常用的两个行距的值是line-height:120%-150%.十一、网站中的路径全部采用相对路径，一般链接到某一目录下的缺省文件的链接路径不必写全名，如用户不必这样：<aheft=“aboutus/index.htm”>而应该这样：<Aherb=”aboutus/”>十二、嵌入图形文本的使用较大的字体，建议不要在图形中包括文本。十三、“网页大小”定义为网页的所有文件大小的总和，包括HTML文件和所有的嵌入的对象。用户喜欢快的而不是新奇的站点。对于解调器用户，网页大小保持在34K以下为合适。3.3网页画面风格的设计简洁明快、独具特色、保持统一的网站风格能让用户产生深刻印象，不断前来访问。优秀的网页画面少不了漂亮的图像，但更主要的是布局效果。网页布局采用的主要技术是HTML的表格（Table）和窗框（Frame）功能。由于这个网站是关于毕业心情的，所以选用比较清雅的颜色和图片，让访客看了有一种轻松愉悦、心旷神怡的感觉。其主页面如图3－1所示：图3－1网站主页面3.4页面的设计、制作开发一、有了一个HTML编辑器和几兆服务器空间并不能说马上就可以设计网页了。在开始编写文字、寻找图像和进行HTML标记之前应该先把基本的网页结构组织号。如果没什么要说的，就什么也不要说。要是开始的时候在脑子里没有一个相当明确的结构，那几乎肯定会以一团糟而告终。开始时谨慎一些，然后不停地学习,不停地改进。卸载一些你喜欢的页面，核对HTML源文件，看它是怎样写的，把它全部或部分粘贴到一个试验文件进行检验。整页地拷贝别人的东西是剽窃行为，但是向别人学习则是研究过程。二、用户第一次进入主页时，用户通常不是在寻找值得阅读的地方，可能正在寻找可供选择的东西，以超文本术语说即是可用鼠标点取的词句、图像、按钮等等，接下来是阅读文字，选定一个可选项，按鼠标键，下页出现后又重复此过程。这里的技巧是确定阅读时按键的适当比率。提供的可选项要是太少，访问者会觉得没意思，要是太多又会吓倒别人。三、不要让读者不知所措。不必非要用声音和图像充斥网页，也不要把文件做得太长以至于在装载文件时让读者等得脚后跟发凉，因此使用图像时要谨慎：大的图像显然会降低页面建立的速度，但许多需要顺序装载的小图像也会如此。4　个人网站制作过程4.1制作主页前的准备4.1.1主页题材下面开始着手策划制作主页。首先面临的问题便是要制作什么内容，选择什么样的主页题材。网络上的主页题材千奇百怪、琳琅满目。只要想的到，就可以把它制作出来。这里做的是一个名叫“似水年华”的网站，讲述的是大学毕业的心情，所以这里有很多关于毕业的文章。4.1.2规划框架每个网站都是一项庞大的工程。好比造高楼，没有设计图纸，规划好结构，盲目的建造，结果往往是倒塌；也好比写文章，构思好提纲，才不至于逻辑混乱，虎头蛇尾。全面仔细规划架构好自己网站，不要急于求成。规划一个网站，可以用树状结构先把每个页面的内容大纲列出来，尤其当要制作一个很大的网站(有很多页面)的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，十分累人，也十分费钱。大纲列出来后，还必须考虑每个页面之间的链接关系。是星形、树形，或是网形链接这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。为了提高浏览效率，方便资料的寻找，本站的框架基本采用“蒲公英”式，即所有的主要链接都在首页上，每个主链接再分别展开，主链接之间相互链接。框架定下来了，然后开始一步一步有条理、有次序地做来，就胸有成竹得多，也为主页将来发展打下良好的基础。4.1.3资料收集题材选定，框架选定，接下来就开始往主页里面输入内容。用户称作资料收集。就个人主页而言，很少有人有能力完全靠自己来创作所有的内容。大部分人的方法是：从报纸、杂志、光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集，只要到雅虎、搜狐等搜索引擎上查找相应的关键字，就可以找到一大堆的资料。4.2确定网页的内容结构本例要制作的网站，是关于毕业心情方面的个人站点。首先要掌握网站的子栏目数量和名称，该网站包括毕业心情、毕业随想、快乐回忆、听音乐吧、心情驿站、逗你乐、聊天室、留言板。各个子栏目又包括若干个子Web。4.3建立站点进行页面设计下面，根据网站的内容结构，规划出网站的文件及目录结构。先定义首页文件index.asp再依次确定每个栏目的首页文件名，并确定与首页的链接关系等等。网站流程图如下图4－1所示：图4－1网站流程图4.4静态网页设计中的技巧与难点本站包括静态网页与动态网页。在静态网页中，毕业心情、毕业随想、心情驿站、逗你乐、关于站长这些网页主要是一些文章和颜色的搭配，由于即将毕业，同学们的心情都是比较沉重、烦躁。所以选了一些比较清新的颜色，和一些清雅的图片，让同学们看后有一种轻松愉悦、心旷神怡的感觉。4.4.1　在线音乐制作难点首先选择好歌手的图片和歌曲，由于歌曲所占用的空间较大，所以每位歌手只选择了一首歌曲。制作的难点就在于在线试听，当用户点击试听时，弹出一个新窗口，音乐在这个新窗口中试听，并且这个新窗口中还有歌词，弹出新窗口的程序代码实现如下：<Scriptlanguage="javascript"><!--Functionopenwin(furl){VaryNewwin=window.Open(url,"winname","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,width=360,height=450");Newwin.focus();Return(newwin);}FunctionMM_callJS(jester){//v2.0Returnevils(jester)}//-->注意：歌手的主页面与歌曲试听页面必须在一个目录下。在线播放是使用<embedsic="歌名"width="273"height="44"autostart=true></embed>命令来实现的。4.5　聊天室的制作4.5.1　聊天室的界面规划聊天室的功能主要是实现用户的发言和观看大家发言的内容，发言界面和聊天内容通常需要显示在同一个界面中，以方便发言的观看，另外，通常还需要显示当前在线的人数和用户列表，以方便选择发言对象。其主页面图4－2所示：图4－2聊天室主页面图从图中可见，整个聊天室主界面是用框架做的，每一个框架可抒写一个所要显示的页面。左上角的框架用于显示聊天内容，所显示的页面可指定为chatasp；左下角的框架用于提供发言的书写界面，该框架的显示页面可指定为input；并发言内容提交给chat.asp页面，实现发言内容的显示；右上角的框架用于显示当前在线人数和用户列表，可用list.asp页面来实现。聊天室相当于是网络世界的一个虚拟社区，每个聊天者都应有一个名字，因此，在进入聊天室主界面之前，还应设计一个用户登录界面，要求用户注册并登录成功后，方能进入聊天室。4.5.2　聊天室的功能规划与设计总体功能：能保存最的100条发言内容，同时允许80个用户在线聊天。(1)发言区功能除了提供发言内容的输入外，还应能显示当前用户正在发言的对象、可以选择发言的颜色和发言的表情。发言的颜色和发言表情通过下列式组合框提供。发言内容书写完毕后，通过单击“发言”按钮或按回车，实现将数据提交给chap.asp页面处理，以实现聊天内容的显示。(2)聊天内容显示每个用户的发言内容，可用一个数组保存，并通过赋给Application对象保存，来实现让这些内容对于每一个登录用户均可见，同时也实现各页面间数据的传递。通过显示该数组中的内容，即可实现聊天内容的显示。为了能用时显示各用户的发言内容，该页面应每隔6秒，自动刷新一次。同时还应实现自动滚动的功能，以便始终能显示出最新的发言内容。发言区、聊天内容显示代码如下：<%User=request("user")%><Html><Head><Metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><Scriptlanguage="JavaScript1.2">Functionchecksay(){Varyobi=document.inputform;if(obj.msg.value==""){alert("发言内容不能为空！");oBj.msg.focus();returnfalse}Obj.SAYS.value=obj.msg.valueObj.msg.value="";Obj.msg.focus();}</script></head><Bodybicolor="#EFF5FE"><Formname=inputformaction='refresh.Asp’target='r'method=postonsubmit="returnchecksay()"><Inputname="user"type="hidden"value="<%=user%>"><Inputtype='hidden'name='says'value=''><Tablewidth="100%"align="left"border="0"cellspacing="0"cellpadding="0"><Try><tdwidth="590"colspan=2>对象<inputtype="text"name="whoto"size="12"maxlength="18"value="所有人"><spanclass="p9"%></div>表情<selectname="action"onchange="document.Inputform.msg.focus()"></Select><spanclass="p9">悄悄话<inputtype="checkbox"name="was"><spanclass="p9">滚屏<inputtype='checkbox'name="Autos"checkedonclick='scrollit();'><spanclass="p9">图音<inputtype='checkbox'name='AI'defaultchecked=falseonclick="if(AI.Checked){document.aicontrolForm.AI.value='on';}、click="if(AI.Checked){document.aicontrolForm.AI.value='on';}、else{document.AicontrolForm.AI.value='off';}document.aicontrolForm.DD.value='0';document.aicontrolForm.submit();"><spanclass="p9">请勿打扰<inputtype='checkbox'name='DD'Defaultchecked=falseonclick="if(DD.Checked){document.aicontrolForm.AI.value='on';}else{document.aicontrolForm.AI.value='off';}document.aicontrolForm.DD.value='1';document.aicontrolForm.submit();"></td></try><Try><td>信息<inputtype="text"name="mug"maxlength="200"size="45"><Selectname="color"onchange="document.inputform.msg.focus();"><optionstyle="color:#000000"value="0000aa"selected>字色</select>&nabs;<inputtype="submit"sic="send.if"value="发送"></td><Td></td></try><Try><td></form></td><Td><Formaction="chat.Asp"target="_top"method="post"name="controlForm"on,submit="this.userpwd.value=parent.userpwd"><Inputname="username”type="hidden"value="<%=user%>"<Inputtype="hidden"name="usurped"value=""><inputname="goback"type="button"value="清屏"onClick="parent.Cleanbody()"><Inputname="leaveit"type="button"value="离开"onClick="top.Location.href='leave.Asp?User=<%=user%>'"></form></td><tdalign="right"align=top><Formaction="admin/dontimg.asp"target="r"method="post"name="aicontrolForm"<Inputname="user"type="hidden"value="<%=user%>"<Inputtype='hidden'　name='AI'value=''><inputtype='hidden'name='DD'value=''></form></td></try></table></body></html><Script>Functionhideuser(){if(document.screenForm.hdish.value=='2'||document.inputform.whoto.value=="所有人"){Document.screenForm.whoto.value=document.inputform.whoto.value;Document.screenForm.submit();}Else{For(varyI=0;i<parent.list.length;I++){If(parent.list[I]==document.inputform.whoto.value){Document.screenForm.whoto.value=document.inputform.whoto.value;Document.screenForm.submit();}}}}Functionscrollit(){If(document.inputform.AutoS.checked){parent.autoscroll=true;parent.b.scroll(0,650000);}Elseparent.autoscroll=false;}<%Ifsession("adlevel")="9"then%>Functionadmin(action){Document.screenForm.kaction.value=faction;Document.screenForm.action='admin/adman’s';Document.screenForm.hdish.value=document.inputform.WHOTO.value;Document.screenForm.submit();Document.screenForm.action='admin/hideuser.asp';}Functiongoogol(goaction){If(goaction=="admin/relename.asp"){document.inputform.action=goaction;document.inputform.submit();document.inputform.action='refresh.asp';}If(goaction=="admin/releip.asp"){document.inputform.action=goaction;document.inputform.submit();document.inputform.action='refresh.asp';}}<%Endif%>//--></script>(3)用户列表区该页面实现在线人数和在线用户的统计，并将每个显示用户设置为一个超链接，将单击用户名时，实现将发言区中对象设置为该用户。用户列表区代码如下：<%Dimenlister,on-lineEnlister=application("enlister")Online=(Len(enlister)-Len(replace(enlister,"‘‘"“")))/3+1%><Html><head><Metahttp-equiv="refresh"content="600;URL=list.Asp"><title>在线名单</title><Metahttp-equiv="Content-Type"content="text/html;charset=gb2312"></head><bodybicolor=ffebd9><palign=center>在线名单[<%=online%>人]<Pclass='p9'><aheft="javascript:parent.cs('所有人')">所有人</a><bra><Script>For(varyI=0;i<parent.list.length;I++)deleteparent.List[I]Parent.List=newArray(<%=mid(enlister,2)%>);Laser();Functionloser(){Parent.list.sort();For(varyI=0;i<parent.list.length;I++){Document.Write("<aheft=\"JavaScript:parent’s('"+parent.List[I]+"')\">["+parent.List[I]+"]</a><by>");}}</script>(4)用户登录页面用户登录由login.asp来实现，主要让用户在进入聊天室之前，为自己设定一个用户名。在本站中，采取直接登录进入，未要求用户注册。用户登录界面如图4－4所示：图4－4用户登录图用户登录具体实现代码如下：<HTML><HEAD></TITLE><Script>Varyfocuses=false;Veers=navigator.appVersion;If(navigator.appName=="MicrosoftInternetExplorer"){pos=vers.lastIndexOf('.');verbs=vers.substring(pos-1,vers.length);}Properversion=parseFloat(veers);If(properversion>=5){focuses=true;}Functionvalidname(str1){Varys,I,j;if(str1.length<1){alert("请填写聊天昵称后再进入聊天室，谢谢！");Document.login.username.focus();returnfalse;}S=",'%#&\"\\";For(I=0;I<str1.length;I++){For(j=0;j<s.length;j++){if(str1.charAt(I)==scarab(j)){alert("名字中不能包含特殊字符:,'%#&\"\\");Returnfalse}}}Returntrue;}Functionwenxinchat(){Varyobi=document.Login;Varyusername=obj.username.value;If(validname(username)){Varywenxinchat=window.Open("","wenxinchat","top=0,left=0,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=790,height=530");Document.login.target="wenxinchat";If(focused){wenxinchat.focus();}Returntrue;}Else{document.login.username.focus();returnfalse;}}</script><Metahttp-equiv="Content-Type"content="text/html;charset=gb2312"></head><Bodybackground="./biye/image/back442.gif"topmargin=10><P>&nabs;</p><tablewidth=671align=centercellpadding=0cellspacing=0><Try><Thought="18"colspan="2"bicolor="#DfF5FC"style="background-color:Fyffe"></try><Try></table><Formname='login'method='post'action='chat.Asp’onsubmit="returnwenxinchat()"><P>&nabs;</p><tablewidth="337"border="0"bordercolorlight="#FFFFFF"bordercolordark="#FFFFFF"bicolor="#FFFFFF"align="center"><Try><Tdheight=40colspan=2align=centeralign=middlebicolor="#DfF5FC"style="font-size:16px"><%=Application("roomname")%></td></try><Tryalign=center><tdwidth="308"align=rightbicolor="#DfF5FC"><divalign="center"><fontface="仿宋_GB2312">聊天昵称</font>：<Inputtype=textname='username'size=12></div></td><Tdwidth=194align=middlebicolor="#DfF5FC"><divalign="center"><Inputname='image'class='input1'type='image'sic='login.If’></div></td></try><Try><Tdheight=27colspan=2align=centeralign=bottombicolor="#DfF5FC">&nabs;</td></try></table></form><By><center><By></body></html><Script>Document.login.username.focus();</script>4.6　留言板的设计留言板是目前网站中使用较广泛的一种与用户沟通、交流的方式。通过留言板，可以收集来自用户的意见或需要信息，并可做出相应的回复，从而实现网站与客户之间的交流与沟通。留言板的框架结构是很清楚的：是在访问者到达访问页面之后，填写留言，然后存储留言：同时还提供一个查看以前所有留言功能。图4－5显示了留言板应用程序的框图。图4－5留言板流程图4.6.1数据表的结构留言板占用的数据量是比较大的，因此用数据库来存储留言 记录 混凝土 养护记录下载土方回填监理旁站记录免费下载集备记录下载集备记录下载集备记录下载 和其他信息，存储留言记录的数据表为访客留言板数据表中包含留言者姓名、留言内容和时间等。图4－6显示了数据表的结构。图4－6访客留言表图4.6.2　留言板的界面规划与设计在书写留言页面中，包含访客姓名、性别、Email、留言内容等。由于要填写表单，因此VBScript进行客户端的检验，检查是否有空白和未输入字段。书写留言内容界面如图4－6示：图4－6填写留言图获取访客留言信息，把资料写入数据库代码如下：<%FunctionSultry(data)Sultry="'"&Replace(data,"'","''“)&"'"EndFunction'取得各栏目的资料Name=Request("Name")Sex=Request("Sex")Email=Request("Email")Email=Replace(Email,"<","")Email=Replace(Email,">","")Homepage=Request("Homepage")Homepage=Replace(Homepage,"<","")Homepage=Replace(Homepage,">","")Subject=Request("Subject")Subject=Replace(Subject,"<","")Subject=Replace(Subject,">","")Memo=Request("Memo")Memo=Replace(Memo,"<","")Memo=Replace(Memo,">","")Memo=Replace(Memo,"src","")Memo=Replace(Memo,"img","")Memo=Replace(Memo,char(13)&char(10),"<by>")'判断使用者是否正确填写留言板IfName=""OrEmail=""OrSubject=""OrMemo=""ThenResponse.Write"<bodybicolor='#FFFFFF'background='bg.jpg'>"Response.Write"<center><fontsize='6'><B>请将表单填入完整！</B></font><BR>"Response.Write"姓名、E-mail、留言主题、留言请务必填写！"Response.End'停止处理以下程式EndIf'将英文转为中文显示IFSex="Man"ThenSex="男"ElseSex="女"EndIF'与数据库连接Setcorn=Server.CreateObject("ADODB.Connection")Bypath=Server.MapPath("GBook.mdb")Connote"driver={MicrosoftAccessDriver(*.mad)};dabs="&Depth'把资料写入资料库sql="InsertInto访客留言板(姓名,性别,电子邮件,网页地址,留言主题,留言内容)Value