收藏 分销(赏)

基于ASP+Access的信息学院网站系统设计及实现 毕业论文.pdf

上传人:曲**** 文档编号:462267 上传时间:2023-10-11 格式:PDF 页数:57 大小:3.47MB
下载 相关 举报
基于ASP+Access的信息学院网站系统设计及实现 毕业论文.pdf_第1页
第1页 / 共57页
基于ASP+Access的信息学院网站系统设计及实现 毕业论文.pdf_第2页
第2页 / 共57页
基于ASP+Access的信息学院网站系统设计及实现 毕业论文.pdf_第3页
第3页 / 共57页
基于ASP+Access的信息学院网站系统设计及实现 毕业论文.pdf_第4页
第4页 / 共57页
基于ASP+Access的信息学院网站系统设计及实现 毕业论文.pdf_第5页
第5页 / 共57页
点击查看更多>>
资源描述

1、摘 要在网络逐渐流行成为人类生活一部分的今天,网站已经成为一种有效 的宣传与交流平台。对任何一个单位来说,建立一个稳定、美观、功能强 大而实用的网站,已经成为该单位发展必不可少的一环。在现今社会里,网络在教学与管理上越来越显得重要,它可以帮助改 进一贯的办公方式,方便资源与思想的交流,使工作效率得到较大的提升。对着电脑轻松办公,甚至可以说已成为一种乐趣,一种享受。充分利用网 络的优势为教学与管理服务,是现代教育的一种全新理念。本课题基于信息学院的原始资料,利用ASP结合Ac c ess数据库技术,对信息学院网站进行一次全新的设计制作。全新设计了网站的界面;实现 了新闻、公告等内容动态管理;实现

2、在线邮件群发;实现学生成绩在线管 理;完成网站访问计数器功能;实现图片新闻自动调用;完成课件点播、规章制度、理论学习、常用表格、党建动态、师生留言等栏目功能。网站 系统的实现,将为学院网站的建设打下良好的基础,树立一个全新的学院 网站形象。关键字:网络数据库、ASP、权限、内网、邮件群发AbstractAs th e nerwo rk gradually prevails and bec o mes o ne part o f h uman life to day,site h as turned into a valid flat ro o f fo r flac k and c o mmu

3、nio n.Ro r any unit,establish ing a steady h andso me site wh o se func tio n po werfully and prac tic ally site,h as bec ame a nec essary tac h e abo ut develo pment o f th at unit.No wadays,in o ur so c iety,netwo rk appears mo re and mo re impo rtanc e at teac h ing and management,it c an h elp u

4、s impro ve o n wo rk manner,make c o mmunic ate abo ut reso urc e and th inking expediently and wo rk effic ienc y advanc e largely,wo rking c o mfo rtablly in th e fac e o f c o mputer,It even h as bec ame a pleasure and enjo yment.Th e advantage o f using netwo rk adequately serve fo r teac h ing

5、and management is a wh o le new princ iple fo r mo dern educ ate.th e interfac e o f site.Th is task is based upo n th e o riginal material o f c o llege o f info rmatio n,Utilize ASP to unite Ac c ess database tec h nique,and makes a wh o le new design fo r o ur c o lleges site.Fo r example,a wh o

6、le new design fo r th e interfac e o f site;news affic h e,dynamic management c o me true;c luster mail send and student ac h ievement management o n line alse c o me true;th e func tio n o f web site arith mo meter h as ac c o mplish ed;th e auto matism transfer c o nc erning pic ture news c o urse

7、wares o rder pro gramme bylaw th eo rys study table in c o mmo n use th e develo pment o f party establish、th e leave wo rd o f teac h er and student etc c o lumn h as c o mpleted,th e implement o n web sites system will bec o me a well fo undatio n fo r c o llages site build,and build up a wh o le

8、new c o llage sites visualize.Keywords:Datebase o f Web、asp Po pedo mInside net Mail gro up delivers.刖、学院原来的网站系统比较简单,比较多的内容还是通过手动制作h tml 页面来实现新闻的更新与公告的更新,在更新内容和管理上显得效率不高。没有管理后台,造成管理上的不及时与文件的凌乱;缺少一些常用的功能,不能有效的利用网络的优势实现对学院的日常工作进行组织与管理。界面 上,页面设计比较简单,不够美观大方;颜色搭配效果较差;有些地方较 粗糙,制作不够细腻,不能给人一种优雅的享受。内容上,网站的信息

