计算机科学学院网站设计.docx

1、计算机科学学院网站设计甘肃政法学院本科学年论文（设计）题 目 计算机科学学院网站的设计与实现 计算机科学学院 院(系) 信息管理与信息系统 专业 2010 级 信管 班学 号 201081020108 姓 名 贾 燚 指导教师 何 珍 祥 成 绩 完成时间 2012 年 11 月计算机科学学院网站的设计与实现摘要：在网络飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。网上发布信息主要是通过网站来实现的，获取信息也是要在网络这个信息海洋中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在网络应用上的地位显而易见，

2、它已成为政府、企事业单位等信息化建设中的重要组成部分，从而倍受人们的重视。本文介绍了开发甘肃政法学院计算机科学学院网站的过程，通过对计算机学院网站建设的需求分析；完成了系统功能的设计及代码设计；说明了几个主要模块的程序实现。本网站系统主要使用HTML语言和Dreamweaver 8设计与实现，其界面简单大方，操作简单，比较实用。关键词： 学生管理；信息交流 ；HTML设计；Dreamweaver 8编程School of computer science website design and RealizationAbstract：The rapid development in the ne

3、twork today, the Internet become fast access, publish and disseminate information important channel, it in the people s political, economic, and other aspects of life play an important role. Web publishing information is mainly achieved through the website, access to information is to be under the n

4、etwork information according to a certain way of searching information needed can be downloaded from the website. Therefore website construction in network application status obviously, it has become the government, enterprises and institutions such as the important part of the construction, thus pe

5、oples attention. This paper presents the development of website of Gansu Political Science and Law Institute School of computer science, the computer college website construction needs analysis; completed the system function design and the code design; describes several main modules of the program.

6、The system consists of the use of language and HTML Dreamweaver 8 design and implementation, the interface simple and generous, simple operation, more practical.Key words: Student management; Information communication; HTML; Dreamweaver 8 programming第一章 引言在网络飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经

7、济、生活等各个方面发挥着重要的作用。网络上发布信息主要是通过网站来实现的，获取信息也是要在网络这个信息海洋中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在网络应用上的地位显而易见，它已成为政府、企事业单位等信息化建设中的重要组成部分，从而倍受人们的重视。随着互联网的进一步发展和成熟，宽带网络的流行，网络技术在生活中的应用越来越广泛。随着社会的进步，在校园网中拥有自己的站点和主页是必然的结果，利用网络为本院师生服务不仅是未来发展的必然也是体现一个技术科学学院风采的最佳途径。因此，在何珍祥老师的建议下和指导下，我利用HTML、JavaScript等语言，并结合Dreamweave

8、r 8、Photoshop等工具设计并制作了反映我学院特色的网站。第二章 网站设计思想及开发工具简介2.1设计思想眼睛是心灵的窗户，而计算机学院网站也应是展现计算机学院风采的窗口。通过此网站，全面宣传、展示学院风采；发布内部的重大信息；增强学生与教师之间的沟通；通过提供客户端的网上查询、交流工具，服务器端的管理平台，来加强对学生的管理、提高信息的宣传力度。最后应使网站界面清新、统一且有层次，尽量使每一位用户满意、放心。2.2开发工具的选用及介绍2.2.1 HTML简介HTML（Hypertext Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的

9、语言，也是构成网页文档的主要语言。HTML文件是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML文件的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。HTML文件是可以被多种网页浏览器读取，产生网页传递各类资讯的文件。从本质上来说，Internet（ 互联网）是一个由一系列传输协议和各类文档所组成的集合，html文件只是其中的一种。这些HTML文件存储在分布于世界各地的服务器硬盘上，通过传输协议用户可以远程获取这些文件所传达的资讯和信息。 网络浏览器，例如Netscape Nav

10、igator或Microsoft Internet explorer,能够解释HTML文件来显示网页，这是网络浏览器的主要作用。当你使用浏览器在互联网上浏览网页时，浏览器软件就自动完成HTML文件到网页的转换。2.2.2 工具选用鉴于HTML语言的以上特点，所以我就以HTML语言为编程语言；至于工具，我选用Dreamweaver 8编辑软件来设计与开发甘肃政法学院计算机科学学院网站。Dreamweaver 8是一款提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含Home Site和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进

11、阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver 8 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得 Dreamweaver 8成功整合动态式出版视觉编辑及电子商务功能。使用不同浏览器检示功能，Dreamweaver 8可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从Dreamweaver 8的网站在下载它的描述档，便可得知详尽的成效报告。第三章 网站总体分析与设计3.1网站系统分析根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分:3.

