基于网络环境下的WEB开发基础课程的多媒体教学设计

摘要:随着Internet技术的高速发展,多媒体技术的应用已成为大部分教师的首选,网络教育、网络学习、基于网络的多媒体教学设计也成为授业者和学习者追求的目标。该文将以WEB开发基础科目为例,具体讲述现代多媒体教学模式的设计和网络资源的整合设计。

关键词:多媒体教学设计;项目化教学

中图法分类号:TP3 文献标识码:A文章编号:1009-3044(2010)04-1008-02

WEB-based Environment-based Curriculum Development of Multimedia Instructional Design

GAO Shui-juan

(Nanjing Communications Institute of Technology, Nanjing 211188, China)

Abstract: With the rapid development of Internet technology, multimedia technology, the application of most of the teachers have become conscious behavior, online education, network learning, network-based multimedia instructional design has also become Tuition and learners to pursue. WEB-based courses will be developed this as an example, elaborate on the design of modern multimedia teaching mode and network resources, integrated design.

Key words: multimedia instructional design; project-based teaching

1 WEB开发基础课程的介绍

在数字化时代的今天各大高职院校都开设了WEB开发基础课程,而WEB开发基础课程是计算机专业的重点课程,并一直居于主干课程地位。因此,要培养出适应社会需求的应网页设计与制作人才,就必须从WEB开发基础课程的教学改革抓起。针对高等职业教育的特点,要求建立一套适应高等职业教育的WEB开发基础的教学方法。

1.1 本课程在专业培养方案中的地位和作用

WEB开发基础课程是计算机应用、计算机网络、电子商务等专业的专业基础课。该课程专业覆盖面大,对学生吸引力大、影响力大。根据专业培养目标和岗位需求,主要培养学生的网站建设与网页设计与制作的综合技能与素质,提高学生的职业行为能力。

1.2 本课程的教学目标

通过本课程学习,使学生能熟练运用 HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性设计出多窗口网页;掌握WEB开发基础进行网站的导入、规划、管理、的相关技术及网页制作的操作技能。

1.3 WEB开发基础课程教学改革设计的意义

1) 加强了学生的创新和创业意识。WEB开发基础作为为专业基础课,一直以传统的理论加上机的模式进行授课,学生只能模仿教师上机题完成机械式学习,但对于一门需要时间和灵感来创作的课程来说,学生即不能系统化学习知识,也不能独立创新,更不能发挥主观能动性学习。后果是浪费了学时也浪费了精力。

2) 网络环境的加入,避免了时间、空间和地域的限制。通过校园网上web开发基础学习平台,学生随时可以自学和创作,加大了对学生自主学习的力度,和不受空间,时间和地域限制的交流,取得了明显效果。

2 WEB开发基础课程多媒体设计与研究

2.1 软硬件平台的研究设计

硬件设备是一个校园网的基础,良好的硬件基础和网络架构是整个网络稳定运行的最基本保障;系统软件是整个网络运行的“神经中枢”,它协同底层硬件和各种应用软件来为整个网络服务。我校开发设计了网上WEB开发基础学习平台,从主观方面进行了人性化设计,不但界面美观,操作和交互性更加方便。

2.2 WEB开发基础课程教学内容的研究设计

从功能上看,WEB开发基础可分为网页赏析、网页基础、网页制作、网站管理、网页设计等模块,总学时60学时,与其对应的学时分配。

2.3 WEB开发基础课程多媒体教学方法的设计

教学过程中充分利用现代教育技术和方法,在多媒体计算机房大力开展教学做合一的教学方式。当同学完成作业后,采用课上演示方式进行交流,一方面可以互相交流以提高创意、设计和制作能力,另外还可提高学生的成就感,从而激发学生学习的热情。教学方法采用项目教学法和案例教学法,通过项目驱动,促进课程改革。教师将网页设计的理论知识与开发小型网站的实际技能结合起来,把开发一个完整的小型网站作为项目,让学生参与到实际项目中来,使学生在完成网站的设计、制作、测试、和上传的过程中,学习网站建设的过程、注意事项、网页设计规范、设计制作网页的开发工具的使用方法等。将理论知识与实际操作结合起来,使学习过程成为一个人人参与的创造性实践活动,学生通过实践与具体探究的过程,在知识、技能以及在团队合作精神和思想品质等方面得到发展。在课堂外,应充分利用网络资源进行实现远程教学或互动教学,通过校园网资源,学生可登录网络课堂进行网页设计与制作的学习,方便了学生的自学,提高了学生自学能力;也可为师生提供留言板等互动交流的平台,及时解决学生的各种问题。在课余时间,积极开展网页设计与制作竞赛、技能训练等活动,以巩固和提高学生的实践知识和技能。

现将多媒体教学方法按照WEB开发基础知识结构的特点和授课环境进行分类设计,达到网络环境下的综合应用。

