高職CSS課程實(shí)訓(xùn)教學(xué)模式的設(shè)計(jì)
——基于Web Quest的理論

黃海東

(淮南職業(yè)技術(shù)學(xué)院, 安徽淮南232001)

高職CSS課程實(shí)訓(xùn)教學(xué)模式的設(shè)計(jì)
——基于Web Quest的理論

黃海東

(淮南職業(yè)技術(shù)學(xué)院, 安徽淮南232001)

目前各高職院校都開設(shè)有相關(guān)的計(jì)算機(jī)實(shí)訓(xùn)課程,而CSS課程作為很多高職院校的一門核心課程,有著重要的地位;CSS(層疊樣式表)是現(xiàn)在網(wǎng)頁樣式主流控制語言,在網(wǎng)頁美工中有著重要的地位,因此如何讓學(xué)生熟練掌握CSS網(wǎng)頁設(shè)計(jì)的精髓顯得尤為重要; Web Quest是指網(wǎng)絡(luò)探究性學(xué)習(xí),具有針對(duì)性、開放性、合作性、綜合性等特點(diǎn);利用Web Quest來設(shè)計(jì)CSS實(shí)訓(xùn)課程的教學(xué)模式,是教學(xué)模式的新嘗試和探索,可以培養(yǎng)學(xué)生的信息素養(yǎng)、協(xié)作精神和創(chuàng)造性的思維能力,激發(fā)學(xué)生的高水平的思維活動(dòng)。

]Web Quest; CSS; 教學(xué)模式

《CSS實(shí)訓(xùn)》是高職院校計(jì)算機(jī)應(yīng)用專業(yè)《CSS+DIV網(wǎng)頁樣式與布局》必修課程的實(shí)訓(xùn)環(huán)節(jié)。主要為網(wǎng)頁美工及網(wǎng)頁前臺(tái)設(shè)計(jì)強(qiáng)化基礎(chǔ)知識(shí)和能力支撐。教學(xué)任務(wù)是引導(dǎo)學(xué)生向更高層次發(fā)展,鍛煉學(xué)生的綜合設(shè)計(jì)能力。以CSS為主導(dǎo)的網(wǎng)站設(shè)計(jì)涉及到多門課程知識(shí),學(xué)生在此實(shí)訓(xùn)中要綜合掌握多種技術(shù),比如網(wǎng)站設(shè)計(jì)的流程、網(wǎng)站開發(fā)工具的使用、圖像處理軟件PS、動(dòng)畫設(shè)計(jì)軟件FLASH、以及js腳本和CSS+DIV進(jìn)行網(wǎng)頁布局技術(shù)等等。對(duì)如此之多的知識(shí)點(diǎn)要掌握熟練,并非易事。以往的實(shí)訓(xùn)教學(xué)中,教師通常提供一個(gè)課題,并提供必要的材料,讓學(xué)生動(dòng)手去完成,不注重過程的設(shè)計(jì)和新式教學(xué)手段的運(yùn)用,教學(xué)成效一般,學(xué)生為了完成作業(yè)而作業(yè),不能充分調(diào)動(dòng)學(xué)生的主觀能動(dòng)性,隨著現(xiàn)代教育技術(shù)在學(xué)校教育中的廣泛應(yīng)用,我國(guó)教育教學(xué)的模式進(jìn)入了一個(gè)新的快速發(fā)展階段,如何以學(xué)生為中心,以學(xué)生為主導(dǎo),開展網(wǎng)絡(luò)環(huán)境下教學(xué)改革,構(gòu)建新型的教學(xué)模式,是目前教學(xué)界研究的重要課題之一,而Web Quest正是符合這種模式下的一種教學(xué)理論,因此如何在CSS實(shí)訓(xùn)中引入Web Quses去設(shè)計(jì)一個(gè)符合建構(gòu)主義學(xué)習(xí)理論的教學(xué)模式是一次有意義的教學(xué)新模式的探索。

一 CSS實(shí)訓(xùn)課程的特點(diǎn)介紹

