网络教学平台的设计理念与实践

2022-09-10

网络化环境下, 计算机类专业课程教学内容随着计算机软件硬件技术的发展而日新月异, 教学组织上存在着与技术发展相适应的问题。相对于封闭的传统教学模式而言, 网络化教学可以提高教和学的效率。从2 0 0 8年5月开始, 作者在校内进行了“J a v a编程”课程的网络教学平台辅助教学的研究与实践, 目前基本实现了网上辅助教学, 学生与教师可以实现基于网络的开放式互动, 其互动内容包括电子课件、作业发布与提交、实验题目、精品文章和课程论坛等。

1 网站规划

1.1 页面布局

网页页面布局包括首页设计与栏目页设计两个部分。首页设计作为留给用户的第一印象应该能够给人耳目一新的感觉, 如L o g o设计应该醒目, 个性化。在导航栏安排上, 为了方便教师和学习者进行教与学, 进入相关主题。首页设计如图1所示。

栏目页设计时采用统一的模板为“T”字型设计, 这种布局优点是页面结构清晰, 主次分明, 便于浏览者快速找到需要的教学资源。上部是Logo和导航菜单, 下部左侧为精选文章推荐, 下部右侧为网页内容的显示。

1.2 导航栏目设计

导航栏目的实质是一个网站的大纲索引, 索引是网站主体的体现。在制定栏目时, 要仔细考虑, 合理安排。“Java编程”网站的主题很明确, 向学生提供丰富的教学资源, 实现与学生的互动。作者根据课程本身, 把最有特色和最有价值内容列在导航栏上。电子课件模块提供本课程的课件下载和阅读的功能;实验题目模块提供本课程的实验题目和实验要求的下载和阅读功能;作业题目模块提供作业的发布和作业提交功能。相关网站提供扩展学习的功能。课程论坛是给学生提供一个交流的机会和平台, 给教师反馈教学中的问题, 以便教师在以后的教学中改进。

1.3 色彩的运用

打开一个网站, 给用户留下第一印象的是网站的色彩, 色彩在一定程度上取决于设计者对色彩的运用和搭配。在“J a v a编程”课程网页设计上, 以蓝色调为主, 搭配其它冷色调颜色, 给人一种清新醒目的感觉。

1.4 网页中模板和CSS的应用

在制作网站时会发现, 很多页面都有共同之处, 比如Logo、版权信息以及导航等内容, 一般不会去更改它们, 但是每个页面却都要重复设计, 不仅浪费时间且容易遗漏;更重要还可以统一网站的整体风格。在设计网页时, 常常需要对网页中各种元素的属性进行设置, 一般来说在同一个网站的所有页面中, 相同类型的网页元素具有相同的属性, 如所有正文的字体、大小和字体颜色都是一样的, 所有链接包括被访问过、正在被访问、已经访问过和当鼠标经过的样式需要统一时。如果逐一设置做重复工作, 不仅很容易出错而且工作量大。为了解决这个问题, 就需要使用CSS样式表, 即层叠样式表来统一进行控制。定义了一个C S S样式后就可以把它应用到不同的网页元素中, 这样所有应用该C S S样式的网页元素就会具有相同的属性, 当修改该C S S样式后, 所有应用该C S S样式的网页元素属性就会一同被修改。

1.5 网站设计的模式

在“Java编程”网络教学平台的系统结构选择上, 由于B/S结构良好的灵活性和可扩展性、较好的安全性等特性, 目前主流趋向于采用B/S三层结构, 编程语言一般采用JSP、JavaScript等, 均能满足教学网站的开发需求。本网站采用JSP, JavaScript开发, Java开发环境采用JDK6.0, 服务器采用TOMCAT6.0, 数据库采用MySQL。