9、内 容相对较少。所以网站要达到好的效果,需要进行重新设计。经过重新设计,实现了学院网站的全部功能,其中主要工作如下:界面,通过合理的颜色搭配,全新设计了网站的版面。管理后台,实现高效率、高质量管理网站的信息内容。邮件群发,实现按各系部、单位选择老师群发邮件。学生成绩管理系统,完成课程安排、学生资料管理、学生成绩在线 管理功能、成绩打印等功能。网站计数器,可以有效记录网站的访问量情况。图片新闻,实现首页自动调用功能。外网与内网分权限浏览,实现院内院外信息分开处理。内网师生留言板,实现师生之间的留言交流。网站帮助,完成关于我们、联系我们、网站地图、帮助信息、管理 入口等辅助功能。内网栏目,完成规章

10、制度、常用表格、课件点播、学院工作、党建 动态和理论学习等栏目的建立。其他页面,制作完成学院内容及老师简介的页面经过近三个月的努力工作,目标已经达到,功能完全实现。由于时间 比较紧和个人的能力有限,可能在个别小地方还存在漏洞与不足,还有待 进一步的完善。1系统分析目录a61.1 项目目标与功能.61.1.1 项目内容与目标.61.1.2 主要功能.71.2 网站系统设计原则.111.3 设计人员与资源.121.3.1 设计人员.121.3.2 硬件环境.121.3.3 软件环境.131.3.4 开发概况.131.4 计划.162网站界面设计172.1 颜色的选择.172.2 前台界面设计.17

11、2.2.1 网站首页的设计.172.2.2 内网首页的设计.202.3 后台界面设计.212.4 其它页面设计.232.5 栏目链接设计.243系统设计.253.1 新闻系统设计.253.1.1 新闻系统数据库设计.253.1.2 新闻系统程序设计.273.2 内网自动引导程序设计.303.3 计数器程序设计.323.4 邮件群发程序设计.333.4.1 邮件群发数据库设计.333.4.2 邮件发送程序设计.354系统使用说明.374.1应用环境.374.1.1 硬件环境.374.1.2 软件环境.384.2 系统安装与使用说明.384.2.1 特别注意.384.2.2 数据库路径修改.404

12、.2.3 其它相关说明.404.3 新闻管理系统使用方法.414.4 邮件系统使用说明.434.4.1 使用注意.434.4.2 参数设置.444.4.3 邮件发送.444.4.4 其他说明.474.5 学生成绩管理系统使用说明.485|7、505.1 设计总结.505.2 设计体会.515.3 问题与解决办法.535.3.1 内网入口问题.535.3.2 邮件群发问题.545.3.3 邮件管理员参数问题.555.3.4 搜索功能漏洞问题.555.3.5 资料分类与制作问题.555.3.6 数据库安全问题.566主要参考文献.577致谢辞8附件与使用说明591系统分析L1项目目标与功能1.1.

13、1 项目内容与目标整个毕业设计的目标,是在学院基本资料的基础上对信息学院网站系 统进行全新的设计,实现内网功能,初步建成一个美观而实用的网站系统。具体包括:全新设计网站的界面;完成信息管理后台系统、邮件群发系统、学生成绩管理系统和内网入口检测程序;完成内网师生留言板;完成规章 制度、常用表格、课件点播、学院工作、党建动态和理论学习等栏目;重 新设计学院简介等相关内容及老师简介的页面;合理安排网站系统,以方 便日后的管理与功能上的扩展;设计美观大方的网页,提高网站的观赏与 实用性。充分利用网络的优势来为老师和同学服务,为教学与管理服务。栏目管理系统栏目管理除文章 修改文章 噌加文章 规章制度 学

14、院公告 学院工作 学院新闻评点播 莆表格 襄学习用站系统邮件群发_|用户管理 I参敷设苴 I敷据管理 I附件管理 I发送邮件毕业班管理 管理专业信息 管理班级信息 管理学生信息打印成绩 更新成绩 录入成绩图L1网站系统模块图1.1.2 主要功能整个网站系统在完成后,具有新闻发布、公告发布、图片新闻、常用 表格下载、规章制度、课件点播、邮件群发、学院工作、党建动态、理论 学习、课程与学生成绩管理、自动引导校园内与校园外浏览者、访问计数 和留言等功能,具体实现功能以下:重新设计网站的整体界面与后台界面。采用统一的界面与风格,展 现学院网站自己的特点,还可以方便以后的修改与完善;采用鲜艳而严肃 的颜