CSS英文全稱是Cascading Style Sheet,中文翻譯是層疊樣式表,它是一種用來表現(xiàn)HTM L或XML等文件樣式的計(jì)算機(jī)語言。CSS是目前網(wǎng)頁樣式設(shè)計(jì)語言中的主流,它的優(yōu)點(diǎn)在于能夠真正做到網(wǎng)頁表現(xiàn)與內(nèi)容的分離。和傳統(tǒng)的用H TML的表現(xiàn)比較而言,CSS能夠?qū)W(wǎng)頁中的對(duì)象的位置排版進(jìn)行像素級(jí)的精確控制,擁有對(duì)網(wǎng)頁對(duì)象和模型樣式編輯的能力,并能夠進(jìn)行初步交互設(shè)計(jì),是目前基于文本展示最優(yōu)秀的表現(xiàn)設(shè)計(jì)語言。CSS理論課程是計(jì)算機(jī)應(yīng)用專業(yè)的一門核心課程,它與其它課程之間的關(guān)系如圖1所示。

圖1 CSS實(shí)訓(xùn)課與其它課程之間的關(guān)系圖

CSS課程實(shí)訓(xùn)在高職學(xué)院教學(xué)計(jì)劃中是放在Photoshop、H T M L、dream weaver課程之后,與之同期開課的有FLASH和JA VASCRIPT,CSS實(shí)訓(xùn)是放在CSS基礎(chǔ)理論課結(jié)束后的第一周,這樣設(shè)置的優(yōu)勢(shì)是:Photosop、flash、dreamweaver、JA VASCRIPT課程以及CSS可以綜合,有利于針對(duì)教學(xué)內(nèi)容設(shè)置真實(shí)情景、通過項(xiàng)目驅(qū)動(dòng)式進(jìn)行教學(xué),也便于教師靈活的采用適當(dāng)?shù)慕虒W(xué)模式進(jìn)行教學(xué),本著一切為了學(xué)生,為了學(xué)生的一切宗旨,實(shí)施好教學(xué)計(jì)劃。

二 在CSS實(shí)訓(xùn)中引入Web Quest的理論依據(jù)

Web Quest即網(wǎng)絡(luò)主題探究,從單詞來看實(shí)際上是由Web和Quest兩個(gè)單詞組成,Web是指依托網(wǎng)絡(luò),Quest是進(jìn)行研究、調(diào)查和尋求的含義,因此Web Quest實(shí)際可定義成基于網(wǎng)絡(luò)的以探究導(dǎo)向的活動(dòng)。

Web Quest是腳手架支持的學(xué)習(xí)結(jié)構(gòu),它強(qiáng)調(diào)使用真實(shí)任務(wù)來激發(fā)學(xué)生的學(xué)習(xí)興趣,激勵(lì)和引導(dǎo)學(xué)生的探究精神,從而達(dá)到鍛煉學(xué)生進(jìn)行高水平和高層次的思維活動(dòng)。Web Quest的理論來源可以由以下三點(diǎn)來闡述:

(一) 建構(gòu)主義學(xué)習(xí)理論

建構(gòu)主義學(xué)習(xí)理論觀點(diǎn)認(rèn)為,知識(shí)是由認(rèn)知主體積極構(gòu)建,而不是被動(dòng)接受。學(xué)習(xí)應(yīng)包含“情境”、“協(xié)商”、“會(huì)話”和“意義建構(gòu)”四大方面,強(qiáng)調(diào)學(xué)習(xí)與一定的“情境”相聯(lián)系,強(qiáng)調(diào)創(chuàng)造真實(shí)情境下的學(xué)習(xí)。設(shè)定適當(dāng)?shù)摹扒榫场笔亲寣W(xué)習(xí)者與當(dāng)時(shí)的社會(huì)文化背景接軌,讓學(xué)習(xí)符合實(shí)際,讓學(xué)習(xí)者切身體會(huì)知識(shí)的有用性,激發(fā)學(xué)習(xí)者的學(xué)習(xí)興趣,如果脫離了一定的“情境”,學(xué)習(xí)就會(huì)變得比較單調(diào)乏味。