12、1.1 学院首页 通过学院本科教学、最新动态等对学院的基本情况进行介绍。3.1.2 学院新闻 介绍学院的新闻，便于师生信息的获取。3.1.3 学院概况 通过学院简介、专业设置对学院的基本情况进行介绍。3.1.4 师资队伍 通进学科带头人、教师情况来呈现。3.1.5 本科教育 通过学校及学院的政策文件进行介绍。3.1.6 校友之家 通进校友之间的互动和帮助来呈现。3.1.7 学生管理 通进学生工作和学生评优来呈现。3.2总体设计网站主页采用静态主页的方式，主要介绍学院的概况 、教学计划等内容等。以下为网站的总体框架：第四章 详细设计4.1首页的实现首页是一个网站最重要的部分，可以占到一半以上的比

13、例，因此首页的布局就非常重要了。用Dreamweaver 8的表格布局可以使布局看上去简单而大方，在使用Dreamweaver 8中，我主要采用可视化设计与代码设计相结合，其主要代码见附录1所示。经过不停地修改代码和布局，网站的首页的雏形初步形成，利用Dreamweaver 8在IE浏览器中可以预览首页，其截图如下图1所示：图1 首页4.2“学院新闻”网页的实现学院新闻是一个网站交流信息最重要的部分,它的布局要简单,明了。用Dreamweaver 8的表格布局可以使布局看上去简单而明了，其主要代码见附录2所示。利用Dreamweaver 8在IE浏览器中可以预览学院新闻网页，其截图如下图2所示

14、：图2 “学院新闻”网页4.3“学院概况”的实现学院概况是展示计算机科学学院悠久的历史的很重要的部分,通过它,我们可以大致地了解计算机科学学院的发展历史。在这里，我用HTML语言编写,其主要代码见附录3所示。编写好代码后，可以利用Dreamweaver 8在IE浏览器中可以预览学院概况网页，其截图如下图3所示：图3 “学院概况”网页4.4“师资队伍”的实现师资队伍是展示计算机科学学院师资队伍雄厚的很重要的部分,通过它,我们可以知道计算机科学学院的实力及老师的情况，为同学们选课提供了参考依据。由于其结构与“学院概况”网页相似，同样用HTML语言编写，其主要代码见附录4所示。经过简单的调试后，可以

15、利用Dreamweaver 8在IE浏览器中可以预览师资队伍网页，其截图如下图4所示：图4 “师资队伍”网页4.5“本科教育”的实现本科教育是展示计算机科学学院对于本科生培养的很重要的部分,通过它,我们大致地可以知道自己以后的发展道路，为同学们指明了方向。其结构与“学院新闻”网页如出一辙，采用HTML语言编写，其主要代码见附录5所示。经过简单的调试后，可以利用Dreamweaver 8在IE浏览器中可以预览本科教育网页，其截图如下图5所示：图5 “本科教育”网页4.6“校友之家”的实现校友之家是展示计算机科学学院毕业生之间的交流和沟通,透过它,我们可以知道计算机科学学院学生的凝聚力，从侧面看出

16、了计算机科学学院的教学的成功。其结构与“本科教育”网页完全一样，同样采用HTML语言编写，其主要代码见附录6所示。经过简单的调试后，可以利用Dreamweaver 8在IE浏览器中可以预览校友之家网页，其截图如下图6所示：图6 “校友之家”网页4.7“学生管理”的实现学生管理是计算机科学学院学生交流及进行学生工作的重要途径,通过它,增强了信息的及时性，保证了每个学生公平公正，从侧面看出了计算机科学学院的教学风格。其结构与“校友之家”网页完全一样，同样采用HTML语言编写，其主要代码见附录7所示。经过简单的调试后，可以利用Dreamweaver 8在IE浏览器中可以预览学生管理网页，其截图如下图

17、7-1和7-2所示：图7-1 “学生管理”网页图7-2 “学生工作”网页第五章 模型的评价与分析模型的优点：1. 布局简单大方，方便信息的查找与交流，实现了一个学科网站的基本功能。2. 层次明确，结构由大到小，十分清晰，给人一种舒适的浏览感觉。3. 多种布局相结合，既有多模块的整合，也有单一模块的连接，很好地展示了计算机科学学院属于技术学院的一面。模型的缺点：1. 本网站以静态网页为主，缺乏动态网页和静态网页相结合，略显呆板。2. 由于时间仓促和本人水平有限，分支网页不够完善，系统略显单薄。致谢值此学年论文完成之际，首先要感谢我的导师何珍祥教授。何老师在系统整体设计方面，给出了很多当前流行的方