15、色,体现学院严肃求实的办学特点和活泼进取的精神面貌;页面设计 新鲜且大方得体,颜色鲜艳的同时带上素色效果点缀,体现现代主流网站 的流行设计理念;制作精美且具有立体感的flash多媒体,增强网站的可观 赏程度和交互功能;增加网页立体感,给人一种层次性真实感;设计上尽 量做得细腻,实现界面美观与浏览速度的平衡,增强网站的实用价值。完成信息管理后台。可以方便以后高效率的管理与更新学院新闻、学院公告、常用表格、规章制度、课件点播、学院工作、党建动态和理论 学习等信息内容;可以增加与删除管理员,实行多人多点管理,合理安排 管理栏目与管理时间,提高管理上的质量与效率。完成搜索功能,方便访问者快速查找所需的

16、内容。实现图片新闻自动调用功能。可以快速的上传有关学院的图片新闻,增强网站的信息直观性,使浏览者及时直观的了解学院的近期活动。可以 浏览更多图片新闻,方便回顾近期图片新闻内容。编写完成邮件群发系统。本系统可以实现多用户使用,每个用户具 有自己的登录密码,并且可以设置自己的参数。可以实现对全部老师,各 系部或各单位全部老师群发邮件,还可以只选择部分老师或个别老师发送 邮件。具有发送是否成功检验功能。发送失败的邮件可以选择重新发送邮 件,保证发送的正确性与完全性。邮件系统在操作与管理方面比较方便。运行效率比较好,安全性也比较高。编写完成学生成绩和课程安排管理系统。本系统实现管理员可以在 网络上管理

17、教师资料、管理班级与学生资料、管理课程的设置及课程表和 管理学生的成绩数据;浏览者可以进行课程表查询、成绩查询、教师情况、班级情况、作息时间等其他内容的浏览,大大方便老师和同学们对相关信 息的了解;可以打印课程表与学生成绩;可以方便修改数据库内容。本系 统有合理的管理后台,采用框架页面管理思想,合理安排管理内容的分类 导航,管理效率比较高。系统登录采用密码与检验码合用的登录方式,登 录与管理比较安全。实现内网功能,实现内网与外网信息浏览的分开处理。本功能可以 自动识别访问者的IP,引导进入相应页面,浏览对应的信息。实现院内可 以正常的信息浏览,而对院外进行信息的局部保密。编写网站访问量的统计程

18、序,统计网站的访问量情况,方便管理员 及访问者及时了解网站的访问情况。开设规章制度栏目,让大家能方便查到学院的相关规章制度及措施,了解学院的相关制度内容与措施。开设常用表格栏目,提供常用的表格下载。方便老师与同学在学习 与生活的需要。开设课件点播栏目,方便老师与同学进行课件交流与学习,提高网 络对教学的帮助程度,缓解校园比较大而造成学习交流上的不方便。开设学院工作栏目,提供公布学院计划与总结,发布相关的文件内 容,安排与公开当前工作的功能。开设党建动态栏目,宣传党的知识。包括子栏目:党校培训、发展 对象、积极分子、党员档案。开设理论学习栏目。提供近期相关的理论学习内容。完成学院内网的师生留言板

19、,方便学院领导、老师和学生之间的交 流,回答及解决一些常见的问题。重新制作学院内容及老师简介的页面,更新部分内容,更加适合信 息的及时性与准确性浏览。合理安排网站系统,以方便日后的管理与功能上的扩展,提高功能 增删与管理上的效率。在页面合理安排一些如校区主页、部门主页、学院主页、其他主页 等常用的链接,方便访问者寻找其他信息内容。完成页底帮助功能。“关于我们”是介绍网站及学院情况;“联系我 们”提供访问者获得联系学院相关人员的方式;“网站地图”以直观的图表 展示网站的信息内容分布,引导访问者快速找到所需内容;“帮助信息”则 帮助访问者解决一般浏览网站时遇到的问题;“管理入口”方便管理员进入 后

20、台。完成版权、制作维护信息和浏览方式等页底提示,提供网站的制作 情况和提示浏览网站的最好方式。学院简介 学院领导 学院发展党政办公室 系所设置 实验中心 培训中心 博士生导师 教授硕士生导师 副教授高级实验师 人才引进 重点学科 硕士点 本科 博士点科研简介 研究机构 科研成果 在研项目 学生就业 研究生 工程硕士 本科生图1-2网站栏目分布图学院内网计划 总结文件 当前工作教学 科研 实验室 研究生 其他党校培训 发展对象 积极分子 党员档案图1-3学院内网栏目分布图L2网站系统设计原则网站设计与开发是一项系统工程,为了保证系统的质量,设计人员必 须遵守共同的设计原则,尽可能地提高系统的各项