學(xué)習(xí)的目的是讓學(xué)生掌握一定的知識(shí)并運(yùn)用所學(xué)知識(shí)去解決現(xiàn)實(shí)世界中的問題。而Web Quest教學(xué)模式正是強(qiáng)調(diào)教師要給學(xué)生創(chuàng)造一個(gè)真實(shí)、有趣的學(xué)習(xí)任務(wù)和相關(guān)的必要資源的支撐。達(dá)夫(Duffy)和詹得森(Jonassen)認(rèn)為:為了使學(xué)習(xí)富有意義,學(xué)生必須解決“實(shí)際”問題。[1]

(二) 信息加工理論

信息加工理論是將智力簡(jiǎn)化到最基本的兩個(gè)因素即P結(jié)構(gòu)和過程,并且描述了知識(shí)獲得的機(jī)制。它認(rèn)為內(nèi)容(即知識(shí))是客觀存在的,其特性與結(jié)構(gòu)是可以被認(rèn)知的。因此,正確的教學(xué)策略可以有助于知識(shí)的獲取。同時(shí),信息加工理論也認(rèn)為詳盡的知識(shí)會(huì)增加學(xué)習(xí)者準(zhǔn)確獲得信息的可能性。學(xué)生可以充分利用不同的媒介(圖解、視頻、網(wǎng)絡(luò)等),增加了學(xué)習(xí)者獲得精確知識(shí)的可能性。而Web Quest引入課程教學(xué)中,就是一種符合信息加工理論的一種很好的教學(xué)策略,它可以充分利用多種媒介為學(xué)生提供豐富的教學(xué)素材,有利于學(xué)生獲取知識(shí)。

(三) 投入學(xué)習(xí)理論

投入學(xué)習(xí)理論(engagement theory)是美國(guó)遠(yuǎn)程教育專家凱斯利提出的一種學(xué)習(xí)理論。投入理論強(qiáng)調(diào)學(xué)生必須有意義的投入到學(xué)習(xí)活動(dòng)中,并與他人交互共同完成有價(jià)值的任務(wù)。投入理論三原則,可概括為相處—?jiǎng)?chuàng)造-貢獻(xiàn)(Relate-Create-Donate),對(duì)此可理解成群體背景;基于項(xiàng)目;與現(xiàn)實(shí)的互動(dòng)。

Web Quest同樣也提出合作、基于項(xiàng)目驅(qū)動(dòng)和真實(shí)和有意義的任務(wù),與投入學(xué)習(xí)理論一致。

CSS實(shí)訓(xùn)是學(xué)生在掌握基本的CSS語法后進(jìn)行綜合設(shè)計(jì)能力提高的一個(gè)重要環(huán)節(jié),如何更有效的吸引學(xué)生的興趣,激發(fā)學(xué)生的高水平的思維活動(dòng),一定需要一個(gè)優(yōu)秀的教學(xué)組織和設(shè)計(jì)方案。Web Quest流程設(shè)計(jì)主要由引言、任務(wù)、過程、資源、評(píng)價(jià)和結(jié)束語六部分組,遵循這種設(shè)計(jì)思路,設(shè)計(jì)出針對(duì)CSS實(shí)訓(xùn)的教學(xué)模式有著與傳統(tǒng)教學(xué)相比的巨大優(yōu)勢(shì),其表現(xiàn)在:充分調(diào)動(dòng)學(xué)生的主觀能動(dòng)性、理論聯(lián)系實(shí)際、培養(yǎng)學(xué)生的創(chuàng)新思維。因此,在CSS實(shí)訓(xùn)中引入Web Quest是有其必要性。

三 基于Web Quest的CSS實(shí)訓(xùn)課程教學(xué)模式設(shè)計(jì)的流程

