高职CSS课程实训教学模式的设计——基于Web Quest的理论

黄海东

(淮南职业技术学院, 安徽淮南232001)

高职CSS课程实训教学模式的设计
——基于Web Quest的理论

黄海东

(淮南职业技术学院, 安徽淮南232001)

目前各高职院校都开设有相关的计算机实训课程,而CSS课程作为很多高职院校的一门核心课程,有着重要的地位;CSS(层叠样式表)是现在网页样式主流控制语言,在网页美工中有着重要的地位,因此如何让学生熟练掌握CSS网页设计的精髓显得尤为重要; Web Quest是指网络探究性学习,具有针对性、开放性、合作性、综合性等特点;利用Web Quest来设计CSS实训课程的教学模式,是教学模式的新尝试和探索,可以培养学生的信息素养、协作精神和创造性的思维能力,激发学生的高水平的思维活动。

]Web Quest; CSS; 教学模式

《CSS实训》是高职院校计算机应用专业《CSS+DIV网页样式与布局》必修课程的实训环节。主要为网页美工及网页前台设计强化基础知识和能力支撑。教学任务是引导学生向更高层次发展,锻炼学生的综合设计能力。以CSS为主导的网站设计涉及到多门课程知识,学生在此实训中要综合掌握多种技术,比如网站设计的流程、网站开发工具的使用、图像处理软件PS、动画设计软件FLASH、以及js脚本和CSS+DIV进行网页布局技术等等。对如此之多的知识点要掌握熟练,并非易事。以往的实训教学中,教师通常提供一个课题,并提供必要的材料,让学生动手去完成,不注重过程的设计和新式教学手段的运用,教学成效一般,学生为了完成作业而作业,不能充分调动学生的主观能动性,随着现代教育技术在学校教育中的广泛应用,我国教育教学的模式进入了一个新的快速发展阶段,如何以学生为中心,以学生为主导,开展网络环境下教学改革,构建新型的教学模式,是目前教学界研究的重要课题之一,而Web Quest正是符合这种模式下的一种教学理论,因此如何在CSS实训中引入Web Quses去设计一个符合建构主义学习理论的教学模式是一次有意义的教学新模式的探索。

一 CSS实训课程的特点介绍

CSS英文全称是Cascading Style Sheet,中文翻译是层叠样式表,它是一种用来表现HTM L或XML等文件样式的计算机语言。CSS是目前网页样式设计语言中的主流,它的优点在于能够真正做到网页表现与内容的分离。和传统的用H TML的表现比较而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS理论课程是计算机应用专业的一门核心课程,它与其它课程之间的关系如图1所示。

图1 CSS实训课与其它课程之间的关系图

CSS课程实训在高职学院教学计划中是放在Photoshop、H T M L、dream weaver课程之后,与之同期开课的有FLASH和JA VASCRIPT,CSS实训是放在CSS基础理论课结束后的第一周,这样设置的优势是:Photosop、flash、dreamweaver、JA VASCRIPT课程以及CSS可以综合,有利于针对教学内容设置真实情景、通过项目驱动式进行教学,也便于教师灵活的采用适当的教学模式进行教学,本着一切为了学生,为了学生的一切宗旨,实施好教学计划。

二 在CSS实训中引入Web Quest的理论依据

Web Quest即网络主题探究,从单词来看实际上是由Web和Quest两个单词组成,Web是指依托网络,Quest是进行研究、调查和寻求的含义,因此Web Quest实际可定义成基于网络的以探究导向的活动。

Web Quest是脚手架支持的学习结构,它强调使用真实任务来激发学生的学习兴趣,激励和引导学生的探究精神,从而达到锻炼学生进行高水平和高层次的思维活动。Web Quest的理论来源可以由以下三点来阐述:

(一) 建构主义学习理论