21、指标。具体的设计原则 如下:1.实用性原则要力求最大限度地满足实际工作的需要,充分考虑各应用层次、各管 理环节数据处理的实用性,把满足用户生产和管理业务作为第一要素进行 考虑。用户接口和操作界面设计尽可能做到界面美观大方,操作简单实用。2.可扩展性与可维护性原则为适应将来的发展,网站系统应具有良好的可扩展性和可维护性。软 件设计尽可能模块化、组件化,使网站系统可灵活配置,适应不同的情况。数据库的设计尽可能考虑到未来的需要。3.安全可靠性原则网站系统与数据库系统的设计要做到安全可靠,防止非法用户的入侵。数据库的备份策略恰当,以防灾难性事故发生。4.用户界面设计原则图形化原则:用户界面的设计应符合

22、Windo ws规范的图形用户界面(GUI),做到美观大方。用户界面应当直观、明了、条理清晰。实现“傻 瓜型”管理易学、易用、易管理。5,数据库设计原则一致性原则:对信息进行统一、系统的分析与设计,协调好各数据源,做到“数出一门”、“算法统一”、“度量一致”。保证系统数据的一致性和有 效性。完整性原则:数据库的完整性是指数据的正确性和相容性。要防止合 法用户使用数据库时向数据库加入不规范的数据。对输入到数据库中的数 据要有审核和约束机制。安全性原则:数据库的安全性是指保护数据,防止非法用户使用数据 库或合法用户非法使用数据库造成数据泄露、更改或破坏。要有认证和授 权机制。可伸缩性原则:数据库结

23、构的设计应充分考虑发展的需要、移植的需 要,具有良好的扩展性、伸缩性和适度冗余。规范化数据库:应遵循规范化理论,规范化程度过低,可能会存在插 入、删除异常、修改复杂、数据冗余等问题,解决的方法就是对关系模式 进行分解或合并(规范化),转换成高级范式。规范化一共有六个级别:1NF、2NF、3NF、BCNF、4NF、5NF。但也应当注意到,并不是规范化程度超高 就直越好。当一个应用的查询中经常涉及到两个或多个关系模式的属性时,系统就必须经常进行连接运算,而连接运算的代价是非常高的。所以,在 具体应用时到底规范化要进行到什么程度需要利弊。一般而言,做到第三 范式就足够了。L3设计人员与资源1.3.1

24、 设计人员本小组共为4人,余健荣、白珍磊、国刚、刘娜,全部为信息科学与 工程学院信息与计算科学01 1班学生。我主要负责界面的设计制作和一 些程序上改动与完善。1.3.2 硬件环境网站系统大部分在个人电脑上设计完成,基本配置如卜:主板:硕泰克 SL-75FRN3-L nFo rc e 2c pu:SEMPRON 2200+内存:h y 400 256M X2显卡:nVIDIA Gfo rc e FX 5200硬盘:希捷7220 80G显示器:17”纯平其它:c d刻录机,普通机箱与电源。1.3.3 软件环境设计中涉及到的主要软件和开发环境:操作系统:Windo ws xp sp2,安装 IIS

25、 5.0编程与页面制作:Mac ro media Dreamweaver MX 2004图片处理:Mac ro media Firewo rks MX2004,Ph o to sh o p c sFlash 制作:Mac ro media Flash MX 2004文件上传管理:Flash FXP3.2等。开发环境:Asp,h tml,VBSc ript,JavaSc ript 等语言。1.3.4 开发概况整个网站系统日后要求在网络中心的服务器上运行使用,并要求可以 在网络上进行管理与使用,所以要使用网络动态编程语言及超文本描述语 言,并要使用数据库技术。系统环境:根据实际情况,结合个人熟悉情

26、况与服务器系统应用情况,主程序上,系统使用Asp,h tml网络编程语言,采用h tml嵌套asp语言形式,结合Mic ro so ft Ac c ess数据库实现各部分基本功能,再使用VBSc ript及 JavaSc ript脚本语言编译网页上的一些小程序,实现一些次要或辅助功能。整个程序要求运行在以Win NT为核心的Windo ws系统服务器上,要求安 装 Mic ro so ft Internet Info rmatio n Server versio n o n Windo ws NT Server,简称 Internet信息服务器或US。为确保运行的稳定和获得更好的兼容性,IIS

