【编者按】网学网ASP类作品频道为大家收集整理了“网络和网上教学毕业设计“提供大家参考,希望对大家有所帮助!
客服咨询,网学网竭诚为您服务,本站永久域名:myeducs.cn |
4 系统的具体实现 4.1 总体设计 总体设计是设计过程中最重要的一环,它是形成课件设计总体思路的过程,决定了后续开发的方方面面,课件设计过程所要遵循的所有原则,都要在这一阶段得到充分体现。所以总体设计要具有规范性、组织结构要具有条理性。 我们课题小组首先遵从指导老师的意见:分工合作,定期总结汇报,把材料科学基础网络辅助教程制作成为既能助学又能助教的精品全新动态互动式多媒体网络课件。本着务实的精神,制定出一个总体设计方案: 首先,进行网络构架,即构架材料科学基础网络课件的网页及在线答疑部分;接着,根据老师所提供教程讲义设计制作相关的flash演示动画,同时进行网页平面处理使页面艺术化;最后,在网络框架(网页)中添入教程讲义内容及flash演示动画并检查材料科学基础网络课件的完美性。 4.2 首页的设计 主体部分在白色背景下以明快的蓝色为主色调划分为九块,分别添入相应的内容:课程简介、图片新闻、学科内容、教师掠影、师生互动在线答疑、通知频道、友情链接、特色区、考研指南。在浅蓝色分割线相应的区域中写入深蓝色文字(内容暂定)。考虑到网络中各个计算机操作系统存在着系统拥有的字体种类大部分有所不同问题,为了在大部分计算机中达到最佳演示效果,网页中绝大部分字体设置为宋体(包括此次网络课件设计的所有网页)。如图4.1所示。 导航条具体内容如下: (1)首页 方便用户从其他页面回到首页; (2)学科预览 包括教学大纲、课程介绍、教学手段和课时安排这四个链接项目; (3)师资力量 包括师资简介、学科骨干、教师档案和所获奖励这四个链接项目; (4)网络教学 包括网络课程、试验课程和在线答疑这三个链接项目; (5)视频教学 包括精品课程、试验课程和例题演示这三个链接项目; (6)教材习题 包括参考教材、试验教材、参考文献和精选习题这四个链接项目; (7)前沿动态 包括期刊瞻望、学科课题和最新成果这三个链接项目; (8)在线答疑 与BBS论坛相链接,方便学生和老师之间的相互交流; (9)联系我们 包括办公电话、E-mail、联系地址、移动QQ和制作组这五个链接目。 使用者可根据自己的使用目的,将鼠标移至导航条中相应的条目上,网页就会自动打开对应于题头的下拉菜单以供使用者的操作,单击下拉菜单中的条目,就会在一个新的页面中打开使用者所需的网页,既可以达到使用者的选择目的,又可以防止因使用者误操作而关闭所有教学网页。 所制作首页的部分HTML源代码如下: 为了方便用户的使用,在网页的设计中还加入了一段Java script的脚本,以显示当前日期和时间。源程序如下: <script LANGUAGE="JavaScript"> <!-- Hide var timerID = null var timerRunning = false function MakeArray(size) { this.length = size; for(var i = 1; i <= size; i++) { this[i] = ""; } return this; } function stopclock (){ if(timerRunning) clearTimeout(timerID); timerRunning = false } function showtime () { var now = new Date(); var year = now.getYear(); var month = now.getMonth() + 1; var date = now.getDate(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds(); var day = now.getDay(); Day = new MakeArray(7); Day[0]="SUN"; Day[1]="MON"; Day[2]="TUE"; Day[3]="WED"; Day[4]="THU"; Day[5]="FRI"; Day[6]="SAT"; var timeValue = ""; timeValue += (Day[day]) + " "; timeValue += ((month < 10) ? " 0" : " ") + month + "-"; timeValue += date + "-" + year + " "; timeValue += ((hours <= 12) ? hours : hours - 12); timeValue += ((minutes < 10) ? ":0" : ":") + minutes; timeValue += ((seconds < 10) ? ":0" : ":") + seconds; timeValue += (hours < 12) ? " AM" : " PM"; document.jsfrm.face.value = timeValue; |
本站发布的计算机毕业设计均是完整无错的全套作品,包含开题报告+程序+论文+源代码+翻译+答辩稿PPT |
本文选自计算机毕业设计http://myeducs.cn |