建构主义学习理论观点认为,知识是由认知主体积极构建,而不是被动接受。学习应包含“情境”、“协商”、“会话”和“意义建构”四大方面,强调学习与一定的“情境”相联系,强调创造真实情境下的学习。设定适当的“情境”是让学习者与当时的社会文化背景接轨,让学习符合实际,让学习者切身体会知识的有用性,激发学习者的学习兴趣,如果脱离了一定的“情境”,学习就会变得比较单调乏味。

学习的目的是让学生掌握一定的知识并运用所学知识去解决现实世界中的问题。而Web Quest教学模式正是强调教师要给学生创造一个真实、有趣的学习任务和相关的必要资源的支撑。达夫(Duffy)和詹得森(Jonassen)认为:为了使学习富有意义,学生必须解决“实际”问题。[1]

(二) 信息加工理论

信息加工理论是将智力简化到最基本的两个因素即P结构和过程,并且描述了知识获得的机制。它认为内容(即知识)是客观存在的,其特性与结构是可以被认知的。因此,正确的教学策略可以有助于知识的获取。同时,信息加工理论也认为详尽的知识会增加学习者准确获得信息的可能性。学生可以充分利用不同的媒介(图解、视频、网络等),增加了学习者获得精确知识的可能性。而Web Quest引入课程教学中,就是一种符合信息加工理论的一种很好的教学策略,它可以充分利用多种媒介为学生提供丰富的教学素材,有利于学生获取知识。

(三) 投入学习理论

投入学习理论(engagement theory)是美国远程教育专家凯斯利提出的一种学习理论。投入理论强调学生必须有意义的投入到学习活动中,并与他人交互共同完成有价值的任务。投入理论三原则,可概括为相处—创造-贡献(Relate-Create-Donate),对此可理解成群体背景;基于项目;与现实的互动。

Web Quest同样也提出合作、基于项目驱动和真实和有意义的任务,与投入学习理论一致。

CSS实训是学生在掌握基本的CSS语法后进行综合设计能力提高的一个重要环节,如何更有效的吸引学生的兴趣,激发学生的高水平的思维活动,一定需要一个优秀的教学组织和设计方案。Web Quest流程设计主要由引言、任务、过程、资源、评价和结束语六部分组,遵循这种设计思路,设计出针对CSS实训的教学模式有着与传统教学相比的巨大优势,其表现在:充分调动学生的主观能动性、理论联系实际、培养学生的创新思维。因此,在CSS实训中引入Web Quest是有其必要性。

三 基于Web Quest的CSS实训课程教学模式设计的流程

Web Quest通常包括六大模块:设计教学情景、设计学习任务、设计任务过程、组织学习资源、设计评价标准、总结学习活动。针对CSS实训课程的特点,以下阐述具体设计过程。

(一) 教学情景的真实性

计算机应用专业开设了网页设计兴趣小组,兴趣小组的运行模式与市场接轨,由一名专职教师领队。兴趣小组分成两小组,一组跑市场,就是和各个企业和公司联系,为企业承担网站开发事宜。其主要任务是谈业务,签合同。另一组负责技术实现。因为有了良好的与市场接轨的条件,因此CSS实训环节采用真实的案例,让学生亲身参与具体网站的建设,给学生营造一个最真实的情境,驱动学生在这种环境中的探索、思考与解决问题的活动。

(二) 遵循软件工程的瀑布模型进行任务的分解

此阶段的设计以市场为导向,以项目为驱动的方式进行设计。以市场为导向,就是任务的分解要充分了解项目运作方式,符合软件工程的瀑布模式即项目的开发严格按照制定计划、需求分析、软件设计、程序编写、软件测试和运行维护六大步骤执行。因此任务的划分也可按照此六个模块进行。每个模块学生团队必须严格按照软件工程的概念来组织活动。

教师对任务的分解可以和学生团队充分沟通,以组织会议的模式进行讨论,如此可以让学生积极参与项目的建设中,让学生通过项目的分解具体了解一个项目的具体轮廓,促进学生对问题的分析与解决能力,提高他们的思维能力。