27、使 用5.0或以上版本;因为本网站系统中有邮件群发功能,所以服务器端要求 正确安装JMail组件;网站系统部分程序中有上传与管理上传文件功能,所 以要求服务器支持并开放File System Objec t功能。制作环境:对于h tml、asp编程和网页界面制作,使用效率比较高的 Mac ro media 公司的 Dreamweaver MX 2004 网页制作软件。Dreamweaver 提 供可见即可得功能,可以高效率制作h tml页面,快速设计页面与安排页面 布局,可以编辑asp,ph p,jsp等动态页面,并可以自动生成语言代码。本网 站系统所有页面全力 Dreamweaver编辑而成

28、。图片制作与处理方面,使用 Mac ro media公司的Firewo rks MX 2004,制作网页中的各种导航条与小图 片,并对系统中用到的图片作简单的处理。多媒体交互方面,使用 Mac ro media公司的Flash MX 2004,制作页面使用到的Flash文件,并结合 flash脚本语言,实现与访问者交互的功能。Asp简介Asp全称Ac tive Server Pages,中文名叫做动态服务网页,其功能在于可 以使用它来开发运行在Windo ws服务器平台上的动态网页和网站工网页是使用HTML(HyperText Markup Language,超文本标记语言)定义的文档。网页文

29、件是文本文件,可以使用记事本等文本编辑工具打开。HTML文档是在文本内容中加入HTML标记,对文本的内容进行格式化,然后使用浏览器来解释这些格式。最初的网页都是静态的,即一个网页中 的内容都是静态文本,不会化。因为HTML的开发是为了在计算机、网络 及操作系统之间显示和传送信息(特别是技术和科学信息),这种标准化的 文档仅是一种简单的文本和标记,其中的图像和其他非文本的内容以单独 文件的形式存放,它们可以在各种网络上自由传送。ASP技术在静态HTML内容中嵌入服务端脚本,实现网页内容的动态 改变。ASP是一种开发动态网页的技术,它既不是一种编程语言,也不是 一种开发工具软件,同样也不是一种应用

30、程序,ASP定义服务器端动态网 页的开发模型。图1.4 Asp运行机制HTML语言简介HTML(HyperText Markup Language超文本标记语言)是一种用来制 作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文 档,它能独立于各种操作系统平台(如UNIX,WINDOWS等)。自1990 年以来HTML就一直被用作Wo rldWideWeb上的信息表示语言,用于描述 Ho mepage的格式设计和它与WWW上其它Ho mepage的连结信息。HTML文档(即Ho mepage的源文件)是一个放置了标记的ASCII文 本文件,通常它带有.h tml或.h tm的文

31、件扩展名。生成一个HTML文档主要 有以下三种途径:一.手工直接编写(例如用你所喜爱的ASCII文本编辑器或其它HTML 的编辑工具)。二.可以使用Fro ntpage Dreamweaver进行编辑,也可通过某些格式 转换工具将现有的其它格式文档(如WORD文档)转换成HTML文档。三.由Web服务器(或称HTTP服务器)一方实时动态地生成。VBScript 简介VBSc ript为一种近似Basic的脚本言,不少重要的应用程式或是开发 工具都使用到这个语言,如微软的Internet Explo re、Visual Studio等。在微 软的Visual Basic系列中,最重要的程式语言的

32、根源是Mic ro so ft Visual Basic fo r Applic atio n,简称VBA,不论是Visual Basic或Offic e环境中的巨集都 是以VBA为基础,而VBSc ript也不例外。VBSc ript是VB的一个子集,它提供的各种语句和语法、常量和变量、函数和过程的规则与VB完全相同,并且也提供了许多基本的计算、处理 函数。VBSc ript是标准的脚本语言,广泛应用于动态网页、大型电子商务 系统、Windo ws系统管理等领域。包括Mic ro so ft Internet Explo rer中的Web 客户端脚本和Mic ro so ft Interne

33、t Info rmatio n Server中的Web服务器端脚本。Java Script 简介Java Sc ript是在Web主页文件中使用的一种编程语言,它可以直接控 制浏览器窗口各元素以及主页页面内容,也可以通过交互表来实现由用户 参与的控制。JavaSc ript 与 Java 的区别Java Sc ript 并非 Java Java 是 SUN Mic ro systems 公司的产品,Java Sc ript 则是前Netsc ape公司的产品,Mic ro so ft公司则有类似的Jsc ripto在Web主页文件中,Java程序通过vAPPLETv/APPLET标签弓|用,它

