最新版网站Web程序设计精品课程网站设计毕业设计论文.docx
- 文档编号:5699873
- 上传时间:2022-12-31
- 格式:DOCX
- 页数:12
- 大小:1.26MB
最新版网站Web程序设计精品课程网站设计毕业设计论文.docx
《最新版网站Web程序设计精品课程网站设计毕业设计论文.docx》由会员分享,可在线阅读,更多相关《最新版网站Web程序设计精品课程网站设计毕业设计论文.docx(12页珍藏版)》请在冰豆网上搜索。
最新版网站Web程序设计精品课程网站设计毕业设计论文
优秀论文审核通过
未经允许切勿外传
保定职业技术学院
毕业设计报告(论文)
系
计算机信息工程系
专业
网络技术
班级
0803班
姓名
学号
03
题目
Web程序设计精品课程网站设计
指导教师
完成时间
2011年01月03日
指导教师情况
姓名
李英杰
职称
副教授
单位
计算机系
答辩小组成员
评语:
答辩小组组长签字:
年月日
成绩:
答辩小组组长签字:
年月日
摘要
信息时代,随着计算机技术以及通信网络的飞速发展,信息的发布和交流开始越来越广泛,利用计算机、网络管理和信息采集势在必行。
对于大中专等高校来说,利用计算机互联网进行网上办公、网上日常事务管理、网上财务管理、网上教学管理等,是适应现代化教学的一个基础和要求、是推动高校管理的科学化、规范化、科学化的必要条件。
精品课程网站应具有很强交互性,为用户提供一个更全方位的网络体验。
为了符合用户的需求,该系统应从操作简便、界面友好、灵活、实用、安全的要求出发,完成高校精品课程管理的全过程。
【关键词】精品课程网站Web程序设计网站建设
目录
绪论-1-
第二章系统需求分析-2-
2.1网站的目标客户-2-
2.2网站的性能要求-2-
2.3网站功能需求分析-3-
第三章系统开发技术简介-4-
3.1HTML语言-4-
3.2JavaScript技术-4-
3.3CSS+DIV-5-
第四章网站设计-7-
4.1网站结构设计-7-
第五章网站实现-8-
5.1精品课程网站首页设计:
-8-
5.2资源下载设计-9-
5.3留言板设计-10-
第六章安全性要求-11-
6.1安全性需求-11-
结论-12-
后记-13-
参考文献-14-
绪论
精品课程第一步要做的就是将教学内容在网上发布,教师可以通过文章发布、课件发布、上传功能发布自己的课程资源,课程资源可以兼容多种文件格式,包括Word、Excel、PowerPoint,图形、音频、视频等,并且管理员拥有管理所有课程的权限。
而学生可以根据自己的专业课程,选择自己需要查看的课件资源。
一个完善的网上精品课程系统,应该是方便管理和操作的,所以该系统还有一个功能强大的后台管理系统:
可以进行资料管理,课件管理,留言管理。
目前应用于动态网页设计的技术有很多,精品课程网站系统中主要采用了PHP技术和MYSQL数据库技术的整合应用。
系统能够实现基于校园网络环境下的资源管理,以便有效地管理用户们上传的资源,构建适合的课程资源库。
系统采用BS结构,即浏览器服务器结构。
用户通过浏览器向服务器发出请求,服务器对浏览器的请求进行处理,将用户所需信息返回到浏览器上。
客户机无需安装软件,只需在服务器上进行简单的设置,数据的请求和返回结果均以网页形式完成,方便系统的管理,适合管理员的使用习惯。
第二章系统需求分析
根据第一章所定义的课题研究方向及目标,本章将对系统功能进行具体的需求分析,具体分析精品课程网站系统所要实现的功能以及欲达到的效果。
2.1网站的目标客户
广大在校师生可以通过浏览精品课程网站学习知识,下载课件,还可以互相交流。
2.2网站的性能要求
(1)磁盘容量要求:
本系统属于BS模式构架,因此存储容量较小,数据库系统也不是很大,系统文件估计占30M的磁盘空间,数据库文件占用空间也不是很大。
不过该精品课程网站中的资源管理模块将会占用很大的空间。
一些管理员的课件资源在文件中将会占用很大的空间。
而本机器有320G的空间,足够放入一些视频,如果空间不够,这个就要管理员及时的清空系统中的过期文件。
(2)安全性要求:
本系统有着权限设置,不同的用户有不同的权限,教师用户不可以越权进行学生的操作,学生用户也不可以越权更改或者访问管理员的页面。
管理员的权限,可以对网站进行任何的操作。
(3)适应性要求:
要求界面友好,菜单清楚,学生和老师都能很快熟悉网站。
对于部分文章、课件的发布要求达到所见即所得的效果。
2.3网站功能需求分析
本系统要求采用BrowserServer模式设计开发,可以作为一般高等院校的在线教学课堂;可以为教师的辅助教学或者课程发布提供一个完善的教学网站;学生可以利用该网站来学习一些课程的任务。
2.3.1功能划分
精品课程网站根据不同的使用者,可以分为两个部分:
一是面向管理员部分,管理员的部分内容包括文章审核、公告管理、教程管理、课件管理、留言模块管理。
二是面向学生用户和教师用户部分,用户可以查看公告、教程区浏览、课件区下载、留言中发布问题和解决问题。
2.3.2登陆功能
为了使得网站的一些信息和使用功能得以应用,就必须有一个用户登陆功能。
作为一个基本的登陆系统,应具有以如下功能:
(1)本系统不接受新用户的注册,新用户(教师和学生)由管理员负责管理;
(2)实现用户的登陆;
2.3.3留言功能
用户可以在留言板中提出自己的问题,等待老师的解答,该功能需要用户登录。
用户可以选择问题来发表议论。
用户可以通过关键字实现问题搜索。
第三章系统开发技术简介
通过对本系统功能及应用各方面的综合分析,本网站采用Dreamweaver作为前台设计工具,在此基础上运用平时所学的动画制作软件Flash8、图形处理软件Photoshopcs4等进行辅助设计。
后台设计采用php技术及mysql数据库开发工具,通过JDBC技术访问数据库,最终建设成一个有持久生命力兼容性、安全性、可扩展性良好并可以满足师生获取信息和服务的教学网站。
下面对本网站涉及到的技术进行简要的介绍。
3.1HTML语言
HTML(HyperTextMarkupLanguage,超文本标记语言),它是构成网页的基础,因为程序无法控制浏览器的内存,与浏览器之间只有下载网页及上传数据的关系,所以对HTML语法必须有一定的了解。
WWW上的每个网页都对应一个文件。
我们浏览一个页面,要先把页面所对应的文件从提供这个文件的计算机通过Internet传送到我们自己的计算机中,再由WWW浏览器翻译成为我们见到的有文字、有图形甚至有声音的页面。
这些页面对应的文件不再是普通的“文本文件”,文件中除包含文字信息外,还包括了一些具体的链接。
这些包含链接的文件被称为超文本文件。
和普通文本相比,超文本文件中多了一些对文件内容的注释,这些注释表明了当前文字显示的位置、颜色等信息,更重要的是,在有些注释中包含了对用户计算机应做出何种反应的说明,这些注释的内容经过浏览器的翻译后就成了不同的操作。
为了使各种不同类型的WWW服务器都能正确地认识和执行,超文本文件要遵从一个严格的标准,这个标准就是超文本标识语言HTML。
我们也可以利用这种语言来编写超文本文件,在Internet上制作自己的WWW的主页。
超文本文件的概念出现在多媒体技术迅速发展之前,现在随着多媒体技术应用的日益广泛,超文本应该改叫“超多媒体”更加合适,链接的内容已经从原来文本中的一个词或词组,发展到现在一幅图像或是图像的一部分,通过链接得到的内容也更加广泛,可以是地球另一端的某台计算机上的图片、声音、音乐或者电影。
但不管叫超文本还是叫做超多媒体,WWW上各网页都是通过链接来完成相互间的访问。
而要使访问正常进行,必须使这些链接能够正确地指向所要访问的网页。
这些工作是通过统一资源定位器(URL)来实现的。
3.2JavaScript技术
JavaScript是由Netscape公司开发并随Navigator导航者一起发布的.介于Java与HTML之间、基于对象事件驱动的编程语言,正日益受到全球的关注。
因它的开发环境简单,不需要Java编译器,而是直接运行在Web浏览器中,而因倍受Web设计者的所爱。
Internet时代,造就了我们新的工作和生活方式,其互联性、开放性和共享信息的模式,打破了传统信息传播方式的重重壁垒,为我们带来了新的机遇。
随着计算机和信息时代的到来,人类社会前进的脚步在逐渐加快,每一天都有新的事情发生,每一天都在创造着奇迹。
随着Internet技术的突飞猛进,各行各业都在加入Internet的行业中来。
无论从管理方面,还是从商业角度来看,Internet都可以带来无限生机。
通过Internet,可以实现地区、集体乃至个人的连接,从而达到一种“统一的和谐”。
那么怎样把自己的或公司的信息资源加入到WWW服务器,是广大用户日益关心的问题。
采用超链技术(超文本和超媒体技术)是实现这个目标最简单的、最快速的手段和途径。
具体实现这种手段的支持环境,那就是HTML超文本标识语言。
通过它们可制作所需的Web网页。
通过超文本(HyperText)和超媒体(HyperMedia)技术结合超链接(Hyperlink)的链接功能将各种信息组织成网络结构(web),构成网络文档(Document),实现Internet上的“漫游”。
通过HTML符号的描述就可以实现文字、表格、声音、图像、动画等多媒体信息的检索。
然而采用这种超链技术存在有一定的缺陷,那就是它只能提供一种静态的信息资源,缺少动态的客户端与服务器端的交互。
虽然可通过CGI(CommonGatewayInterface)通用网关接口实现一定的交互,但由于该方法编程较为复杂,因而在一段时间妨碍了Internet技术的发展。
而JavaScript的出现,无凝为Internet网上用户带来了一线生机。
可以这样说,JavaScript的出现是时代的需求,是当今的信息时代造就了JavaScript。
JavaScript的出现,它可以使得信息和用户之间不仅只是一种显示和浏览的关系,而是实现了一种实时的、动态的、可交式的表达能力。
从而基于CGI静态的HTML页面将被可提供动态实时信息,并对客户操作进行反应的Web页面的取代。
JavaScript脚本正是满足这种需求而产生的语言。
它深受广泛用户的喜爱的欢迎。
它是众多脚本语言中较为优秀的一种,它与WWW的结合有效地实现了网络计算和网络计算机的蓝图。
无凝Java家族将占领Internet网络的主导地位。
因此,尽快掌握JavaScript脚本语言编程方法是我国广大用户日益关心的。
3.3CSS+DIV
CSS+DIV是网站标准(或称“WEB标准”)中常用术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。
HTML语言自HTML4.01以来,不再发布新版本,原因就在于HTML语言正变得越来越复杂化、专用化。
即标记越来越多,甚至各个浏览器生产商也开发出只适合于其特定浏览器的HTML标记,这显然有碍于HTML网页的兼容性。
于是W3C组织进而重新从SGML中获取营养,随后,发布了XML,XML是一种比HTML更加严格的标记语言,全称是可扩展标记语言(ExtensibleMarkupLanguage)。
但是XML过于复杂,且当前的大部分浏览器都不完全支持XML。
于是XHTML这种语言就派上了用场,XHTML语言就是一种可以将HTML语言标准化,用XHTML语言重写后的HTML页面可以应用许多XML应用技术。
使得网页更加容易扩展,适合自动数据交换,并且更加规整。
说了这么多,现在该说正题了——CSS。
其实CSS单独使用除了麻烦一点之外,我个人觉得并无明显的优于HTML的好处。
而关键就在于其与脚本语言(如JavaScript)及XML技术的融合,即CSS+Javascript+XML(实际上有一种更好的融合:
XML+XSL+Javascript)——但XSL,即可扩展样式表语言相较于CSS过于复杂,不太容易上手。
自从CSS出现之后,HTML终于摆脱了杂乱无章的噩梦,开始将页面内容与样式分离。
第四章网站设计
4.1网站结构设计
根据本精品课程网站的特点,可以将其分为前台和后台两个部分设计。
前台主要实现教学资源浏览、资源下载管理、问题答疑、修改密码、修改资料和留言等功能,后台主要用管理员对网站前台信息、教学资源、用户信息等进行管理。
我把该网站设计以下模块,分别是用户登录、公告浏览、教程区、课件区、留言区。
整个网站的系统结构如图4-1所示:
图4-1网站系统结构图
第五章网站实现
5.1精品课程网站首页设计:
网站首页以蓝色为主色调,采用1-2-1的结构,宽度是950px,源代码见附录,效果图如下:
5.2资源下载设计
资源下载页面采用了主页的风格,这样做到了风格的统一,既显美观又大方,源代码见附录,效果图如下:
5.3留言板设计
5.3.1显示留言
显示留言页面主要显示学生的留言,效果图如下:
5.3.2提问区
提问区主要是学生留言,效果图如下:
第六章安全性要求
6.1安全性需求
安全要求
说明
认证
(Identification)
身份识别、信息认证,通过用户名和密码验证
授权
(Authorization)
已注册为本系统会员的用户才能使用本系统
防病毒
确定防止非法程序的侵害。
侵害检测
(IntrusionDetection)
对非法操作的预警和报告。
事务的完整性
采用事务完整保证机制,如果因为网络不畅等原因造成信息没有及时发送出去,给用户以提示
信息安全
确保所发布的资源信息属实
结论
精品课程网站系统由两部分组成:
一是面向管理员部分,管理员的部分内容包括文章审核、公告管理、教程管理、课件管理、留言模块管理、用户管理(教师和用户)、管理员信息管理、退出功能;二是面向学生用户和教师用户部分,用户可以查看公告、教程区浏览、课件区下载、留言板发布问题和解决问题。
由于以前很少做相关项目的开发,所以比较生疏,都是一边学习一边开发设计,这就使系统存在着不足,系统只能实现一些基本功能。
系统缺点在于界面设计不够美观,功能不够强大。
通过本次设计,使我能熟练的使用Dreamweaver开发平台开发设计网站,对计算机知识有了更深入的学习与了解,对以后的学习和工作有很好的促进作用。
后记
经过一个月的时间,毕业设计和论文的撰写终于完成了,我特别感谢王彥辉和李英杰这两们老师,因为从我的论文得以顺利开展直到结束为止,这两位老师都给予了我很多的指导和帮助。
在做设计的过程中,王彥辉老师和李英杰老师给了我很多宝贵的意见和建议,他们渊博的学识和严谨的治学态度、深厚的理论水平都给我留下了深刻的印象,这必将在我以后的职业生涯中受益匪浅。
在论文即将完成之际我向这两位老师表示最衷心的感谢!
同时我也很感谢我们组的成员们,因为他们在设计的过程中都给过我很多帮助和宝贵建议。
参考文献
[1]《超梦幻网页创意宝典》,黄箐韵,机械工业出版社。
[2]《Flash8》, 李宇鸿著,清华大学出版社。
[3]《DreamweaverCS4完美网页动态网页设计篇》,何海霞著,中国电力出版社 。
[4]《Dreamweaver2004完美网页设计综合实例篇》,卢坚、马永强、鲍嘉著,中国青年出版社。
[5]《Dreamweaver8完美网页设计特效篇》,鲍嘉中国电力出版社。
[6]《Dreamweaver8完美网页设计疑难解释篇》,卢坚著,中国电力出版社。
附录:
网站的一些代码如下:
Flashbanner插入网站首页代码:
center">
序号 名称 下载 1 《JavaScript语言参考》中文版 下载 2 DHTML手册 下载 5 mysql中文帮助手册 下载 6 smarty_手册 下载 7 smarty大师兄 下载 8 十天学会PHP教程 下载 8 网站开发文档 下载 - 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 最新版 网站 Web 程序设计 精品课程 设计 毕业设计 论文
冰豆网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。关于本文copyright@ 2008-2022 冰点文档网站版权所有
经营许可证编号:鄂ICP备2022015515号-1