(三) 设计完成任务的过程

如何控制任务完成的过程,教师可以引领学生设计一个任务进度计划表,细化每个任务的开始时间和完成时间以及完成人。学生必须严格按照时间来实施计划,因为项目完全是按照实际情况实施的。教师按时间节点进行审核,在教学过程中,教师可以参加任何一个团队的任务实施过程。

(四) 组织学习资源

CSS是目前主流的网页样式设计语言,因此网络资源非常丰富,教师可以提供比较优秀的几个网站,同时教师可以给学生提供能合理设计CSS代码的相关工具软件。比如:CSS Comb、Normalize.css、SpritePad、CSS Hat等等。学生可自行选择并学习相关软件的使用方法。

(五) 设计规范的评价表

Web Quest学习必须有一套评价标准,针对CSS实训任务分解,进行细化考核标准。教师必须充分参与每个团队的任务实施过程,客观公正的进行评价,详细描述任务实施的过程存在的问题。

(六) 总结学习活动

学生经历过一个完整的真实的项目设计后,需要进行反思和总结。学生可以依据评价表进行总结和改进。学生之间和教师可以互动分享一些成功的经验。

四 注意的问题

通过引入Web Quset,在CSS实训中实施教学模式的改革,充分调动了学生的参与,从而改变了以往教学中,教师为主导的填鸭式教学。从学生的反映来看,这种教学模式有着良好的效果。

结合Web Quest进行CSS实训的教学设计中,需要注意的问题:选题要恰当。因CSS实训为期一周,去掉双休日,每天6节,总学时是30课时,因此选的项目大小规模要合适,要保证学生能在规定的时间内顺利完成;合适的场地。因学生需充分利用网络资源进行探究,因此,实训机房需提供网络,还需要多媒体投影仪、音响等相关设备;精心设计真实情景下项目任务的规划。充分展现项目的真实情境,引导学生进行角色转变,各个角色各司其职,有条不紊的推进项目的进展。任务分解遵循软件工程的瀑布模型原理,结合实际合理分解,教师和学生共同参与,以探究的态度来解决实际问题;学生为中心的原则。设计过程中,强调以学生为主,教师为辅,教师其引导作用。

]

[1] 祝智庭.现代教育技术——走向信息化教育[M].北京:教育科学出版社,2002.

[2] 闫寒冰.学习过程设计——信息技术与课程整合的视角[M].北京:教育科学出版社,2005.

[3] 余胜泉,杨晓娟,何克抗.基于建构主义的教学设计模式[J].电化教育研究,2000,(12):8-14.

[4] 杨从容.在高职教学中引入webquest教学模式的思考[J].中国职业技术教育,2007,(8):45-46.

Design of the Higher Vocational Practice Teaching Mode of CSS Course——Based on WebQuest

HUANG Hai-Dong
(Huainan Vocational an d Technical College, Huainan Anhui 232001)

Nowadays,vocational colleges have all offered related computer training courses.As a core course,CSS has a significant place,so that many vocational colleges are offering a CSS practice.CSS (Cascading Style Sheets)is a kind of mainstream control language used in web style,which plays an important role in web art,so how to make students master the essence of CSS web design is of great importance.Web Quest refers to the network inquiry learning,having features of pertinence,openness,cooperativeness and comprehensiveness,etc.Using Web Quest to design the teaching mode of CSS training course is a new try and exploration,it can also develop students'information literacy,team spirit and creative thinking ability,and stimulate students'high-level of thinking activities.

Web Quest; CSS; teaching mode

G642

A

1671-4733(2014)02-0078-04

10.3969/j.issn.1671-4733.2014.02.023

2014-03-14

安徽省软科学研究计划项目(项目编号:1402052043)

黄海东(1977-),男,安徽安庆人,硕士,讲师,从事计算机应用研究工作,电话:18655410335。