34、在服务器端执行,在浏览器窗口中预留的空间显示;JavaSc ript程序则通 过SCRIPT LANGUAGE=JavaSc riptv/SCRIPT 或SCRIPTLANGUAGE=Mic ro so ft v/SCRIPT直接写入,它由浏览器解释执行,并在 浏览器窗口中落实结果。Java可以直接对图像与文本发生作用,Java Sc ript则与HTML元素组 合在一起发生作用。SQL语言SQL是Struc tured Query Language的缩写,它的中文意思是结构化查询 语言。它是定义和访问关系数据库的国际化标准。SQL是用户与Orac le或 其他类型数据库传递信息的语言,是用户

35、存取数据库的命令集。SQL是一种非过程化语言,它一次可处理记录集合,允许一个SQL语 句操作的结果作为另一个语句的输入,SQL能将全部的数据管理任务统一 在一种语言中,无论用户、系统管理员都可以利用它对数据库进行管理。1.4计划设计准备期,首先了解项目的主要功能,选定实现系统的网络语言及 数据库类型,并收集有关资料和借阅相关书籍,明确实现各个功能的要点,初步形成网站的大体框架。设计初期,完成各功能基本程序与一些小程序的编写;完成网站页面 的基本页面制作,并安排好首页与各分页面的大体内容布局。设计中期,完成文章管理系统、邮件群发、学生成绩管理、内网入口 等主要程序;修改和完善整个网站界面设计。设

36、计末期,完成全部栏目的设计与制作;完善各栏目程序在设计过程 中发现的错误与漏洞;界面上小处调整,完善与改进内容与布局上的不足;完成网站的辅助功能,使网站尽量做到最大的人性化。设计完成期,对整个网站系统进行综合调试与使用,解决一些调试过 程中发现的小问题。全面完成网站系统的设计制作。以上只是初步的计划与进度安排,设计过程中可以根据进度的快慢及 老师的安排适当的进行调整,再合理安排任务与进度。2网站界面设计2.1 颜色的选择因为学院网站为比较正式的官方网站,颜色与界面布局上要求比较正 规。蓝色代表着天空,代表着海洋,伟大而无限,给人一种以宏伟壮观的 感觉;蓝色象征着宁静、稳定、理性与冷静,能给人一

37、种和谐、宽松的感 觉。所以网站选择使用蓝色为主调,体现严肃、和谐、稳定与正规的特点;红色为副色,代表热情、喜庆与能量,体现热烈的气氛,给人以一种热情 的感觉;淡灰色间隔栏目内容与标题,体现现在比较流行的网页素色效果;栏目导航字体使用白色,配合蓝色底,十分醒目,可以引导浏览者快速进 入自己的目的栏目;主要内容字体使用黑色,符合正规网站的内容表现形 式;其它颜色点缀,突出特别内容与辅助功能,还可以增添页面的鲜艳程 度,使网页显得更加丰富与美观。2.2 前台界面设计网站除了作为信息浏览、文件下载及其他功能外,还是一种对外形象 的体现,所以页面在设计上既要考虑到浏览快速实用,而且更要达到美观 大方的效

38、果。、整个网站的界面设计都是在这个设计思想下进行的。2.2.1 网站首页的设计首页的设计在原来分析的基础上进行制作,首先制作头部flash,flash 的背景图用Firewo rks制作而成。用Firewo rks制作好源文件后,设置一定 的参数,生成效果比较好便文件体积比较小的jpg格式图片。这样可以在保 证网站效果的同时尽量减小网站的文件体积,保证网站的快速浏览。效果 图如下:图2网站页头flash底图效果然后在Flash软件中导入用Firewo rks制作好的底图,再在Flash中制 作实现后期的效果。效果图如下:图2.2网站页头flash效果图首页页面用到的图片和Flash全部用Fir

39、ewo rkst和Flash制作。页面的 布局制作用Dreamweaver后期完成。全部用表格的嵌套来实现对图片、脚 本和文本等内容的安排与布局。首页的设计,第一考虑到尽量不改变访问 者浏览信息的习惯,所以在内容位置的安排上,采用比较常见的内容安排 方式。网页头部设计成一个精美的flash,学院的名称放在最左上角,使用白 色加黑色的立体表现方式,还配有星星闪光的效果,吸引访问者的眼球,使访问很容易的就注意到访问的是“信息科学与工程学院”的网站一,印象 会比较深;蓝色底和红色地方采用弧线立体设计,给人一种弧线美与立体 感,展现网站的层次立体美;蓝色底还隐约有白色数字与字母的字样,使 内容不至于太