Web Quest通常包括六大模塊:設(shè)計(jì)教學(xué)情景、設(shè)計(jì)學(xué)習(xí)任務(wù)、設(shè)計(jì)任務(wù)過程、組織學(xué)習(xí)資源、設(shè)計(jì)評(píng)價(jià)標(biāo)準(zhǔn)、總結(jié)學(xué)習(xí)活動(dòng)。針對(duì)CSS實(shí)訓(xùn)課程的特點(diǎn),以下闡述具體設(shè)計(jì)過程。

(一) 教學(xué)情景的真實(shí)性

計(jì)算機(jī)應(yīng)用專業(yè)開設(shè)了網(wǎng)頁設(shè)計(jì)興趣小組,興趣小組的運(yùn)行模式與市場(chǎng)接軌,由一名專職教師領(lǐng)隊(duì)。興趣小組分成兩小組,一組跑市場(chǎng),就是和各個(gè)企業(yè)和公司聯(lián)系,為企業(yè)承擔(dān)網(wǎng)站開發(fā)事宜。其主要任務(wù)是談業(yè)務(wù),簽合同。另一組負(fù)責(zé)技術(shù)實(shí)現(xiàn)。因?yàn)橛辛肆己玫呐c市場(chǎng)接軌的條件,因此CSS實(shí)訓(xùn)環(huán)節(jié)采用真實(shí)的案例,讓學(xué)生親身參與具體網(wǎng)站的建設(shè),給學(xué)生營(yíng)造一個(gè)最真實(shí)的情境,驅(qū)動(dòng)學(xué)生在這種環(huán)境中的探索、思考與解決問題的活動(dòng)。

(二) 遵循軟件工程的瀑布模型進(jìn)行任務(wù)的分解

此階段的設(shè)計(jì)以市場(chǎng)為導(dǎo)向,以項(xiàng)目為驅(qū)動(dòng)的方式進(jìn)行設(shè)計(jì)。以市場(chǎng)為導(dǎo)向,就是任務(wù)的分解要充分了解項(xiàng)目運(yùn)作方式,符合軟件工程的瀑布模式即項(xiàng)目的開發(fā)嚴(yán)格按照制定計(jì)劃、需求分析、軟件設(shè)計(jì)、程序編寫、軟件測(cè)試和運(yùn)行維護(hù)六大步驟執(zhí)行。因此任務(wù)的劃分也可按照此六個(gè)模塊進(jìn)行。每個(gè)模塊學(xué)生團(tuán)隊(duì)必須嚴(yán)格按照軟件工程的概念來組織活動(dòng)。

教師對(duì)任務(wù)的分解可以和學(xué)生團(tuán)隊(duì)充分溝通,以組織會(huì)議的模式進(jìn)行討論,如此可以讓學(xué)生積極參與項(xiàng)目的建設(shè)中,讓學(xué)生通過項(xiàng)目的分解具體了解一個(gè)項(xiàng)目的具體輪廓,促進(jìn)學(xué)生對(duì)問題的分析與解決能力,提高他們的思維能力。

(三) 設(shè)計(jì)完成任務(wù)的過程

如何控制任務(wù)完成的過程,教師可以引領(lǐng)學(xué)生設(shè)計(jì)一個(gè)任務(wù)進(jìn)度計(jì)劃表,細(xì)化每個(gè)任務(wù)的開始時(shí)間和完成時(shí)間以及完成人。學(xué)生必須嚴(yán)格按照時(shí)間來實(shí)施計(jì)劃,因?yàn)轫?xiàng)目完全是按照實(shí)際情況實(shí)施的。教師按時(shí)間節(jié)點(diǎn)進(jìn)行審核,在教學(xué)過程中,教師可以參加任何一個(gè)團(tuán)隊(duì)的任務(wù)實(shí)施過程。

(四) 組織學(xué)習(xí)資源

CSS是目前主流的網(wǎng)頁樣式設(shè)計(jì)語言,因此網(wǎng)絡(luò)資源非常豐富,教師可以提供比較優(yōu)秀的幾個(gè)網(wǎng)站,同時(shí)教師可以給學(xué)生提供能合理設(shè)計(jì)CSS代碼的相關(guān)工具軟件。比如:CSS Comb、Normalize.css、SpritePad、CSS Hat等等。學(xué)生可自行選擇并學(xué)習(xí)相關(guān)軟件的使用方法。