1) 网页赏析是学习如何制作网页的前提。欣赏优秀的网页,学习他人之长,激发学习网页设计的兴趣,分析优秀网页的布局结构、颜色搭配、视觉效果,留下直观的第一印象,为学习制作网页奠定基础,对网页的组成元素有一个初步印象

本模块要求教师事先准备一些比较优秀的、风格迥异的网站介绍给学生。通过制作良好的网站激发学生的学习兴趣。

2) 网页制作是最重要的模块之一。它分为熟悉WEB开发基础的界面布局和工作环境、在网页中输入文本与编辑文本、添加表格、设置表格属性、布局表格和布局单元格的属性设置、层的属性设置方法、在网页中创建框架的操作方法、应用库、模板制作网页、超级链接的使用、利用表单制作页面。

本模块特色是项目式教学,应在理实一体化的多媒体机房中完成。首先由教师针对学生的自身特点,制定一个小型的网站开发项目,为培养学生的团队合作能力,每个题目由3-5个人完成并分阶段布置,学生按照阶段性任务去自己寻找解决的方法,并试验完成,当学生的问题越积越多时,由老师通过讲解相关的理论知识,将每一阶段存在的问题进行分析,并通过实操与学生同步完成。

3) 网站管理主要是对已制作好的网站进行测试、申请域名与申请空间、、维护与更新。

本模块可由学生通过校园网上WEB开发基础学习平台,将通过测试的网站进行并进行相应的维护。要注意适时评析学生作品,提高学生制作能力。在教学的不同阶段,选择典型的学生作业进行评析,对学生在网页设计中的共性问题进行纠正,对网页设计中的优点进行表扬,不断规范学生的网页设计。

4) 网页设计实训模块可以检验学生的学习情况。在课程实施前,学生利用课余的时间去承接项目,项目来源可以是小商铺、企业、酒店等。承接到项目后要及时汇报给老师,由老师做最后的统计,并确定好项目。然后采用抽签的方式将学生分成多个小组,再由每个小组选择代表抽取具体的项目。一般一个项目由2-4个小组分别开发,目的是为了增加小组之间的竞争性,以及为客户提供多个选择方案。各小组讨论确定本小组的小组长,并进行分工,填写小组分工表。在教学过程中,根据项目开发的基本流程将整个过程划分为:准备工作、方案设计、实施、调试和维护几个阶段,再根据实际需要将其分为若干个子项目,而每个子项目的实施过程如下:

a) 项目引入:结合前期教学内容,提出新的项目及目标。

b) 项目分析:将新提出的项目分解、分析,确定该项目中需要解决的实际问题及解决方法。

c) 技能要求:提出在实施该项目过程中所需要掌握的技能。

d) 项目展示:将老师的案例项目在完成前期项目的基础上,通过运用该项目中的技能所得到的结果展示给学生。

e) 操作演示:将案例项目的实施过程演示给学生看,提出该项目中的重难点及注意点。

f) 模仿操作:学生通过观看老师的操作过程,结合自己的主题网站将项目中的技能模仿操作一遍。

g) 归纳总结:通过该项目的实施,引导学生提出改进和完善方案,并鼓励学生运用所学知识在项目中实现,这有助于培养学生提出问题、解决问题的能力,充分发挥学生在学习过程中的主体作用。

h) 项目完善:通过总结将学生自己提出的改进和完善方案应用到实际网站中去,进一步完善自己的网站。

5) WEB开发基础课程考核采用上机考试和项目开发相结合的原则进行:上机考试是在规定时间内(通常为2小时)利用给定素材,包括考题所需的图片、背景和其他辅助图片、相关考题内容的文字资料、考题要求等,学生利用授课所学软件完成规定技术要求的网站创意设计与制作。以这种模拟公司招聘员工和网页设计工作者工作过程的考核方式,检测学生创意、设计、理解题材、图像加工处理、动画制作、动态网页设计与制作等综合能力,上机考试使学生适应网页设计与制作师认证考试等权威考试;网站项目开发考核的方式是学生以小组形式参加考核,如利用所学的知识完成“学生成绩查询系统”、“在线考试系统”等网站的开发,重点考核学生的创新能力、团队合作能力、动态网页编程能力及综合运用技巧。使考试不但是检验学习效果的手段,而且还成为学生再学习与培养训练的组成部分。

3 效果与反思

经过了WEB开发基础科目的多媒体教学设计和改革后,将真正达到让学习者主动建构知识的意义、实现自己获取知识自我更新甚至创造新知识的理想目标。使学生在学习过程中真正体验了“教、学、做”一体化的教学成效,并努力培养“工学结合”型的适应社会需要的人才。

参考文献:

[1] 钟海青.教学模式的选择与运用[M].北京:北京师范大学出版社,2009.

[2] 安颖莲,姚瑞霞,田荣牌.网页制作的教学设计与实践[J].计算机教育,2008(8).

[3] 杨晓明.《网页制作》课程教学改革的探索与研究[J].甘肃联合大学学报:自然科学版,2008(5).

注:本文中所涉及到的图表、注解、公式等内容请以PDF格式阅读原文