18、案，从一开始到最后，给了我很大的个人空间，使我受益匪浅。在给出建议后，何老师告诉我应该注意的细节问题，细心的给我指出错误。何老师诲人不倦的工作作风，一丝不苟的工作态度，严肃认真的治学风格给我留下深刻的影响，值得我永远学习。在此向所有关心，帮助过我的老师、同学表示感谢，感谢他们在学习，精神上给我的支持与帮助，他们的关怀是我最宝贵的财富。参考文献【1】王黎，于永军，张豪，动态网站开发典型实例，北京：清华大学出版社，2010.【2】杨敏，王英华，网页设计与制作从新手到高手，北京：清华大学出版社，2011.【3】网星工作室，网页编程完全手册M，北京：北京：希望电子出版社，2001.【4】前沿电脑图像工

19、作室，巧学巧用Dream weaver、Fireworks、Flash制作网页M，北京：人民邮电出版社，2009.【5】胡崧，网页色彩与版式设计创意实践，中国青年出版社,2008.【6】张鑫，HTML代码效果对比学习，中国青年出版社,2009.附录附录1：     首页 学院新闻 学院新闻 图片新闻 相关链接 学院概况 学院简介 机构设计 实验室情况 师资队伍 学科带头人 教师情况 本科教育 校友之家 学生管理 学生工作 学生评优 中文版 英文版 附录2： 学院新闻XueYuanXinWen 首页>学院新闻 计算机科学学院召开2013届毕业生就业总

20、动员 计算机科学学院“迎新杯”篮球赛颁奖仪式 计算机科学学院组织参加第六届“创新杯”比赛 计算机科学学院组织参加“航信杯”比赛 计算机科学学院组织参加全国大学生数学建模 计算机科学学院开展2012届新生专题学习讲座 计算机科学学院开展2011年度评选评优活动 计算机科学学院组织学生开展党的学习 计算机科学学院开展“三下乡”活动 附录3:     甘肃政法学院的计算机教学起步于1990年初，1994年在原基础课部设立计算机教研室，2001年在原基础课部计算机教研室和数理教研室的基础上成立了计算机科学学院。现学院下设计算机软件与理论研究室、计算机应用技术研究室、数理

21、研究室、电子技术研究室、计算机实验中心、计算机与犯罪研究中心，设有计算机科学与技术、信息管理与信息系统两个本科专业，一个计算机应用技术专科专业。计算机科学与技术学科2002年被评为学校重点学科。     学院拥有一支综合素质好、学术水平较高、实践经验丰富、具有开拓创新精神的教学科研队伍，其中有首批甘肃省教学名师1人，获“甘肃省园丁奖”1人，入选甘肃省“555” 第二层次人才2人，入选甘肃政法学院学科带头人2人，学术骨干2人，入选甘肃政法学院优秀中青年教师1人。学院现有教师23人，其中教授2人，副教授7人，具有硕士学位3人，目前在读博士、硕士研究生4人，全日制本科

22、生325人。     在加强计算机学科建设的同时，学院十分重视基础理论的研究。近三年来，全院承担各种科研课题10项，其中省级课题5项，校级课题项目5项，主持的各种项目获省级一、二、三等奖近10次；在国外有影响的学术刊物及国内核心刊物上发表学术论文80余篇，其中被EI收录2篇,其中,国家一级权威期刊8篇、核心期刊20篇；出版教材9部。      学院目前教学、科研设施齐全，在充分共享甘肃政法学院的网络系统、图书资料以及其它各种教学资源外，还拥有较先进的教学、实验环境，学院实验中心下设网络实验室、组成原理实验室、电子电工实验室、微机原

23、理实验室、计算机维护实验室和2个微机室，实验室面积约612平方米，实验教学固定设备总金额1,994,174.00元，为我院的教学、科研创造了较好的硬件支撑条件。学院还与清华大学出版社等单位建立了新书、样书架，使广大教师能及时看到国内最新的计算机类图书。     计算机科学学院的办学指导思想是：以邓小平理论和“三个代表”重要思想为指导，全面贯彻党的教育方针，解放思想，与时俱进，立足甘肃，面向西部，为地方经济社会发展服务；培养具有创新精神和实践能力的高素质复合型、应用性专门人才。     计算机科学学院的定位和发展目标是：在与学校定位的总体思想保持一致的基础上，遵循社会适应性和持续发展性的办学原则，以专业质量建设和专业结构调整为发展主线，培养专业能力强、综合素质高的应用性专业人才。附录4： 学科带头人 IMG border=0 hspace=0 alt=1 align=left src=images/w