(五) 設(shè)計(jì)規(guī)范的評(píng)價(jià)表

Web Quest學(xué)習(xí)必須有一套評(píng)價(jià)標(biāo)準(zhǔn),針對(duì)CSS實(shí)訓(xùn)任務(wù)分解,進(jìn)行細(xì)化考核標(biāo)準(zhǔn)。教師必須充分參與每個(gè)團(tuán)隊(duì)的任務(wù)實(shí)施過程,客觀公正的進(jìn)行評(píng)價(jià),詳細(xì)描述任務(wù)實(shí)施的過程存在的問題。

(六) 總結(jié)學(xué)習(xí)活動(dòng)

學(xué)生經(jīng)歷過一個(gè)完整的真實(shí)的項(xiàng)目設(shè)計(jì)后,需要進(jìn)行反思和總結(jié)。學(xué)生可以依據(jù)評(píng)價(jià)表進(jìn)行總結(jié)和改進(jìn)。學(xué)生之間和教師可以互動(dòng)分享一些成功的經(jīng)驗(yàn)。

四 注意的問題

通過引入Web Quset,在CSS實(shí)訓(xùn)中實(shí)施教學(xué)模式的改革,充分調(diào)動(dòng)了學(xué)生的參與,從而改變了以往教學(xué)中,教師為主導(dǎo)的填鴨式教學(xué)。從學(xué)生的反映來看,這種教學(xué)模式有著良好的效果。

結(jié)合Web Quest進(jìn)行CSS實(shí)訓(xùn)的教學(xué)設(shè)計(jì)中,需要注意的問題:選題要恰當(dāng)。因CSS實(shí)訓(xùn)為期一周,去掉雙休日,每天6節(jié),總學(xué)時(shí)是30課時(shí),因此選的項(xiàng)目大小規(guī)模要合適,要保證學(xué)生能在規(guī)定的時(shí)間內(nèi)順利完成;合適的場(chǎng)地。因?qū)W生需充分利用網(wǎng)絡(luò)資源進(jìn)行探究,因此,實(shí)訓(xùn)機(jī)房需提供網(wǎng)絡(luò),還需要多媒體投影儀、音響等相關(guān)設(shè)備;精心設(shè)計(jì)真實(shí)情景下項(xiàng)目任務(wù)的規(guī)劃。充分展現(xiàn)項(xiàng)目的真實(shí)情境,引導(dǎo)學(xué)生進(jìn)行角色轉(zhuǎn)變,各個(gè)角色各司其職,有條不紊的推進(jìn)項(xiàng)目的進(jìn)展。任務(wù)分解遵循軟件工程的瀑布模型原理,結(jié)合實(shí)際合理分解,教師和學(xué)生共同參與,以探究的態(tài)度來解決實(shí)際問題;學(xué)生為中心的原則。設(shè)計(jì)過程中,強(qiáng)調(diào)以學(xué)生為主,教師為輔,教師其引導(dǎo)作用。

]

[1] 祝智庭.現(xiàn)代教育技術(shù)——走向信息化教育[M].北京:教育科學(xué)出版社,2002.

[2] 閆寒冰.學(xué)習(xí)過程設(shè)計(jì)——信息技術(shù)與課程整合的視角[M].北京:教育科學(xué)出版社,2005.

[3] 余勝泉,楊曉娟,何克抗.基于建構(gòu)主義的教學(xué)設(shè)計(jì)模式[J].電化教育研究,2000,(12):8-14.

[4] 楊從容.在高職教學(xué)中引入webquest教學(xué)模式的思考[J].中國(guó)職業(yè)技術(shù)教育,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

安徽省軟科學(xué)研究計(jì)劃項(xiàng)目(項(xiàng)目編號(hào):1402052043)

黃海東(1977-),男,安徽安慶人,碩士,講師,從事計(jì)算機(jī)應(yīng)用研究工作,電話:18655410335。