40、空;学院的作风字样放在右上角,一来可以展现学院的办学 与管理作风,二来可以平衡整个flash;作风字样周围再加上转动的圆圈效 果,整个网站会显现出富有动感,象征进取的精神;下半部分为学院的主 楼,再加上学院的英文名称,体现信息学院的特点;右下为“学院内网”与“English”版本入口,十分醒目,可以方便访问者的点击进入。I学院首页I学院概况I机构设置I师资队伍I学科建设I科学研究I招生就业I党建工作I学团工作I校友之家,站内检索wSwSI二)标题O内容啖ISfl Un-/J/r nfWQ-?学院相况 马文秀教授访问我校并被聘为兼职教授5月23日至29日,美国南佛罗里达大学数学系教 授、南佛罗里

41、达大学亚洲教职员工联合会主席马文秀 博士应邀来我校访问。马文秀教授毕业于中国科技大学,1990年获中科 院数学博士学党政办公室系所设置 信息学院举行团干部风采大霎学院简介学院领导【多机构设置学院发展2005年6月5日星期日最新公告 2005年下半年全国计算机等 级报名通知2005-6T 2004-2005学年第二学期期 中教学检查安排2005-5-22关于成立本科教学水平评估 评建领导工作组织机构的通知 2005-5-22关于我院办理户口迁移的通 知2005-5-22实验中心培训中心。抨责队伍博士生导师 教授硕士生导师副教授高级实验师人才引进口学科建设 15月14日,由信息科学与工程学院团委、

42、学生 会社团部主办计邕机科技文化艺术节项目之一“团干 部风采大赛”圆满结束。信息学院04级14信息学院党委组织党员到吉岛毓天测控站参观学习为增强党日活动的质量和效果,信息科学与工程 学院党委于5月14日组织全体教工党员和部分学生党 支部委员到中国西安卫星发射中心吉岛航天测控站参 观学习。更多图片新闻关于我院教师资格认定的通 知2005-5-22山东科技大学2005年硕士生 指导教师基本条件2005-5-22 _ 更多内容学院特色 Petri Net 简介中法合作办学简介蓝光实验室简介重点学科 硕士点本科 博士点学科研究科研简介班充机构 科研成果在研项目0招生就业1学生就业 研究生工程硕士 本科

43、生立联系我们院长信箱书记信箱办公电话导峨newQ-信息学院举行“网络对大学生活影响”演讲比赛2005-6-1信息学院举办“书香五月”绘画展2005YT信息学院组织开展校园环境志愿服务活动2005-6-1信息学院启动“首批本科生拔尖人才培养工程”2005-6-1争创CUBA5:明赛区倡议书20U5-6-1我院召开学院党委委员和党支部书记工作会议2005-6-1 马文秀教授访问我校并被聘为兼职教授2005-6T创文明科大、喜迎CUBA-记信息学院安全文明教育月活动情况 2005-5-22任福尧教授来校作学术报告2005-5-22信息学院开展期中教学检查评估工作2005-5-22“到西部去”同人民紧

44、密结合,为祖国奉献青春一一记信息学院志愿服 务西部计划报名工作2005-5-22信息学院举行考研经验交流会2005-5-22信息学院举行“五一”爱国电影展2005-5-22思科网络实蛉室学术交流培训中心学子风采校区主页山东科技大学主页山东科技大学泰安校区山东科技大学济南校区校内导毓-部门导航-一-学院导航-v|-其他导航-一 信息学院对香年教师进行教育教学基本素质和能力测试2005-5-22关于通报表扬李进等22名院足球队队员的决定2005-5-22本站访问量:122728人次,更多内容关于我们I联系我们|网站地图|帮助信息|管理入口建议使用:1024*768分辨率,16位以上颜色Netsc

45、ape.0、IE5.0以上版本浏览器和中文大字符集山东科技大学信息科学与工程学院主办信息学院设计维护2005 by h o ney&baa图2.3网站首页效果图栏目导航放在flash下面,方便浏览者快速的访问相关内容,也是网站 最常用的栏目导航方式。主栏目还有子栏目下列菜单,这样可以在更小的 空间在实现更多的导航功能,而且在不需要的时候自动隐藏。页面主文体内容的左边为学院相关内容的链接,在里面可以快速找到 学院的相关内容链接,方便访问者快速了解学院。页面主体中间上部分为图片新闻调用,标题靠上,图片放在靠左边,简单内容开头则置于右,可以简介的了解图片新闻内容,以决定是否需要 点击进入阅读详细内容

