湖南科技大学计算机学院研究生信息网站设计

湖南科技大学本科毕业设计（论文）摘要本文的叙述围绕着如何实现一个功能完善的网站进行展开。在需求分析中，根据用户的角度，分析了所设计的网站需要实现哪些基本功能；从设计者的角度，分析了设计一个网站所用的编辑工具和编程语言及网站的软硬件开发环境。并根据分析的结果，主要采用Dreamweaver编辑器，结合PHP（javascript,html）编程编程语言，进行网站的页面设计；网站主要实现了新闻、下载、友情链接、网上调查，图片等功能。在详细设计阶段，依据总体分析的结果，进行具体页面的组织和数据库结构的设计。页面的组织主要是设计网页之间的联系，同时根据这些联系实现网页基本功能的构架。在编码阶段，进行具体网页的编码设计。根据网页的程序界面，表单，需要的数据等，写出实际的程序代码。由于本次设计的页面比较多，不可能尽数地写出全部程序的代码，因此，主要解释了用到的页面设计技术。通过网站的兼容性测试和网站的访问速度测试，可以看出，网站在目前主流浏览器中的浏览效果是一致的，并且网站的浏览加载速度较快，达到了预期的网站要求。关键字：网站设计；Dreamweaver；PHP；JAVASCRIPT湖南科技大学本科毕业设计（论文）-PAGEii-目录第一章引言 11.1开发背景 11.2论文组织 1第二章开发工具和技术介绍 22.1PHP简介 22.3MySQL简介 32.3Apache简介 42.4DedeCMS简介 52.5Dreamweaver简介 6第三章需求分析 93.1可行性分析 93.2网站功能需求 93.3性能需求 10第四章总体规划 124.1网站结构设计 124.2网站整体结构设计 14第五章详细设计 165.1公共模版设计 165.2主页模版设计 165.3列表页模版设计 175.4内容页模版设计 18第六章测试与分析 206.1测试方法 206.2测试环境 216.4测试结果 216.5运行效果图 246.5测试结果 28总结 29参考文献 30致谢 31-PAGE31-第一章引言1.1开发背景目前，很多高校和学院都有自己的网站。建立好的网站，可以更好方便学生了解信息，专业动态，学院的通知和信息，也能更好地让学校以外的人对学校和学院有更多深入的了解和认识。由于因特网具有传播信息容量极大、形态多样迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体，现在很多的学校和社会职能部门都已经建立了自己的网站，通过网络实现宣传、交流及资源的整合。作为一个计算机学院，建立一个学院自己的研究生网站有以下作用： （1）网站是学校的“商标”。在这个高度信息化的社会里，建立自己学校网站是最直接的宣传手段。网站的超时空特性，不仅能让地区内的人们了解本学院，更可让世界了解学校。 （2）网站是实现教育资源分配的桥梁网络有巨大的教育资源库，它使每一位教师和学生都能均等的得到培训和受教育的机会。极大的提高教学效率。 （3）网站能提供教学互动的全新方式学校网站使得教师与教师、教师与学生、学生与学生之间的交流有了全新的方式，它不再受到传统课堂的制约。它可以使不同的学校同处一室，共同讨论，共同共享。地理上的界限在这里模糊和消失了，网站是真正没有围墙的学校。 （4）网站能够提供个性化学习的平台，不同的学生理解世界的方式各不相同，认知世界有诸多方式。网络提供的丰富资源可以使学生寻觅不同的教育方式，各取所需。网站允许不同的学生沿着自己的途径，按自己的速度接受教育与学习，学生将有机会享受最佳的教育机会，充分发掘自己的内在潜力。湖南科技大学计算机学院研究生信息网（以下简称研究生网）就是结合现代学校的互联网宣传需求及管理方法而开发的一个具有宣传性，实用性的网站，是针对学院做的网站。管理者可以通过网络实现对学院及学校信息进行快速管理及宣传展示。实现的功能主要包括学院基本概况宣传介绍，招生就业发布管理，留言信息管理等。1.2论文组织 论文的组织结构如下： 第一章：引言； 第二章：开发工具和技术简介； 第三章：需求分析； 第四章：总体规划； 第五章：详细设计； 第六章：测试与分析；第二章开发工具和技术介绍2.1PHP简介PHP原始为PersonalHomePage的缩写，现已经正名为“PHP：HypertextPreprocessor”的缩写。PHP是一种HTML内嵌式的语言，是一种在服务器端执行的嵌入HTML文档的脚本语言，PHP独特的语法混合了C、Java、Perl以及PHP自创的语法。它可以比CGI或者Perl更快速的执行动态网页。用PHP做出的动态页面与其他的编程语言相比，PHP是将程序嵌入到HTML文档中去执行，执行效率比完全生成HTML标记的CGI要高许多；PHP还可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快。PHP具有非常强大的功能，所有的CGI的功能PHP都能实现，而且支持几乎所有流行的数据库以及操作系统。最重要的是PHP可以用C、C++进行程序的扩展。（1）PHP的优点1)开放的源代码所有的PHP源代码事实上都可以得到。2)PHP是免费的和其它技术相比，PHP本身免费。3)PHP比较简单PHP的语法类似于C，Perl，ASP或者JSP。对于那些对上述之一的语言较熟悉的人来说，PHP太简单了。相反的，如果对PHP了解较多，那么对于其他几种语言的学习都很简单了。只需要很短的时间内将PHP的核心语言特点全部掌握，可能已经非常了解HTML，甚至已经知道怎样用编辑设计软件或者手工来制作好看的WEB站点。由于PHP代码能够无障碍的添加进站点，在设计和维护站点的同时，可以很轻松的加入PHP使得站点更加具有动态特性。4)跨平台性强由于PHP是运行在服务器端的脚本,可以运行在UNIX、LINUX、WINDOWS下。5)效率高PHP消耗相当少的系统资源。6)数据库连接PHP可以编译成具有与许多数据库相连接的函数。PHP与MySQL是现在绝佳的组合,如果再加上Apache服务器,就是相当完美。还可以编写外围的函数取间接存取数据库。通过这样的途径当你更换使用的数据库时，可以轻松的更改编码以适应这样的变化。PHPLIB就是最常用的可以提供一般事务需要的一系列基库。7)面向对象在PHP4,PHP5中，面向对象方面都有了很大的改进，现在PHP完全可以用来开发大型商业程序。8)可扩展性PHP已经进入了一个高速发展的时期。对于一个非程序员来说为PHP扩展附加功能可能会比较难，但是对于一个PHP程序员来说并不困难。9)可伸缩性传统上网页的交互作用是通过CGI来实现的。CGI程序的伸缩性不很理想，因为它为每一个正在运行的CGI程序开一个独立进程。解决方法就是将经常用来编写CGI程序的语言的解释器编译进你的web服务器(比如mod_perl,JSP)。PHP就可以以这种方式安装，虽然很少。有人愿意这样以CGI方式安装它。内嵌的PHP可以具有更高的可伸缩性。（2）PHP的技术应用1)伪静态2)静态页面生成3)数据库缓存4)过程缓存5)div+cssw3c标准6)大负荷7)分布式8)jquery框架集成9)flex10)桌面程序应用(不擅长)11)支持MVC模型2.3MySQL简介MySQL是一个小型关系型数据库管理系统，开发者为瑞典MySQLAB公司。MySQL是一种关联数据库管理系统，关联数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性。由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库。MySQL的主要特性：（1）使用C和C++编写，并使用了多种编译器进行测试，保证源代码的可移植性（2）支持AIX、FreeBSD、HP-UX、Linux、MacOS、NovellNetware、OpenBSD、OS/2Wrap、Solaris、Windows等多种操作系统（3）为多种编程语言提供了API。这些编程语言包括C、C++、Python、Java、Perl、PHP、Eiffel、Ruby和Tcl等。（4）支持多线程，充分利用CPU资源（5）优化的SQL查询算法，有效地提高查询速度（6）既能够作为一个单独的应用程序应用在客户端服务器网络环境中，也能够作为一个库而嵌入到其他的软件中提供多语言支持，常见的编码如中文的GB2312、BIG5，日文的Shift_JIS等都可以用作数据表名和数据列名（7）提供TCP/IP、ODBC和JDBC等多种数据库连接途径（8）提供用于管理、检查、优化数据库操作的管理工具（9）可以处理拥有上千万条记录的大型数据库（10）支持多种存储引擎2.3Apache简介Apachehttpserver是世界使用排名第一的Web服务器软件。它可以运行在几乎所有广泛使用的计算机平台上。Apache源于NCSAhttpd服务器，经过多次修改，成为世界上最流行的Web服务器软件之一。Apache取自“apatchyserver”的读音，意思是充满补丁的服务器，因为它是自由软件，所以不断有人来为它开发新的功能、新的特性、修改原来的缺陷。Apache的特点是简单、速度快、性能稳定，并可做代理服务器来使用。Apache服务器是一款完全免费并且开源的软件。目前Apache服务器拥有一个庞大的用户群体，这与它的众多优点是密不可分的，其优点体现在如下几个方面：（1）支持最新的HTTP/1.1通信协议（2）拥有简单而强有力的基于文件的配置过程（3）支持通用网关接口（4）支持基于IP和基于域名的虚拟主机（5）支持多种方式的HTTP认证（6）集成Perl处理模块（7）集成代理服务器模块（8）支持实时监视服务器状态和定制服务器日志（9）支持服务器端包含指令(SSI)（10）支持安全Socket层(SSL)（11）提供用户会话过程的跟踪（12）支持FastCGI（13）通过第三方模块可以支持JavaServlets2.4DedeCMS简介DedeCMS以简单、实用、开源而闻名，是国内最知名的PHP开源网站管理系统，也是使用用户最多的PHP类CMS系统。在经历了二年多的发展，目前的版本无论在功能，还是易用性方面，都有了长足的发展，DedeCMS免费版的主要目标用户锁定在个人站长，功能更专注于个人网站或中小型门户的构建，当然也不乏有企业用户和学校等在使用本系统。DedeCMS基于PHP+MySQL的技术架构，完全开源加上强大稳定的技术架构，使你无论是目前打算做个小型网站，还是想让网站在不断壮大后系仍能得到随意扩充都有充分的保证。（1）应用领域1)企业网站，无论大型还是中小型企业，利用网络传递信息在一定程度上提高了办事的效率，提高企业的竞争力；2)政府机关，通过建立政府门户，有利于各种信息和资源的整合，为政府和社会公众之间加强联系和沟通，从而使政府可以更快、更便捷、更有效开展工作；3)教育机构，通过网络信息的引入，使得教育机构之间及教育机构内部和教育者之间进行信息传递，全面提升教育类网站的层面；4)媒体机构，互联网这种新媒体已经强而有力的冲击了传统媒体，在这个演变过程中，各类媒体机构应对自己核心有一个重新认识和重新发展的过程，建立一个数字技术平台以适应数字化时代的需求；5)行业网站，针对不同行业，强化内部的信息划分，体现行业的特色，网站含有行业的动态信息、产品、市场、技术、人才等信息，树立行业信息权威形象，为行业内产品供应链管理，提供实际的商业机会；6)个人站长，兴趣为主导，建立各种题材新颖，内容丰富的网站，通过共同兴趣的信息交流，可以让您形成自己具有特色的用户圈，产生个人需求，并为其服务，个人用户完全免费使用；7)收费网站，内容收费类型的网站，用户可以在线提供产品销售，或者内容收费，简单清晰的盈利模式，确保您以最小的投资，取得最大的回报；（2）DedeCMS主要特点如下：1)采用XML名字空间风格核心模板模板全部使用文件形式保存，对用户设计模板、网站升级转移均提供很大的便利，健壮的模板标签为站长自定义自己的网站提供了强有力的支持。2)高效率标签缓存机制。允许对类同的标签进行缓存，在生成HTML的时候，有利于提高系统反应速度，降低系统消耗的资源。3)模型与模块概念并存在模型不能满足用户所有需求的情况下，DedeCMS推出一些互动的模块对系统进行补充，尽量满足用户的需求。4)众多的应用支持为用户提供了各类网站建设的一体化解决方案5)高效率标签缓存机制允许对类同的标签进行缓存，在生成HTML的时候，有利于提高系统反应速度，降低系统消耗的资源。2.5Dreamweaver简介Dreamweaver是个原本由Macromedia公司所开发的著名网站开发工具。它使用所见即所得的接口，亦有HTML编辑的功能。随Macromedia被Adobe收购后，Adobe也开始计划开发Linux版本的Dreamweaver了。Dreamweaver自MX版本开始，使用了Opera的排版引擎"Presto"作为网页预览。Dreamweaver是一款集网页制作和管理网站于一身的所见即所得网页编辑器，Dreamweaver是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver与其它同类软件相比主要有以下优点：（1）制作效率高Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dreamweaver能与PlaybackFlash，Shockwave和外挂模组等搭配，不需离开Dreamweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop进行编辑与设定图档的最佳化。（2）网站管理方便使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称，Dreamweaver会自动更新所有链接。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。（3）控制能力强Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。Dreamweaver支持精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango与自行发展的应用软体。使用Dreamweaver在设计动态网页时，所见即所得的功能，可以不需要透过浏览器就能预览网页。梦幻样版和XMLDreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。对于cascadingstylesheets的动态HTML支持和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从Dreamweaver的网站在下载它的描述档，便可得知详尽的成效报告。（4）业界领先的工具利用世界级的Web设计工具的所有灵活性和强大功能。在“设计”视图中进行像素完美型设计,在“代码”视图中制作复杂的代码,或专功一方面的研究。（5）集成的工作流 在DreamweaverCS3内设计、开发和维护内容,同时利用与其他Adobe工具(包括AdobeFlashCS3Professional、FireworksCS3、PhotoshopCS3、ContributeCS3及用于创建移动设备内容的全新AdobeDeviceCentralCS3)的智能集成。（6）完整的CSS支持发现可视CSS工具的优势,使用这些工具可以轻松地在文件内或文件之间查看、编辑和移动样式,以及查明样式的更改将如何影响设计。借助全新的CSS布局加速开发的工作流,并借助全新的浏览器兼容性检查测试网站的设计。（7）集成的编码环境借助代码折叠、颜色编码、行号及带有注释/取消注释和代码片断的编码工具栏,组织并加速编码。应用适用于HTML和服务器语言的代码提示。（8）支持领先的技术利用对领先Web开发技术(包括HTML、XHTML、CSS、XML、JavaScript、Ajax、PHP、AdobeColdFusion、ASP、ASP.NET和JSP)的支持。（9）轻松的XML使用XSL或适合于Ajax的Spry框架,快速集成XML内容。（10)FLV支持无需任何Flash知识,只需五次点击,即可轻松地将FLV文件添加到您的Web页中。（11）跨平台支持DreamweaverCS3可用于基于Intel或PowerPC的Macintosh计算机,也可用于WindowsXP和WindowsVista系统。第三章需求分析需求分析的任务是确定系统必须完成哪些工作，也就是对目标系统提出完整、准确、清晰、具体的要求。本章主要从可行性分析、功能需求和性能需求进行分析。3.1可行性分析（1）技术可行性研究生网基于DedeCMS的开发，DedeCMS发展到目前的V5.7版本，在性能、安全、功能等方面都有大幅度的提升。目前，网上关于采用DedeCMS开发网站的资料众多，建站也变得相对简单，因此，对于研究生网的开发，在技术上完全可行。（2）经济可行性对整个网站的开发而言，采用的所有开发工具都是完全免费的，因此，除了编程所需的正常开销外，没有其他额外开销。对于网站的后期维护，只需专人对网站栏目内容的录入与发布即可，无需太多花费。因此，对本站而言，在经济上是完全可行的。（3）操作可行性研究生网是基于DedeCMS的开发，对于开发人员来说，只需了解DedeCMS的模板开发相关知识即可，如今在网上有很多相关开发的资料可看，因此，不管是学习还是开发，都比较简单；对于网站维护人原来说，DedeCMS后台操作非常简单，无需过多的学习即可掌握后台的操作，因此，在操作这一点上是完全可行的。3.2网站功能需求每个学院实际情况各不相同，学院的研究生网的功能目标也不能一样。研究生网的建设目标是通过网站来展现学院风采并发挥其在管理、教学、科研等方面的积极作用。（1）研究生网的设计是要根据学院的特色、历史传统、地域风情等来决定的，要体现出学校的文化灵魂。在网站设计的时候，要详细研究这些方面，来确定网站的整体风格。（2）研究生网应该在突出学院特色的同时更注重网站的实用性。网站建设的目的之一就是为学院的管理、教学、科研服务，所以一个实用的、可操作的网站才是最重要的，研究生网应该紧紧围绕自己的特色、重点学科、重点实验室及重点课题等突出重点。研究生网要发挥好教学、管理、网络服务功能等。还要加强一些比如学生关心的招生就业、汽车火车班次等这类的服务性网站。另外，开通一些交互类栏目，如校长信箱、教务处意见簿等，充分利用网络这一快捷方便的渠道，广开言路，加强沟通，民主治校。（3）研究生网还要重视教学资源建设。丰富的网络教学资源，既能为教师的教学、科研提供网络平台，还能方便学生进行远程24小时学习。通过建立网上教学系统，解决教学资源紧缺的问题。通过对研究生网的调研以及学校相关部门的意见，研究生网需包含招生就业、创新工程、学术活动、实验室、下载专区培养管理、研究生分会、新闻中心等栏目，其中：（1）招生就业招生就业栏目的主要内容包括研究生的招生信息、学院导师信息、研究方向以及研究生就业信息。（2）创新工程创新工程栏目主要是展示研究生的创新项目以及研究生的各项成果。（3）学术活动学术活动栏目主要是发布及时的学术报告、学术交流活动等信息。（4）实验室实验室主要是对学院开设的实验室、研究所等的介绍。（5）下载专区下载专区主要是为研究生提供资源下载。（6）培养管理培养管理提供了研究生的培养方案以及研究生的学习进程的安排。（7）研究生分会研究生分会栏目主要是对研究生各项工作信息的发布。（8）新闻中心新闻中心提供了最新学院的动态信息。3.3性能需求网站完成后，能够保证其能高效的、稳定的运行，并且在主流浏览器中都能正常浏览是至关重要的。所以在设计的时候，就要能够从各方面来考虑可能存在的问题并加以改进。其中主要包括：（1）网站浏览速度。网站的快速呈现，能够提高网站的吸引度，也能体现一个网站的综合能力。（2）网站的兼容性。目前，浏览器的种类繁多，由于浏览器的内核不一致，所以在呈现一个网站的时候，在不同的浏览器中所显示的页面会有所不同，也有可能脚本不能正常运行，这在一定的程度上会给用户带来不好的印象，因此，在网站发布之前，必须保证网站的兼容性。第四章总体规划在设计研究生网的时候，如何确定和栏目，以及每个栏目所包含的内容，就是在总体规划中要做的事，本章从网站的主体结构开始，介绍各栏目的基本结构。4.1网站整体结构设计通过网站的需求分析以及栏目规划，网站的功能结构如图4.1所示。图4.1网站的功能结构图4.2网站的模块结构设计网站主栏目设计网站主栏目主要包括招生就业、创新工程、学术活动、实验室、下载专区、培养管理、研究生分会和新闻中心。结构如图4.2所示。图4.2网站主栏目结构图（2）网站子栏目设计1）招生就业栏目：主要由招生、就业与实习两个子栏目组成。招生：主要让学生了解自己的情况，并且更准确地了解自己的是否被录取就业与实习：了解最近相关的情况，以便更好与老师取得交流招生就业栏目结构如图4.3所示。图4.3招生就业栏目结构图招生栏目招生栏目由导师信息、研究方向、招生简章、招生动态和学位学科栏目组成。导师信息：让向来读研的学生了解自己的中意的方向的老师是谁，可以主动联系并了解导师的情况，或者无意向的学生在这一栏里面可以了解到导师的情况，以便在录取时选好导师；研究方向：让学生了解到本学院的一些研究方向，可以让学生明确自己的方向招生简章：说明招生要求，以及招生具体时间地点招生动态：第一时间通知学生是否被录取，或者学院需求名额学位学科栏目：介绍一些与专业有关的知识，以及自己的学业情况招生栏目结构如图4.4所示。图4.4招生栏目结构图3）就业与实习栏目就业与实习栏目由学校网络中心、添加电子实习基地、北京希尔创新基地、实习与就业信息、就业政策、就业指导栏目组成。学校网络中心：把网络中心的欣喜地时间公布给大家天佳电子实习基地：给学生提供的实习基地北京希尔创新基地：给学生提供的创新基地就业政策：指导学生的就业工作，让学生知道流程就业指导：提供学生在面试时一些技巧和思路就业与实习栏目结构如图4.5所示。图4.5就业与实习栏目结构图（3）培养管理栏目培养管理栏目由学术型研究生、工程型研究生、在职研究生、培养管理动态图日常工作学年任务表、组织机构栏目组成。学术研究生：介绍学术研究生培养环节，及时地发布与其相关的信息，如培养方案等等工程研究生：提供给工程研究生及时信息的一个栏目在职研究生：提供给在职的研究生及时信息的一个栏目培养管理动态图：提供不同时期的培养管理计划日常工作学年任务表：提供给老师的和学生在不同时期的工作任务组织机构：介绍学院或者相关组织的栏目培养管理栏目结构如图4.6所示。图4.6培养管理栏目结构图第五章详细设计（这一章要把各模块的设计代码贴上来，并加上一些说明的语句，可以参考一下张望平的撒）5.1公共模版设计（1）网页头部模版设计 网页头部包含了网页的导航和图片展示区域，关键代码如下：<divclass="menu"style="background:url({dede:global.cfg_templets_skin/}/images/H_contain_bg2.jpg)"><tablewidth="962"border="0"><tr><tdwidth="120"align="center"valign="middle"><fontclass="h_3"><ahref="{dede:global.cfg_cmspath/}">首页</a></font></td>{dede:channeltype='top'row='7'}<tdwidth="120"align="center"valign="middle"><fontclass="h_3"><ahref="[field:typeurl/]"target='_self'>[field:typename/]</a></font></td> {/dede:channel}</tr></table></div><DIVclass="banner"style="background:url({dede:global.cfg_templets_skin/}/images/H_contain_bg.jpg)"><UL><LI><IMGsrc="{dede:global.cfg_templets_skin/}/images/4.jpg"height="280"width="957"></LI><LI><IMGsrc="{dede:global.cfg_templets_skin/}/images/2.jpg"height="280"width="957"></LI><LI><IMGsrc="{dede:global.cfg_templets_skin/}/images/1.jpg"height="280"width="957"></LI><LI><IMGsrc="{dede:global.cfg_templets_skin/}/images/3.jpg"height="280"width="957"></LI></UL></DIV>5.2主页模版设计主页的内容部分显示主栏目所发布的最新信息，具有实时性，因此，主页采用的是动态浏览的设计方式，以保证信息的实时性，关键代码如下：<DIVclass=mainstyle="background:url({dede:global.cfg_templets_skin/}/images/H_contain_bg.jpg)repeat-y;border-bottom:0xp;"><DIVclass=homeside>{dede:channelartlisttypeid='12,0'}<H2class=title><spanclass="title_span"><fontclass="title_font">{dede:fieldname='typename'/}</font></span><ahref="{dede:fieldname='typeurl'/}"target="_self"style="clear:both;">more</a></H2>{/dede:channelartlist}<DIVclass=news>{dede:arclistrow='3'titlelen='40'typeid='12'infolen='50'}<IMGalt="[field:title/]"src="[field:litpic/]"><Atitle="[field:title/]"href="[field:arcurl/]"><strongstyle="color:#666;">[field:title/]</strong></br>[field:info/]</br>[field:pubdatefunction="GetDateTimeMK(@me)"/]</A>{/dede:arclist}</DIV><DIVclass=video><Ahref="#"><IMGsrc="{dede:global.cfg_templets_skin/}/images/R_Hunanuniversityen51.jpg"alt=""width="70"height="55"> <Iclass=videogif></I></A></DIV><DIVclass=blog><UL>{dede:arclistrow='5'titlelen='40'typeid='3,5,2,7'}<LI><Atitle="[field:title/]"href="[field:arcurl/]"><IMGalt="[field:title/]"src="[field:litpic/]"width="260px;"height="70px;"></A></LI>{/dede:arclist}</UL><P></P></DIV></DIV>5.3列表页模版设计列表页主要的功能就是显示文章列表，为保证网站的效率，列表进行了数据分页，关键代码如下：<divclass="uc_lanmu_content"><ul>{dede:listpagesize='20'}<liclass="article_style_1"><spanclass="article_title"><ahref="[field:arcurl/]"target="_self"style="">[field:title/]</a></span><spanclass="article_date"style="display:">[field:pubdatefunction="MyDate('Y-m-d',@me)"/]</span><spanclass="clear"></span></li>{/dede:list}</ul><divclass="uc_lanmu_page"style="display:">{dede:pagelistlistsize='20'listitem='index,pageno,end,option,info'/}</div>5.4内容页模版设计内容页以显示文章内容为主，并提供上一篇和下一篇文章链接，方便用户浏览，关键代码如下：<divclass="uc_lanmu_content"><divclass="articleinfor_title"><h1>{dede:field.title/}</h1></div><divclass="articleinfor_tishi"style="color:gray;">发布时间：{dede:field.pubdatefunction="MyDate('Y-m-dH:i',@me)"/}  来源:{dede:field.source/}作者:{dede:field.writer/}点击:<scriptsrc="{dede:fieldname='phpurl'/}/count.php?view=yes&aid={dede:fieldname='id'/}&mid={dede:fieldname='mid'/}"type='text/javascript'language="javascript"></script>次  【字体：<ahref="javascript:FontZoom('16px','32px','Infor_Content')">大</a><ahref="javascript:FontZoom('14px','28px','Infor_Content')">中</a><ahref="javascript:FontZoom('12px','25px','Infor_Content')">小</a>】</div><divid="Infor_Content">{dede:field.body/}<scripttype="text/javascript"src="{dede:global.cfg_templets_skin/}/js/internal_page.js"></script></div><br><ulclass="uc_lanmu_pn"><liclass="uc_lanmu_prevtitle"style="display:">{dede:prenextget='pre'/}</li><liclass="uc_lanmu_nexttitle"style="display:">{dede:prenextget='next'/}</li></ul>第六章测试与分析网站测试目的是验证网站是否满足了需求规格的定义，找出与需求规格不符或与之矛盾的地方，从而提出更加完善的方案。6.1测试方法由于本网站是基于DedeCMS的开发，而DedeCMS已相当的成熟，因此，对于网站的后台，我们无需测试。对于本网站而言，需要测试的主要有一下两点：（1）浏览器兼容性浏览器最重要或者说核心的部分是“RenderingEngine”，可大概译为“解释引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如HTML、JavaScript）并渲染（显示）网页。所以，通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同，这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。目前，浏览器的内核有很多，但比较常见的只有四种：Trident、Gecko、Presto和Webkit，其代表性浏览器分别是：IE、FireFox、Opera和Safari。因此，网站的兼容性在上述四款浏览器中测试即可。其中，对于IE的测试，是通过IETester软件模拟测试的。IETester是一款IE网页兼容性测试工具，这款软件可以测试网页在IE5.5、IE6、IE7和IE8中的显示情况。（2）网站的访问速度对于一个网站来说，提高用户体验最主要的一点就是网页的打开速度。事实证明，一个反应缓慢的网站是不会受用户欣赏的。网站的网速可以通过网速测试服务网站和网站载入速度测试工具进行测试，本网站通过这两种方式共同测试。网速测试服务网站选用的是卡卡网：/，卡卡网是专业测速网站，其提供对网速测试网速检测网站速度测试的详细测速统计报告，卡卡网目前在全国15个省市、美国、澳大利亚、日本、英国等8个国家均设有网速测试点，可以对网站在国内及国外访问速度进行测试。网站载入速度测试工具选用的是Fiddler。Fiddler是一个http调试代理，它能够记录所有的你电脑和互联网之间的http通讯，Fiddler可以也可以让你检查所有的http通讯，设置断点，以及Fiddler所有的“进出”的数据（指cookie,html,js,css等文件），同时也可获得页面加载所消耗的时间，也可对网站进行全球网站性能分析。6.2测试环境网站是在www服务器环境下运行的，www服务器是目前应用最为广泛的Internet服务器之一，用户只要通过“浏览器”就可以非常方便地访问Internet，获得所需的信息。www的组成如图所示：WEB服务器WEB服务器域名服务器客户浏览器Browser因特网HTTPDDNS图4-1www网示意图浏览器和服务器之间的信息交换使用超文本传输协议（HyperTextTransferProtocol，HTTP）。基于HTTP协议的万维网实际上是一个大规模的、在线式的信息仓库，是一个支持交互式访问的分布式超媒体系统。6.4测试结果兼容性测试主要针对IE、FireFox、Opera和Safari这四款主流浏览器对网站进行兼容性测试，测试内容主要包括网站主页、列表页和内容页的排版、布局和脚本的运行情况。测试结果如表6.1所示。表6.1兼容性测试结果表布局脚本运行情况主页IE6正常正常IE7正常正常IE8正常正常FireFox正常正常Opera正常正常Safari正常正常列表页IE6正常正常IE7正常正常IE8正常正常FireFox正常正常Opera正常正常Safari正常正常列表页IE6正常正常IE7正常正常IE8正常正常FireFox正常正常Opera正常正常Safari正常正常下载页IE6正常正常IE7正常正常IE8正常正常FireFox正常正常Opera正常正常Safari正常正常访问速度测试卡卡网测试结果国内检测点测试结果如图6.1、6.2所示：图6.1国内检测点检测结果图图6.2国内检各测点测试结果图港台及国外测试点测试结果如图6.3、6.4所示：图6.3港台及国外测试点检测结果图图6.4港台及国外各测试点测试结果图Fiddler测试结果实际性能： AggregateSessiontime: 00:00:01:1875sSequence(clock)time: 00:00:01.1875sDNSLookuptime: 47ms 全球网站性能估计如表6.2所示。表6.2全球网站性能估计表RoundtripcostElapsedtime美国西海岸（modem-6kb/sec）0.1s2.10s日本、北欧（modem）0.15s2.15s中国（modem）0.45s2.45s美国西海岸（DSL-30kb/sec）0.1s0.1s日本、北欧（DSL）0.15s0.15s中国（DSL）0.45s0.45s6.5运行效果图网站主页效果图如6.5所示图6.5主页效果图列表页效果图如图5.6所示图5.6列表页效果图内容页效果图如图6.7所示图6.7内容页效果图下载列表效果图如图6.8所示。图6.8下载列表效果图后台管理页面如图6.9所示。图6.9后台效果图

