自动化学院网站设计之实验室及学科评估工作子模块论文

西安邮电学院 毕 业 设 计（论 文） 题 目： 自动化学院网站设计 之实验室及学科评估工作子模块 系 别： 自动化学院 专 业： 自动化 班 级： 自动0603班 学生姓名： 李林 导师姓名： 袁立行 职称： 副教授 起止时间：2010年03月 08日 至 2010年 6月20日西 安 邮 电 学 院毕业设计(论文)任务书 学生姓名李林指导教师袁立行、刘瑾职称教授系别自动化学院专业自动化题目自动化学院网站设计 实验室及学科评估工作子模块任务与要求本课题应完成的工作：本题目要求在原有信控系网站的基础上，针对自动化学院现有的学科设置，设计新的学院网站，结合学院教学管理，教师学生信息互通等要求，开发一套界面风格鲜明，界面友好的自动化学院网站。预期目标：本题目完成自动化学院网站的实验室及学科评估工作子模块设计。成果形式：能够使自动化学院网站的实验室及学科评估工作子模块运行良好，并与学院网站完美结合。开始日期2010年03月10日完成日期2010年06月10日系主任(签字)年月日西 安 邮 电 学 院毕 业 设 计 (论文) 工 作 计 划 学生姓名 李林 指导教师 袁立行、刘瑾 职称 教授 系别 自动化学院 专业 自动化 题目 自动化学院网站设计 实验室及学科评估工作子模块 工作进程起 止 时 间工 作 内 容第一周： 各个版块的责任人负责召集人员，进行分工合作，组织资料收集、整理、发布信息、审核信息进行网站设计规划，对网站功能需求进行分析，并制定出网站平台架构方案第二周至第五周： 查询开源网站源码，进行评估调研，并开始进行程序开发设计。第六周至第七周： 对程序进行调试改进，并总结前期工作，提交中期报告。第八周至第九周： 进行前台对接调试，并进行优化，解决程序BUG，使功能齐全。第十周： 与其他模块进行整合，并进行优化改进。第十一周至第十二周： 添加网站内容，进行各项功能测试优化，最终部署到web服务器，进行公开测试并对测试过程中出现的问题还有设计开发缺陷加以解决。第十三周： 提交论文，并进行答辩。 主要参考书目(资料)1李世杰 Active Server Pages(ASP)3.0 网页设计手册 北京:清华大学出版社 19992前沿电脑图像工作室 巧学巧用Dream weaver、Fireworks、Flash制作网页 北京:人民邮电出版社3ASP入门与实例演练薄 小志编著 中国青年出版社4SQL Sever中文版基础培训教程 刘遵仁 于忠清编著 人民邮电出版社主要仪器设备及材料 计算机、PHP环境、Photoshop、flash、Dreamweaver论文(设计)过程中教师的指导安排每周检查一次设计进程，及进行两次辅导答疑对计划的说明无无 无 西安邮电学院毕业设计(论文)开题报告 自动化 学院 自动化 专业 06 级 03 班课题名称： 自动化学院网站设计 实验室及学科评估工作子模块 学生姓名： 李林 学号：指导教师： 袁立行、刘瑾 报告日期： 2010年3月30日 1 本课题所涉及的问题及应用现状综述因特网正在改变世界，由于因特网具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体，现在很多的学校及其学院和社会其他部门都已经建立了网站，通过计算机网络实现宣传、交流及资源的整合。建立该学院网站有以下意义：（1）学院网站是学院的商标。在这个高度信息化的社会里，建立自己学院网站是最直接的宣传手段。通过网站的超时空特性，不仅能让学校其它学院的学生教师了解本学院，更可让外界了解本学院。（2）学院网站是实现教育资源分配的桥梁网络有巨大的教育资源库，它使本学院的每一位教师和学生都能均等的以及直接的得到培训和受教育的机会。极大的提高教学效率。（3）学院网站能提供教学互动的全新方式，学院网站使得教师与教师、教师与学生、学生与学生之间的交流有了全新的方式，它不再受到传统课堂的制约。它可以使不同的学校同处一室，共同讨论，共同共享。 （4）学院网站能够提供个性化学习的平台，不同的学生理解世界的方式各不相同，认知世界有诸多方式。网络提供的丰富资源可以使学生寻觅不同的教育方式，各取所需。学院网站允许不同的学生沿着自己的途径，按自己的速度接受教育与学习，学生将有机会享受最佳的教育机会，充分发掘自己的内在潜力，培植独特的个性和智慧。本学院网站是结合现代学校的互联网宣传需求及管理方法而开发的一个具有宣传性、实用性的网站，是对本学院做的网站。管理者可以通过网络实现对学院及学校信息进行快速管理以及宣传展示。实现的功能主要包括学院及学校信息发布管理、学院基本概况宣传介绍、招生就业信息发布管理、留言系统管立等。通过网站，全面宣传，展示学校风采、优点与特色，发布学院及学校的重大活动安排与招生政策，增强学生与学校之间的联系，在Internet上实现完成部分学校事务，提高办事效率。本系统为基于B/S（浏览器/服务器）结构的系统，能及时地为网站管理者提供全面、可靠的信息，为管理人员做出正确的决策提供依据。该网站严格遵循先进、经济、安全、高效、可靠、易操作、易维护和开放的设计原则。2本课题需要重点研究的关键问题、解决的思路及实现预期目标的可行性分析本课题的重点主要是网站素材的选择与框架的搭建，一个好的网站要有许多的主页相互之间链接起来，以及其中添加一些动态、图片、声效等链接。综合地完成网站的建设才能体现主题，才能把浏览者的目光吸引到每一个主页上，内容的及时更新也是网站建设的一个主要实际问题，只有不断得到更新的主页内容才能使浏览者再次访问该网站，没有新鲜的内容素材，没有时代性的哲学理念，远不能称得为好网站。新颖的框架结构也能使浏览者的目光更长久地被吸引，再拥有好的素材基础上，框架的搭建也是网站建设所必须考虑到的问题， 只有把这两者相结合进行周密地布置，相信建设出来的网站必然是点击率最高的网站。该网站的建设也牵涉到了动态网页的制作，因此，这必然成了制作过程中的难点，就我个人而言，对动态网页的制作方面还缺少很多的理论与实际操作知识，曾经只是做一些简单的个人主页，仅此而已，而现今，却得必须运用ASP程序进行动态网站的编辑，运用ASP把脚本、HTML、组件和强大的WEB数据库访问功能结合在一起，形成一个能在服务器上运行的应用程序，并把按用户的要求专门制作的HTML页面送给客户端浏览器。此技术的运用使我的工作量大大地提高了几倍，当然这正是我以前没好好学的不好表现，但通过这次设计使我认识提高了，在学好静态网页制作的基础上则不能忽视对动态网页制作的重要性。此后，我将借鉴这次的领悟，认真学习并全面地掌握ASP中的每个知识点，以便今后熟练地运用到实际问题中，充分展现自我价值。为自己以后的生活道路铺上一层更牢固的奠基石！ 最终，将于其他两人进行模块整合调试，使整个网站功能齐全，并对其稳定性进行评估测试，对不稳定功能进行改进。这是网站设计的最难部分，也是最关键的阶段，由于不同的模块由不同人来完成，使得最终整合起来就会因不同思路而产生冲突，因此，这需要在开始阶段进行实时交流与互动，从而减少思路冲突，这样才能使整合阶段的任务更为容易的完成，从而使我们设计出良好稳定的校园网站。参考文献：1李世杰 Active Server Pages(ASP)3.0 网页设计手册 北京:清华大学出版社 19992前沿电脑图像工作室 巧学巧用Dream weaver、Fireworks、Flash制作网页 北京:人民邮电出版社3ASP入门与实例演练薄 小志编著 中国青年出版社4SQL Sever中文版基础培训教程 刘遵仁 于忠清编著 人民邮电出版社3完成本课题的工作方案第一周：各个版块的责任人负责召集人员，进行分工合作，组织资料收集、整理、发布信息、审核信息进行网站设计规划，对网站功能需求进行分析，并制定出网站平台架构方案第二周至第五周：查询开源网站源码，进行评估调研，并开始进行程序开发设计。第六周至第七周：对程序进行调试改进，并总结前期工作，提交中期报告。第八周至第九周：进行前台对接调试，并进行优化，解决程序BUG，使功能齐全。第十周：与其他模块进行整合，并进行优化改进。第十一周至第十二周：添加网站内容，进行各项功能测试优化，最终部署到web服务器，进行公开测试并对测试过程中出现的问题还有设计开发缺陷加以解决。第十三周：提交论文，并进行答辩。4指导教师审阅意见指导教师(签字)： 年 月 日说明：本报告必须由承担毕业论文(设计)课题任务的学生在毕业论文(设计) 正式开始的第1周周五之前独立撰写完成，并交指导教师审阅。西安邮电学院毕业设计 (论文)成绩评定表学生姓名李林性别男学号专 业班 级自动0603班课题名称自动化学院网站设计实验室及学科评估工作子模块课题类型实际应用难度一般毕业设计（论文）时间2010年3月 8日6月 20 日 指导教师袁立行课题任务完成情况论 文 (千字)； 设计、计算说 明书 (千字)； 图纸 (张)；其它(含附 件)：指导教师意见分项得分：开题调研论证 分； 课题质量（论文内容） 分； 创新 分；论文撰写（规范） 分； 学习态度 分； 外文翻译 分指导教师审阅成绩： 指导教师(签字)： 年 月 日评阅教师意见分项得分：选题 分； 开题调研论证 分； 课题质量（论文内容） 分； 创新 分；论文撰写（规范） 分； 外文翻译 分评阅成绩： 评阅教师(签字)： 年 月 日验收小组意见分项得分：准备情况 分； 毕业设计（论文）质量 分； （操作）回答问题 分验收成绩： 验收教师(组长)(签字)： 年 月 日答辩小组意见分项得分：准备情况 分； 陈述情况 分； 回答问题 分； 仪表 分答辩成绩： 答辩小组组长(签字)： 年 月 日成绩计算方法(填写本系实用比例)指导教师成绩 20 () 评阅成绩 30 () 验收成绩 30 () 答辩成绩 20 ()学生实得成绩(百分制)指导教师成绩 评阅成绩 验收成绩 答辩成绩 总评 答辩委员会意见毕业论文(设计)总评成绩(等级)： 系答辩委员会主任(签字)： 系(签章) 年 月 日备注西安邮电学院毕业论文(设计)成绩评定表(续表)文档由本人精心搜集和整理，喜欢大家用得上，非常感谢你的浏览与下载。凡本厂职工应热爱电厂、热爱岗位、热爱本职工作，发扬“团结务实、争创一流，立足岗位，爱厂敬业，尽职尽责，不断提高工作质量和工作效率，圆满完成各项生产和工作任务，为华能的建设和发展作出贡献2019整理的各行业企管，经济，房产，策划，方案等工作范文，希望你用得上，不足之处请指正目录摘 要本文的叙述围绕着如何实现一个功能完善的网站进行展开。依据本次毕业设计的要求，主要从可行性分析、需求分析、总体设计、详细设计、编码、测试几个阶段进行毕业设计论文的编写。接着在需求分析中，根据用户的角度，分析了所设计的网站需要实现哪些基本功能；从设计者的角度，分析了设计一个网站所用的编辑工具和编程语言及网站的软硬件开发环境。根据分析的结果，主要采用FrontPage，Dreamweaver编辑器，结合ASP（javascript,html）编程编程语言，进行网站的页面设计；网站的主要功能主要分为新闻、下载、友情链接、网上调查，图片,几大模块。详细设计阶段的任务就是把解法具体化。在详细设计阶段，依据总体分析的结果，进行具体页面的组织和数据库结构的设计。页面的组织主要是设计网页之间的联系，同时根据这些联系实现网页基本功能的构架。在编码阶段，进行具体网页的编码设计。在设计中，根据网页的程序界面，表单，需要的数据等，写出实际的程序代码。由于本次设计的页面比较多，不可能尽数地写出全部程序的代码，因此，在这一章节中，主要解释了在此次设计中主要用到的页面设计技术。测试的主要任务是为了发现程序中的错误，软件测试的过程亦是程序运行的过程。在本次设计中，主要采用边测试边修改的方法，在测试网页的同时根据结果及时进行相应的修改。在测试过程中，主要从外观、链接、速度方面测试网页是否能够实现相应的功能。关键字ASP、FrontPage、DeamweaverABSTRACTThe textual description is around how to realizes the perfect website of a function proceeds to launch.According to the request of this graduate design, primarily analyze from the viability assessment, analysis of need, total design, detailed design, code design, test this five stage to proceed this graduate design.Immediately after analyze the inside in the need, according to the customers angle, analyzed basic functions of which demand in website for designing of realizeses;From angle of the design, analyzed to design a development environment of soft hardware for editor tool for using with weaving the language and website.According to the analysiss result, mostly use Dreamweaver , and connected ASP( vbscript, javascript) language, proceed the design of websites page;The websites main function is primarily divided with the news, forums, message the guestbook , net investigate, amusement.The mission of the detailed design stage is to embody the solution method.In the result of the total analysis of detailed design stage, basis, proceed the buildup of the concrete page is with the design of construction database.Page 构 for contact for of buildup primarily iswhich design web paging, at the same time according to these contacts realizing basic function of web page;Main each procedure mold of consideration of the databases design piece form, word for of basic function, design cowgirl segment, use to come the data of cowgirl the record, for the page of born provide the data source.In the coding stage, proceed the coding design of the concrete web page.In the design, according to the web pages procedure the data etc. of the interface, form and list, demand, write out actual of procedure code.Because of the page of this design coding technique for page for code for manyly, impossible whole amount ground writing all procedures ofs, therefore, in this chapter, primarily explaining in this design main mainly using face to face to the page design a technology.Process of testing that main mission is for the sake of the process that detection mistake in the procedure, software testing and as well is a procedure to circulate.In this design, main adoption side test side method that modify, in the test web page of at the same time according to the modification that result on time proceeds cowgirl.In the test process, main connect from the external appearance, flat-out aspect test whether web page can realize or not cowgirl of function.引言就目前来讲，随着Internet的迅猛发展,网页设计技术已成为计算机学习的重要内容之一。 近几年来,网页设计技术一直在推陈出新.不断有新技术被推出并应用,实在令人眼花缭乱。这些网页设计技术可以分为静态网页技术和动态网页技术两种. 静态网页技术一般是指HTML和CSS技术。采用静态网页技术的网页只能在网页中展示文字和图片,但它却是所有网页设计的基础技术.动态网页技术是指让网页能够按照用户的需求做出动态响应的技术,例如JavaScript , VBScript及ASP等技术都属于动态网页技术的范畴。 目前,大部分制作网页的方式,都是运用网页设计软件,这些软件的功能相当强大,使用非常方便.不论是哪一种网页设计软件,最后都是将所设计的网页转化为HTML,CSS,JavaScript/VBScript和ASP。所以说,虽然有这些网页设计软件帮助我们设计网页,但是一个专业设计者仍需了解HTML.等网页设计语言和技术的使用,这样才能充分让我们了解网页的真正设计理念。因此毕业设计再次选择这个题目来检验自己的能力。我们所用的软件主要是Dreamweaver，刚运用此软件之前，主要学习Html基础知识，为学习Dreamweaver做铺垫，而主要软件Dreamweaver是学习的核心工具，在网络上称其为“网页三剑客”（ 新版本Dreamweavercs3、Fireworkscs3和Flashcs3）中的“织梦者”， 是一个“所见即所得”的可视化网站开发工具。它是一款专业的HTML编辑器，是设计开发Web站点、Web页和Web应用程序的得力助手。不管是直接编写HTML代码还是直接在可视化编辑环境中制作网页，Dreamweaver都会有许多工具帮助设计者完成每项工作，设计出更多完美的网页。在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。而做这样一个全面宣传，展示学院风采、优点与特色，发布学校的重大活动安排与学院各种政策的网站。校园网是各种类型网络中一大分支，有着非常广泛的应用。作为新技术的发祥地，学校、尤其是高等学校，和网络的关系十分密切，网络最初是在校园里进行实验并获得成功的，许多网络新技术也是首先在校园网中获得成功，进而才推向社会的。另一方面，作为学校，知识、人才的资源十分丰富，比其他行业更渴求信息、希望能有渠道获得各种各样的信息来促进自身在研究、学术上的进步。为了更好的办学，提高学校知名度，特构建西安邮电学院自动化学院网站。1 网页设计的技术1.1目前颇受关注动态网页技术 1、 PHP 即Hypertext Preprocessor(超文本预处理器)，它是当今Internet上最为火热的脚本语言，其语法借鉴了C、Java、PERL等语言，但只需要很少的编程知识你就能使用PHP建立一个真正交互的Web站点。 它与HTML语言具有非常好的兼容性，使用者可以直接在脚本代码中加入HTML标签，或者在HTML标签中加入脚本代码从而更好地实现页面控制。PHP提供了标准的数据库接口，数据库连接方便，兼容性强；扩展性强；可以进行面向对象编程。 2、JSP 即Java Server Pages，它是由Sun Microsystem公司于1999年6月推出的新技术，是基于Java Servlet以及整个Java体系的Web开发技术。 JSP和ASP在技术方面有许多相似之处，不过两者来源于不同的技术规范组织，以至 ASP一般只应用于Windows NT/2000平台，而JSP则可以在85以上的服务器上运行，而且基于JSP技术的应用程序比基于ASP的应用程序易于维护和管理，所以被许多人认为是未来最有发展前途的动态网站技术。 3、ASP 即Active Server Pages，它是微软开发的一种类似HTML(超文本标识语言)、Script(脚本)与CGI(公用网关接口)的结合体，它没有提供自己专门的编程语言，而是允许用户使用许多已有的脚本语言编写ASP的应用程序。ASP的程序编制比HTML更方便且更有灵活性。它是在Web服务器端运行，运行后再将运行结果以HTML格式传送至客户端的浏览器。因此ASP与一般的脚本语言相比，要安全得多。 ASP的最大好处是可以包含HTML标签，也可以直接存取数据库及使用无限扩充的ActiveX控件，因此在程序编制上要比HTML方便而且更富有灵活性。通过使用ASP的组件和对象技术，用户可以直接使用ActiveX控件，调用对象方法和属性，以简单的方式实现强大的交互功能。 但ASP技术也非完美无缺，由于它基本上是局限于微软的操作系统平台之上，主要工作环境是微软的IIS应用程序结构，又因ActiveX对象具有平台特性，所以ASP技术不能很容易地实现在跨平台Web服务器上工作。1.1 我们本次设计网站所用技术为ASP技术1.1.1 ASP的优势：Active Server Pages：“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE 或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或 javascript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（lient）在浏览器中可以显示程序执行的结果，可是，客户端（lient）若使用Netscape浏览器就无法显示VBScript的执行结果。1.1.2 ASP的特点：u 任何开发工具皆可发展只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。当然，其他网页发展工具，例如，FrontPage Express、 rontPage等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写，可能会发生一些意想不到的离奇状态。通吃各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。u 语言相容性高ASP与所有的ActiveX Script语言都相容，除了可结合HTML，VBScript、Java Script、Active X服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（Third Party）所提供的语言。u 隐密安全性高，如果我们在浏览器中直接查看网页的原始代码，就只能看到文件，原始的程序代码是看不到的！这是因杰程序先于网站服务（eb Server）端执行后，将结果转换成标准文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的程序并不会轻易地被看见进而被盗用。u 易于操控数据库可以轻易地通过DBC(Open Database Connectivity)驱动程序连接各种不同的数据库，例如：Acess、Foxpro、dBase、Oracle等等，另外，亦可将“文本文件”或是”Excel” 文件当成数据库用。u 面向对象学习容易具备有面向对象（bject-Oriented）功能，学习容易，提供了五种方便能力强大的内建对象：Request、Response、Sever、Application以及Session，同时，若使用内建的“Application”对象或”Session”对象所撰写出来的程序可以在多个网页之间暂时保存必要的信息。u ASP的六大内部对象，对象名称 功能描述：RequestResponseServerSessionApplicationObjectContext 从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息可以用来配合Microsoft Transaction 服务器进行分布式事务处理2设计2.1设计思想毕业将至，我们西安邮电学院2010界毕业生也面临人生的又一次转折。在毕业之际，众多的毕业设计选题中我选择我选择了自动化学院的网站设计，这一方面是因为我个人对网站设计的喜爱，另一方面我在假期时进行了软件工程师的培训，更重要的是通过网站，全面宣传我院新生的自动化学院，展示学校风采、优点与特色，发布学院的重大活动安排与招生政策。2.2开发工具介绍2.2.1主要开发工具为DreamweaverCS3，该软件有明显优势：DreamweaverCS3是Adobe公司推出的一款非常优秀的网页制作与网站建设软件，它以制作方式简便实用、功能强大等优势受到众多网页制作爱好者和网站建设工作者的青睐。它是一款专业的HTML编辑器，是设计开发Web站点、Web页和Web应用程序的得力助手。不管是直接编写HTML代码还是直接在可视化编辑环境中制作网页，Dreamweaver都会有许多工具帮助设计者完成每项工作。另外，还可以使用Dreamweaver结合服务器语言生成支持动态数据库的Web应用程序。制作网页主要运用了该软件的以下几部分：创建网页布局、网页的基本组成要素、创建图文网页、确定站点的目录结构、网站中表格的使用（主要运用表格布局网页）、使用层特效美化网页，也附加了一部分CSS样式来制作等。2.2.2 DreamweaverCS3新特点：1）业界领先的工具利用世界级的 Web 设计工具的所有灵活性和强大功能。在“设计”视图中进行像素完美型设计, 在“代码”视图中制作复杂的代码, 或专功一方面的研究。使用您的最佳工作方式工作。2）集成的工作流在 Dreamweaver CS3 内设计、开发和维护内容, 同时利用与其他 Adobe 工具 (包括 Adobe Flash CS3 Professional、Fireworks CS3、Photoshop CS3、Contribute CS3 及用于创建移动设备内容的全新 Adobe Device Central CS3) 的智能集成。3）完整的 CSS 支持发现可视 CSS 工具的优势, 使用这些工具可以轻松地在文件内或文件之间查看、编辑和移动样式, 以及查明您的更改将如何影响设计。借助全新的 CSS 布局加速您的工作流, 并借助全新的浏览器兼容性检查测试您的设计。4）集成的编码环境借助代码折叠、颜色编码、行号及带有注释/取消注释和代码片断的编码工具栏, 组织并加速您的编码。应用适用于 HTML 和服务器语言的代码提示。5）支持领先的技术 利用对领先 Web 开发技术 (包括 HTML、XHTML、CSS、XML、JavaScript、Ajax、PHP、Adobe ColdFusion、ASP、ASP.NET 和 JSP) 的支持。6）轻松的 XML使用 XSL 或适合于 Ajax 的 Spry 框架, 快速集成 XML 内容。指向 XML 文件或 XML feed URL, Dreamweaver CS3 将显示其内容, 这使您能够将适当的字段拖放到您的页面上。7）FLV 支持无需任何 Flash 知识, 只需五次点击, 即可轻松地将 FLV 文件添加到您的 Web 页中。自定义视频环境以匹配您的网站。8）跨平台知识挑选您的平台: Dreamweaver CS3 可用于基于 Intel 或 PowerPC的 Macintosh 计算机, 也可用于 Windows XP 和 Windows Vista 系统。在您的首选平台中设计, 然后跨平台交付更加可靠、一致和高性能的结果。2.3 网站系统分析根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分：1、 学院风采 通过幻灯片等内容来展现。2、 部分校务 通过学院动态、党建工作、学生活动及就业信息等内容来展现。3、 通知公告 通过公告栏来发布一些重要的活动安排等。4、 服务链接 通过电子邮件系统、成绩查询系统、网络教学平台、资源下载 及会员中心等连接来提供。2.4 主页设计网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现学院的勃勃生气，静态主页方式介绍学院风采、优点特色、信息发布，对于校务，就得利用与数据库结合的技术建立数据库查询管理系统，采用交互式的动态的web画面来实现。主页结构图：图2-1 学院首页结构图3自动化学院网站的实验室及学科评估工作子模块设计3.1 功能本课题需要分别制作自动化专业与测控专业的实验室网站模块，其主要功能是对西安邮电学院自动化学院实验室的简单介绍，包括实验室成立至今，所获得的成就，主要的师生资源，所做过的项目，以及学生教师之间的互动。3.2 需求分析在参考了网上为数众多的国内外实验室网站后，总结出了其共同特点，即为简洁而又时尚，为此，简洁容易，时尚型我则选取了一张时尚型图片来体现。两个模块整体结构相似，只是细节上有所不同。3.2.1自动化专业实验室模块主要包括如下栏目：u 首页：以图文形式对自动化专业实验室做全面的展示；u 关于：主要是对自动化专业实验室进行简单的介绍；u 教师：主要是对自动化专业实验室的负责人进行简单的介绍；u 项目：主要介绍自动化专业实验室所从事的工作范围，以及所要进行的实验项目；u 联系我们：主要是为了师生互动。3.2.2测控实验室模块主要包括如下栏目：u 实验室简介：主要对测控专业实验室做以简单介绍；u 教师简介：主要对测控专业实验室的负责人做以简单介绍；u 项目简介：主要介绍测控专业实验室所从事的工作范围，以及所要进行的实验项目；u 联系我们：主要是为了师生互动。3.3 组成构造3.3.1 自动化专业实验室共四大部分：u 页面主要由层以及表格实现，整体色调为蓝绿，因为该网页是主页的一个子网页，要保持一致，增加美观感。u 为了更好的介绍师资力量，我们选用了一张图片连接来专门介绍实验室的负责人等；同样为了能让来访师生更清楚的了解实验室项目，我们也为同样选用了一张图片链接来介绍。u 字体选择部分主要选择“宋体”，这样使页面更加简洁，整体效果较好。u 在内容前加有水平线，是为了实现分清主次的效果，使主题部分与内容分割开来，另设有小图标也可增加页面的生动性。主页结构图如下：部分CSS代码：.huise FONT-SIZE: 12px; COLOR: #.news-title FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #; LINE-HEIGHT: 1.5em; TEXT-DECORATION: noneA:link FONT-SIZE: 12px; COLOR: #; TEXT-DECORATION: noneA:visited COLOR: #; TEXT-DECORATION: noneA:hover COLOR: #ff0000; TEXT-DECORATION: underline.top VERTICAL-ALIGN: top; WIDTH: 1000px; HEIGHT: 130px; BACKGROUND-COLOR: #eaf2fb.left BACKGROUND-IMAGE: url(./images/index_12.jpg); VERTICAL-ALIGN: top; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: center#menu PADDING-RIGHT: 20px; BACKGROUND-POSITION: center center; FONT-SIZE: 14px; BACKGROUND-IMAGE: url(./images/menu-bg1.gif); COLOR: #88a8d7; BACKGROUND-REPEAT: no-repeat; HEIGHT: 29px; TEXT-ALIGN: right#menu A FONT-SIZE: 12px; COLOR: #ffffff; TEXT-ALIGN: right; TEXT-DECORATION: none#menu A:hover FONT-SIZE: 12px; COLOR: #ffff00; TEXT-ALIGN: right; TEXT-DECORATION: none#menu1 BACKGROUND-POSITION: center center; PADDING-LEFT: 20px; FONT-SIZE: 14px; BACKGROUND-IMAGE: url(./images/menu-bg2.gif); COLOR: #88a8d7; PADDING-TOP: 4px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 25px; TEXT-ALIGN: left#menu1 A FONT-SIZE: 12px; COLOR: #ffffff; TEXT-ALIGN: right; TEXT-DECORATION: none#menu1 A:hover FONT-SIZE: 12px; COLOR: #ffff00; TEXT-ALIGN: right; TEXT-DECORATION: none#menu-sub BACKGROUND-POSITION: center center; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(./images/menu-bg1.gif); COLOR: #ffffff; PADDING-TOP: 4px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 25px; TEXT-ALIGN: center#menu-sub A FONT-SIZE: 12px; COLOR: #ffffff; TEXT-ALIGN: right; TEXT-DECORATION: none#menu-sub A:hover FONT-SIZE: 12px; COLOR: #ffff00; TEXT-ALIGN: right; TEXT-DECORATION: none3.3.2 测控专业实验室共三大部分：u 页面依然主要由层以及表格实现，整体色调为灰色加蓝绿。u 同样为了使页面更加简洁，整体效果较好，我们把字体主要选择“宋体”。u 在内容前加有水平线，实现分清主次的效果，使主题部分与内容分割开来。 主页结构图如下：部分CSS代码：#menu-sub-down BACKGROUND-POSITION: center center; FONT-SIZE: 14px; BACKGROUND-IMAGE: url(./images/menu-bg2.gif); COLOR: #88a8d7; PADDING-TOP: 4px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 25px; TEXT-ALIGN: center#menu-sub-down A FONT-SIZE: 12px; COLOR: #ffffff; TEXT-ALIGN: right; TEXT-DECORATION: none#menu-sub-down A:hover FONT-SIZE: 12px; COLOR: #ffff00; TEXT-ALIGN: right; TEXT-DECORATION: none.xuxian-down BACKGROUND-POSITION: 50% bottom; BACKGROUND-IMAGE: url(./images/xuxian-heng.gif); PADDING-TOP: 3px; BACKGROUND-REPEAT: repeat-x.kuang BORDER-RIGHT: #ebebeb 1px solid; BORDER-TOP: #ebebeb 1px solid; BORDER-LEFT: #ebebeb 1px solid; BORDER-BOTTOM: #ebebeb 1px solid.jxdt-font PADDIN