46、。下部分则为“学院新闻”调用,这里为学院最新 的非图片新闻内容。页面主体右部分上为“最新公告”,也是原来上一版的“最新公告”的 位置,在不改变位置的情况下,访问在浏览新版面时也不至于找不到自己 经常看的“最新公告”内容。接下来的是“学院特色”,简单而实用。再下 为“校区导航”,可以满足浏览校主页的快速入口。往下为“校内导航”,起着同样的功能,且采用下拉菜单形式,可以节省空间。再往下则为站内 的访问量统计,可以了解到网站的访问情况。主页底部则为帮助内容、浏览建议与版权信息,是网站必不可少的一 部分。帮助内容一是可以提示浏览者浏览本页面已经到达了底部;二是可 以提供给访问者解决一些浏览网站遇到的的

47、常见问题的方法;三是提供管 理入口,方便管理人员在不需要输入网址的情况下快速进入管理页面;浏 览建议测提醒访问者怎样才可以达到访问网站的最佳效果;版权信息则作 为网站的一种版权及维护声明。内容安排采用常见的排版方式,这样可以符合访问者的习惯,不至于 改版后难以找到所需的内容。2.2.2 内网首页的设计内网的功能是专门为服务学院内师生而设的。注重内容的丰富程度和 实用程度。页面在首页设计的基础上,放上内网的内容。内网的主要栏目 导航放在主体内容右边的上面,起到快速导航的作用。下面则为部分栏目 的最新内容调用,可以使访问者了解到相关的栏目是否有最新更新的内容。I学陵首页I学院概况I机何设置I师资以

48、伍I学科建设I科学研究I招生就业I党建工作I学团工作I校友之家IhWJAID学院假况学院商介学院领导 然发展站内封:请输入关健字,可搜索站内内容 标。内容幽机构设置党政办公室系所设置 实验中心培训中心D帅语队伍博士生导蜥 教授项士生别币币做授RKq而 A才己14t学院公告 200弹下半年全国计算机等物报名通知2005YT 20042005学年第二学期期中教学检查安楸2005T3】关于成立本科教学水平评估评建领导工作姐家机构的通知2005-5-22关于我情办理户口迁移的通知(2005-5-22】关于娴教师资格认定的通知2005T-221山东科技大学200淬硕士名旨导教师基本条件【200550】学

49、/工作:计划总结文件当前工作更多内容9 0 No Po p-卬 Blo c ked 电B 加余健系毕业设计论文 0毕业设计论文-y n Go SuRf图2.4内网首页效果图2.3 后台界面设计后台的页面跟前台页面则不同,前台是对外的宣传与体现,后台则是 管理的平台,它不像前台那样需要做得美观,它只要求实用、速度与效率,所以后台尽量不使用影响速度的体积大的图片及flash等。后台基本都采用框架的浏览方式,左边比较窄,管理分类链接放在左 框架,在管理浏览过程中保持不变,这样可以快速在管理页面之间进行切 换,提供管理效率;框架右则为主框架,比较宽,管理页面在点击之后会 出现在主框架内,在上面可以对不

50、同的管理页面进行操作。布局上全部采用表格再加上底颜色的布局方式,一来可以整齐的排列 管理的内容,乂可以尽量做美观实用。常用的功能都安排在靠上的地方,这样可以提高整体管理上的效率,以减少管理上的麻烦。一些需要注意的 问题则用显眼的彩色字体注明,放在相关的页面上,这样可以帮助管理人员在管理过程快速了解管理的方式与使用方法。不同的页面会设置适当的 返回链接,方便在管理过程中的页面转向。信息学除件列表管理首发送件附件莒理效需肯理券费设苴用户管理退出系统告理目录6爱首负 退出1.班级与学生管理 录入学生信息 修改成删除学生信息 添加班级信息修改或删除班您信息 录入班级谍程僖息 删除班级理程信息 删除毕业

展开阅读全文
相似文档                                   自信AI助手自信AI助手
猜你喜欢                                   自信AI导航自信AI导航
搜索标签

当前位置:首页 > 行业资料 > 其他

移动网页_全站_页脚广告1

关于我们      便捷服务       自信AI       AI导航        获赠5币

©2010-2024 宁波自信网络信息技术有限公司  版权所有

客服电话:4008-655-100  投诉/维权电话:4009-655-100

gongan.png浙公网安备33021202000488号   

icp.png浙ICP备2021020529号-1  |  浙B2-20240490  

关注我们 :gzh.png    weibo.png    LOFTER.png 

客服