6.5测试结果通过网站的兼容性测试和网站的访问速度测试，可以看出，网站在目前主流浏览器中的浏览效果是一致的，并且网站的浏览加载速度较快，达到了预期的网站要求。总结以前从未想过毕业设计是怎样的一件工作，怎样去想办法做好，时间过得很快，毕业设计就要接近尾声了，我是抱着以前学过网页制作这门课和个人对网页制作的喜爱来选的，因为觉得还有所熟悉。在大三的上半学期我学习了DreamweaverCS3网页设计，我曾做过一个个人网站，那时是根据课本和当时所学知识来按部就班的做，初次接触网站设计，认识的到网站设计是一门很有意思的设计题目，所以我的选题是正确的。可以使我投我所好，扬我所长。毕业设计不同于实训设计，也不同于平常的大型作业，要有重视的态度，这样才可以顺利完成。在制作网页过程中我有很深的体会。1、以前所学知识不够牢固，而掌握牢固的不能更好更灵活的运用。2、理论基础知识掌握不够深刻，在网站的运行环境分析时感觉有点吃力，无从下手，只有把课本翻出来再看一遍。3、最重要的是整个网站的构思不够独特，没有太深的创意，很多是根据其他学院的软件学院的网站模板来做，吸取他人的精华。4、通过这次的毕业设计我深刻认识到做每一件事都要有耐心，认真的态度去对待，这样才会实现自己心中所理想的效果。5、在以后的学习和生活中要严格要求自己，基础知识在掌握的基础上要更好的去应用。参考文献[1]三扬科技.PHP开发入行真功夫[M].电子工业出版社，2009.7[2]（美）迪布瓦.MySQLCookbook：第二版（中文版）[M].电子工业出版社，2008.3[3]张海藩.软件工程[M].清华大学出版社,2009[4]（印）B.M.Harwani.JQuery攻略[M].人民邮电出版社，2010.10[5]AndyBudd，SimonCollision，CameronMoll.精通CSS：高级Web标准解决方案（第2版）[M].人民邮电出版社，2010.5[6]DedeCMS.知识库.http://www.DedeCMS.com/knowledge/[DB],2012.5致谢回首既往，自己一生最宝贵的时光能于这样的校园之中，能在众多学富五车、才华横溢的老师们的熏陶下度过，实是荣幸之极。在这四年的时间里，我在学习上和思想上都受益非浅。这除了自身努力外，与各位老师、同学和朋友的关心、支持和鼓励是分不开的。论文的写作是枯燥艰辛而又富有挑战的。网站设计是网络技术上一直探讨的热门话题，老师的谆谆诱导、同学的出谋划策及家长的支持鼓励，是我坚持完成论文的动力源泉。在此，我特别要感谢我的导师王宇栋老师。从论文的选题、文献的采集、框架的设计、结构的布局到最终的论文定稿，从内容到格式，从标题到标点，他都费尽心血。没有袁再次感谢学院的大力支持，指导老师的精心指导，为此表示衷心感谢！

论大学生写作能力写作能力是对自己所积累的信息进行选择、提取、加工、改造并将之形成为书面文字的能力。积累是写作的基础，积累越厚实，写作就越有基础，文章就能根深叶茂开奇葩。没有积累，胸无点墨，怎么也不会写出作文来的。写作能力是每个大学生必须具备的能力。从目前高校整体情况上看，大学生的写作能力较为欠缺。一、大学生应用文写作能力的定义那么，大学生的写作能力究竟是指什么呢？叶圣陶先生曾经说过