计算机科学学院网站设计.docx
《计算机科学学院网站设计.docx》由会员分享,可在线阅读,更多相关《计算机科学学院网站设计.docx(23页珍藏版)》请在冰豆网上搜索。
计算机科学学院网站设计
甘肃政法学院
本科学年论文(设计)
题目计算机科学学院网站的设计与实现
计算机科学学院院(系)信息管理与信息系统专业2010级信管班
学号201081020108
姓名贾燚
指导教师何珍祥
成绩
完成时间2012年11月
计算机科学学院网站的设计与实现
摘要:
在网络飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。
网上发布信息主要是通过网站来实现的,获取信息也是要在网络这个信息海洋中按照一定的检索方式将所需要的信息从网站上下载下来。
因此网站建设在网络应用上的地位显而易见,它已成为政府、企事业单位等信息化建设中的重要组成部分,从而倍受人们的重视。
本文介绍了开发甘肃政法学院计算机科学学院网站的过程,通过对计算机学院网站建设的需求分析;完成了系统功能的设计及代码设计;说明了几个主要模块的程序实现。
本网站系统主要使用HTML语言和Dreamweaver8设计与实现,其界面简单大方,操作简单,比较实用。
关键词:
学生管理;信息交流;HTML设计;Dreamweaver8编程
SchoolofcomputersciencewebsitedesignandRealization
Abstract:
Therapiddevelopmentinthenetworktoday,theInternetbecomefastaccess,publishanddisseminateinformationimportantchannel,itinthepeople'spolitical,economic,andotheraspectsoflifeplayanimportantrole.Webpublishinginformationismainlyachievedthroughthewebsite,accesstoinformationistobeunderthenetworkinformationaccordingtoacertainwayofsearchinginformationneededcanbedownloadedfromthewebsite.Thereforewebsiteconstructioninnetworkapplicationstatusobviously,ithasbecomethegovernment,enterprisesandinstitutionssuchastheimportantpartoftheconstruction,thuspeople'sattention.ThispaperpresentsthedevelopmentofwebsiteofGansuPoliticalScienceandLawInstituteSchoolofcomputerscience,thecomputercollegewebsiteconstructionneedsanalysis;completedthesystemfunctiondesignandthecodedesign;describesseveralmainmodulesoftheprogram.ThesystemconsistsoftheuseoflanguageandHTMLDreamweaver8designandimplementation,theinterfacesimpleandgenerous,simpleoperation,morepractical.
Keywords:
Studentmanagement;Informationcommunication;HTML;Dreamweaver8programming
第一章引言
在网络飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。
网络上发布信息主要是通过网站来实现的,获取信息也是要在网络这个信息海洋中按照一定的检索方式将所需要的信息从网站上下载下来。
因此网站建设在网络应用上的地位显而易见,它已成为政府、企事业单位等信息化建设中的重要组成部分,从而倍受人们的重视。
随着互联网的进一步发展和成熟,宽带网络的流行,网络技术在生活中的应用越来越广泛。
随着社会的进步,在校园网中拥有自己的站点和主页是必然的结果,利用网络为本院师生服务不仅是未来发展的必然也是体现一个技术科学学院风采的最佳途径。
因此,在何珍祥老师的建议下和指导下,我利用HTML、JavaScript等语言,并结合Dreamweaver8、Photoshop等工具设计并制作了反映我学院特色的网站。
第二章网站设计思想及开发工具简介
2.1设计思想
眼睛是心灵的窗户,而计算机学院网站也应是展现计算机学院风采的窗口。
通过此网站,全面宣传、展示学院风采;发布内部的重大信息;增强学生与教师之间的沟通;通过提供客户端的网上查询、交流工具,服务器端的管理平台,来加强对学生的管理、提高信息的宣传力度。
最后应使网站界面清新、统一且有层次,尽量使每一位用户满意、放心。
2.2开发工具的选用及介绍
2.2.1HTML简介
HTML(HypertextMark-upLanguage)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。
HTML文件是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。
HTML文件的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。
HTML文件是可以被多种网页浏览器读取,产生网页传递各类资讯的文件。
从本质上来说,Internet(互联网)是一个由一系列传输协议和各类文档所组成的集合,html文件只是其中的一种。
这些HTML文件存储在分布于世界各地的服务器硬盘上,通过传输协议用户可以远程获取这些文件所传达的资讯和信息。
网络浏览器,例如NetscapeNavigator或MicrosoftInternetexplorer,能够解释HTML文件来显示网页,这是网络浏览器的主要作用。
当你使用浏览器在互联网上浏览网页时,浏览器软件就自动完成HTML文件到网页的转换。
2.2.2工具选用
鉴于HTML语言的以上特点,所以我就以HTML语言为编程语言;至于工具,我选用Dreamweaver8编辑软件来设计与开发甘肃政法学院计算机科学学院网站。
Dreamweaver8是一款提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。
它包含HomeSite和BBEdit等主流文字编辑器。
帧(frames)和表格的制作速度快的令您无法想像。
进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
甚至可以排序或格式化表格群组,Dreamweaver8支援精准定位,利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。
所见即所得Dreamweaver8成功整合动态式出版视觉编辑及电子商务功能。
使用不同浏览器检示功能,Dreamweaver8可以告知您在不同浏览器上执行的成效如何。
当有新的浏览器上市时,只要从Dreamweaver8的网站在下载它的描述档,便可得知详尽的成效报告。
第三章网站总体分析与设计
3.1网站系统分析
根据前面的设计思想进行分析,按照系统开发的基本观点对网站进行分解,从内容上可对网站作如下划分:
3.1.1学院首页
通过学院本科教学、最新动态等对学院的基本情况进行介绍。
3.1.2学院新闻
介绍学院的新闻,便于师生信息的获取。
3.1.3学院概况
通过学院简介、专业设置对学院的基本情况进行介绍。
3.1.4师资队伍
通进学科带头人、教师情况来呈现。
3.1.5本科教育
通过学校及学院的政策文件进行介绍。
3.1.6校友之家
通进校友之间的互动和帮助来呈现。
3.1.7学生管理
通进学生工作和学生评优来呈现。
3.2总体设计
网站主页采用静态主页的方式,主要介绍学院的概况、教学计划等内容等。
以下为网站的总体框架:
第四章详细设计
4.1首页的实现
首页是一个网站最重要的部分,可以占到一半以上的比例,因此首页的布局就非常重要了。
用Dreamweaver8的表格布局可以使布局看上去简单而大方,在使用Dreamweaver8中,我主要采用可视化设计与代码设计相结合,其主要代码见附录1所示。
经过不停地修改代码和布局,网站的首页的雏形初步形成,利用Dreamweaver8在IE浏览器中可以预览首页,其截图如下图1所示:
图1首页
4.2“学院新闻”网页的实现
学院新闻是一个网站交流信息最重要的部分,它的布局要简单,明了。
用Dreamweaver8的表格布局可以使布局看上去简单而明了,其主要代码见附录2所示。
利用Dreamweaver8在IE浏览器中可以预览学院新闻网页,其截图如下图2所示:
图2“学院新闻”网页
4.3“学院概况”的实现
学院概况是展示计算机科学学院悠久的历史的很重要的部分,通过它,我们可以大致地了解计算机科学学院的发展历史。
在这里,我用HTML语言编写,其主要代码见附录3所示。
编写好代码后,可以利用Dreamweaver8在IE浏览器中可以预览学院概况网页,其截图如下图3所示:
图3“学院概况”网页
4.4“师资队伍”的实现
师资队伍是展示计算机科学学院师资队伍雄厚的很重要的部分,通过它,我们可以知道计算机科学学院的实力及老师的情况,为同学们选课提供了参考依据。
由于其结构与“学院概况”网页相似,同样用HTML语言编写,其主要代码见附录4所示。
经过简单的调试后,可以利用Dreamweaver8在IE浏览器中可以预览师资队伍网页,其截图如下图4所示:
图4“师资队伍”网页
4.5“本科教育”的实现
本科教育是展示计算机科学学院对于本科生培养的很重要的部分,通过它,我们大致地可以知道自己以后的发展道路,为同学们指明了方向。
其结构与“学院新闻”网页如出一辙,采用HTML语言编写,其主要代码见附录5所示。
经过简单的调试后,可以利用Dreamweaver8在IE浏览器中可以预览本科教育网页,其截图如下图5所示:
图5“本科教育”网页
4.6“校友之家”的实现
校友之家是展示计算机科学学院毕业生之间的交流和沟通,透过它,我们可以知道计算机科学学院学生的凝聚力,从侧面看出了计算机科学学院的教学的成功。
其结构与“本科教育”网页完全一样,同样采用HTML语言编写,其主要代码见附录6所示。
经过简单的调试后,可以利用Dreamweaver8在IE浏览器中可以预览校友之家网页,其截图如下图6所示:
图6“校友之家”网页
4.7“学生管理”的实现
学生管理是计算机科学学院学生交流及进行学生工作的重要途径,通过它,增强了信息的及时性,保证了每个学生公平公正,从侧面看出了计算机科学学院的教学风格。
其结构与“校友之家”网页完全一样,同样采用HTML语言编写,其主要代码见附录7所示。
经过简单的调试后,可以利用Dreamweaver8在IE浏览器中可以预览学生管理网页,其截图如下图7-1和7-2所示:
图7-1“学生管理”网页
图7-2“学生工作”网页
第五章模型的评价与分析
模型的优点:
1.布局简单大方,方便信息的查找与交流,实现了一个学科网站的基本功能。
2.层次明确,结构由大到小,十分清晰,给人一种舒适的浏览感觉。
3.多种布局相结合,既有多模块的整合,也有单一模块的连接,很好地展示了计算机科学学院属于技术学院的一面。
模型的缺点:
1.本网站以静态网页为主,缺乏动态网页和静态网页相结合,略显呆板。
2.由于时间仓促和本人水平有限,分支网页不够完善,系统略显单薄。
致谢
值此学年论文完成之际,首先要感谢我的导师何珍祥教授。
何老师在系统整体设计方面,给出了很多当前流行的方案,从一开始到最后,给了我很大的个人空间,使我受益匪浅。
在给出建议后,何老师告诉我应该注意的细节问题,细心的给我指出错误。
何老师诲人不倦的工作作风,一丝不苟的工作态度,严肃认真的治学风格给我留下深刻的影响,值得我永远学习。
在此向所有关心,帮助过我的老师、同学表示感谢,感谢他们在学习,精神上给我的支持与帮助,他们的关怀是我最宝贵的财富。
参考文献
【1】王黎,于永军,张豪,动态网站开发典型实例,北京:
清华大学出版社,2010.
【2】杨敏,王英华,网页设计与制作从新手到高手,北京:
清华大学出版社,2011.
【3】网星工作室,网页编程完全手册[M],北京:
北京:
希望电子出版社,2001.
【4】前沿电脑图像工作室,巧学巧用Dreamweaver、Fireworks、Flash制作网页[M],北京:
人民邮电出版社,2009.
【5】胡崧,网页色彩与版式设计创意实践,中国青年出版社,2008.
【6】张鑫,HTML代码效果对比学习,中国青年出版社,2009.
附录
附录1:
首页
学院新闻
学院概况
师资队伍
本科教育
校友之家
none;">学生管理
学生工作学生评优