網(wǎng)頁設(shè)計(jì)基礎(chǔ)課程教學(xué)改革探索

楊秀君

長沙環(huán)境保護(hù)職業(yè)技術(shù)學(xué)院環(huán)境經(jīng)濟(jì)與信息學(xué)院 湖南長沙 410004

一、概述

網(wǎng)頁設(shè)計(jì)基礎(chǔ)課程是計(jì)算機(jī)專業(yè)的基礎(chǔ)課程,是Web開發(fā)工程師所需掌握的必要技能。在計(jì)算機(jī)專業(yè)人才培養(yǎng)方案中,網(wǎng)頁設(shè)計(jì)基礎(chǔ)課程開課時(shí)間為大一第二學(xué)期,前修計(jì)算機(jī)相關(guān)的課程有計(jì)算機(jī)文化基礎(chǔ),后續(xù)相關(guān)課程有JavaScript、jQuery、Vue前端框架技術(shù)、Java Web、Java EE。網(wǎng)頁設(shè)計(jì)基礎(chǔ)課程的學(xué)習(xí)可以為學(xué)生后續(xù)課程的學(xué)習(xí)打下基礎(chǔ),樹立專業(yè)信心,為學(xué)生從事Web開發(fā)工作打下必要的技能基礎(chǔ)。

二、網(wǎng)頁設(shè)計(jì)基礎(chǔ)課程教學(xué)過程中存在的問題和挑戰(zhàn)

(一)學(xué)生基礎(chǔ)和學(xué)習(xí)能力差異明顯

高職學(xué)生生源主要由兩類構(gòu)成:高中和中職。中職上來的學(xué)生基礎(chǔ)較好,計(jì)算機(jī)操作熟練,相關(guān)的基礎(chǔ)課程都上過,這部分學(xué)生的學(xué)習(xí)能力較強(qiáng);高中的學(xué)生沒有學(xué)過相關(guān)的計(jì)算機(jī)課程,計(jì)算機(jī)操作不熟練。在上課過程中,如果只顧忌基礎(chǔ)薄弱的學(xué)生,講解基礎(chǔ)知識和基礎(chǔ)操作,中職學(xué)生會覺得上課不能學(xué)到有用知識,對學(xué)習(xí)失去興趣。如果只顧中職學(xué)生,基礎(chǔ)薄弱的學(xué)生又會覺得聽不懂,操作太難了,這樣會出現(xiàn)“難學(xué)”情緒,對學(xué)習(xí)也會逐漸失去學(xué)習(xí)動力。教師在教學(xué)過程中需要考慮如何在上課時(shí)兼顧高中和中職兩方面的學(xué)生。

(二)教學(xué)方法單一、教學(xué)案例陳舊

傳統(tǒng)的網(wǎng)頁設(shè)計(jì)基礎(chǔ)教學(xué),以“教”為中心的教學(xué)模式,教師按照授課計(jì)劃備課,理論講解每一個(gè)知識點(diǎn),講解完后學(xué)生上機(jī)練習(xí)。學(xué)生被動學(xué)習(xí),學(xué)習(xí)目標(biāo)不明,學(xué)習(xí)沒有興趣,學(xué)習(xí)效果不好。上課舉的教學(xué)案例和知識點(diǎn)陳舊,學(xué)生覺得學(xué)習(xí)的東西沒有用,導(dǎo)致學(xué)生學(xué)習(xí)沒有動力。在教學(xué)過程中需要考慮如何改變傳統(tǒng)的教學(xué)模式,并且引入當(dāng)前前端開發(fā)中比較常用的教學(xué)案例和最新知識的問題。

(三)課程考核單一

傳統(tǒng)的網(wǎng)頁設(shè)計(jì)基礎(chǔ)課程的考核以期末考試為主,這種應(yīng)試教育的教育方式會讓學(xué)生出現(xiàn)平時(shí)少學(xué)或者不學(xué),考試突擊的學(xué)習(xí)狀態(tài)。學(xué)生為了考試而學(xué)習(xí),學(xué)生學(xué)不到知識,也不能培養(yǎng)能力。如何能夠改變單一的課程考核模式,激勵(lì)學(xué)生持續(xù)不斷學(xué)習(xí)、改進(jìn),給網(wǎng)頁設(shè)計(jì)基礎(chǔ)課程教學(xué)提出了挑戰(zhàn)。

(四)學(xué)生解決問題能力有待提高

教師在上課時(shí)根據(jù)授課知識點(diǎn)列舉案例,學(xué)生各個(gè)知識點(diǎn)是搞懂了,但不能綜合起來解決問題。學(xué)生遇到問題時(shí),不能將復(fù)雜問題分成若干個(gè)小問題,無從下手,老師一分析,好像又什么都會。如何有效地提高學(xué)生分析問題、解決問題的能力,給網(wǎng)頁設(shè)計(jì)基礎(chǔ)課程教學(xué)提出了挑戰(zhàn)。

三、網(wǎng)頁設(shè)計(jì)基礎(chǔ)教學(xué)改革實(shí)踐

(一)學(xué)生組建項(xiàng)目團(tuán)隊(duì)

網(wǎng)頁設(shè)計(jì)基礎(chǔ)課程是一門實(shí)踐性很強(qiáng)的課程,如果還是用以前老師講課,學(xué)生上機(jī)練習(xí)的方式上課,學(xué)生的學(xué)習(xí)主動性、積極性不能有效激發(fā),學(xué)習(xí)效果不理想。這里根據(jù)高職學(xué)生的生源特點(diǎn),要求學(xué)生自己組建項(xiàng)目團(tuán)隊(duì),團(tuán)隊(duì)成員中必須包含高職和中職的學(xué)生,學(xué)生組建好項(xiàng)目團(tuán)隊(duì)后,后續(xù)老師布置的學(xué)習(xí)任務(wù)、階段案例、期末項(xiàng)目都以項(xiàng)目團(tuán)隊(duì)的形式來完成。通過項(xiàng)目團(tuán)隊(duì)的形式,一方面,中職學(xué)生在計(jì)算機(jī)方面有了一定的基礎(chǔ),可以有效地幫助高中學(xué)生,給他們學(xué)習(xí)計(jì)算機(jī)提供一些有效的建議,這樣少了摸黑過夜路的盲目探索,更快更高效地學(xué)習(xí)進(jìn)步;另一方面,每個(gè)同學(xué)都有優(yōu)缺點(diǎn)和自己擅長的領(lǐng)域,在任務(wù)完成過程中,可能需要搜集資料、制作PPT、編寫代碼等,老師在布置任務(wù)時(shí),團(tuán)隊(duì)成員可以整體規(guī)劃,根據(jù)各個(gè)成員的特點(diǎn),分工合作,團(tuán)隊(duì)成員遇到了問題,可以共同協(xié)商解決,這樣可以有效地促進(jìn)項(xiàng)目團(tuán)隊(duì)成員的互幫互助,促進(jìn)項(xiàng)目團(tuán)隊(duì)成員的共同進(jìn)步。

(二)強(qiáng)調(diào)課前預(yù)習(xí)

以往上課,學(xué)生對上課的知識點(diǎn)不清楚,學(xué)生學(xué)習(xí)目的性不強(qiáng),很被動。更好的學(xué)習(xí)狀態(tài)是帶著問題上課,在上課之前對老師要講的知識點(diǎn)就非常清楚,明白哪些知識點(diǎn)是自己明白的,哪些是不清楚或者不懂的,這樣上課的時(shí)候可以有目的地聽課。為了實(shí)現(xiàn)這一點(diǎn),教師會在教輔平臺上布置預(yù)習(xí)視頻,預(yù)習(xí)視頻中會有小問題,一方面可以引發(fā)學(xué)生的思考,另一方面也可以有效檢查學(xué)生的預(yù)習(xí)效果。為了更好地督促學(xué)生完成預(yù)習(xí)視頻的學(xué)習(xí),課堂上課前教師會以項(xiàng)目團(tuán)隊(duì)的形式進(jìn)行檢驗(yàn),如果沒有完成的團(tuán)隊(duì),整個(gè)項(xiàng)目團(tuán)隊(duì)都要減分,沒有完成的同學(xué)減分更多。都完成的團(tuán)隊(duì)都加分,這樣可以促進(jìn)項(xiàng)目團(tuán)隊(duì)的互相幫助提醒,更高效地完成老師的任務(wù)。為了避免刷屏的問題,上課之前會對每個(gè)項(xiàng)目團(tuán)隊(duì)提問,進(jìn)行檢驗(yàn),并對檢驗(yàn)結(jié)果進(jìn)行評價(jià)和評分,這樣下次預(yù)習(xí)時(shí),預(yù)習(xí)效果會更好。

(三)強(qiáng)調(diào)“學(xué)以致用”

在以往的學(xué)習(xí)過程中,通常會出現(xiàn),學(xué)生各個(gè)知識點(diǎn)都明白,但卻不明白為什么要學(xué)它,學(xué)了有什么用也不知道,出現(xiàn)“翻開書什么都知道,關(guān)上書什么都不知道”的現(xiàn)象。為此,在課堂上更加強(qiáng)調(diào)知識的應(yīng)用。在上課過程中,將實(shí)際網(wǎng)站項(xiàng)目分成各個(gè)小案例,在講各個(gè)知識點(diǎn)時(shí),融入這些小案例。這樣學(xué)生會感覺學(xué)習(xí)的知識點(diǎn)比較有用,學(xué)了的知識立馬就可以用上,并且立馬就能呈現(xiàn)出效果,學(xué)習(xí)積極性會有效提高。比如,在講解white-space這個(gè)文本樣式屬性時(shí),如果是以前講,就只講一下它的含義是空白符處理,有3個(gè)屬性值normal、pre、nowrap,每個(gè)屬性值都講一遍,或者演示一遍,這樣講完之后,學(xué)生對white-space可能是理解了,但卻不知道在網(wǎng)頁制作中有什么用。所以在講解這個(gè)屬性時(shí),會具體展示一個(gè)購物網(wǎng)站的產(chǎn)品列表,指出產(chǎn)品描述不完整,用省略號代替,那么這個(gè)功能的實(shí)現(xiàn)就要用到white-space,接下來就講解如何實(shí)現(xiàn)省略號標(biāo)記。這樣學(xué)生不僅學(xué)到white-space這個(gè)屬性,而且還知道學(xué)一個(gè)知識的更大的目的是“學(xué)以致用”,不是“讀死書”。

(四)強(qiáng)調(diào)學(xué)生學(xué)習(xí)能力的培養(yǎng)

“授之以魚不如授之以漁”。當(dāng)今時(shí)代是知識大爆炸的時(shí)代,尤其是互聯(lián)網(wǎng)及自媒體的崛起之后。要改變老師上課、學(xué)生聽課的傳統(tǒng)教學(xué)模式,將要學(xué)生學(xué)變?yōu)閷W(xué)生主動學(xué)。為了達(dá)到這個(gè)目的,在網(wǎng)頁設(shè)計(jì)基礎(chǔ)課程中進(jìn)行了讓學(xué)生項(xiàng)目團(tuán)隊(duì)就某個(gè)知識點(diǎn)進(jìn)行授課的教學(xué)改革。①老師提前1個(gè)星期將要講的若干小知識點(diǎn)布置出來,項(xiàng)目團(tuán)隊(duì)選擇一個(gè)知識點(diǎn);②項(xiàng)目團(tuán)隊(duì)查找相關(guān)資料學(xué)懂知識點(diǎn),然后準(zhǔn)備該知識點(diǎn)的PPT、教學(xué)案例;③上課時(shí),項(xiàng)目團(tuán)隊(duì)推薦一個(gè)學(xué)生代表講解知識點(diǎn),并帶著同學(xué)一起做教學(xué)案例,整個(gè)過程15～20分鐘;④老師對項(xiàng)目團(tuán)隊(duì)的講解進(jìn)行點(diǎn)評并進(jìn)行補(bǔ)充講解;⑤其他項(xiàng)目團(tuán)隊(duì)和老師對該項(xiàng)目團(tuán)隊(duì)的講解進(jìn)行打分。通過該過程能夠有效地提高學(xué)生學(xué)習(xí)知識的能力,鍛煉學(xué)生發(fā)現(xiàn)問題和解決問題的能力。

(五)注重學(xué)生發(fā)現(xiàn)問題解決問題的能力和創(chuàng)新創(chuàng)造能力的逐步培養(yǎng)

習(xí)近平總書記在給袁隆平等25位科技工作者代表的回信中曾指出“創(chuàng)新是引領(lǐng)發(fā)展的第一動力”。以往網(wǎng)頁設(shè)計(jì)基礎(chǔ)課程上課時(shí)學(xué)生聽老師講課,老師講解完案例后,學(xué)生跟著老師的思路自己動手再操作一遍,在這樣的教學(xué)中,學(xué)生最多是老師思路的復(fù)制,談不上學(xué)生對老師的超越,更難達(dá)到學(xué)生創(chuàng)新創(chuàng)造能力的培養(yǎng)。

為了培養(yǎng)學(xué)生的發(fā)現(xiàn)問題、解決問題的能力,在上課講解完知識點(diǎn)后,老師先不講案例,而是先根據(jù)知識點(diǎn)給學(xué)生提出一個(gè)要解決的案例,根據(jù)案例的復(fù)雜程度給一定的時(shí)間,讓學(xué)生分項(xiàng)目團(tuán)隊(duì)一起根據(jù)剛講解的知識點(diǎn)解決該案例。在給定的時(shí)間到了后,對各個(gè)項(xiàng)目團(tuán)隊(duì)的完成情況進(jìn)行點(diǎn)評及評分。這個(gè)根據(jù)知識點(diǎn)出的案例不會太難,目的是讓學(xué)生學(xué)會利用上課講的知識點(diǎn)解決問題,在解決問題的同時(shí)培養(yǎng)學(xué)生解決問題的能力。比如,在講解完錨點(diǎn)鏈接的概念后會展示購物網(wǎng)站的購物商品列表頁面,在滾動頁面時(shí),讓學(xué)生找出頁面在滾動時(shí)存在什么問題。學(xué)生在老師滾動頁面的過程中會發(fā)現(xiàn)頁面內(nèi)容太多,導(dǎo)致頁面過長,滾動頁面和查找對應(yīng)主題內(nèi)容的時(shí)間過長,學(xué)生發(fā)現(xiàn)了這個(gè)問題,就讓學(xué)生按項(xiàng)目團(tuán)隊(duì)的形式,用10分鐘的時(shí)間去解決這個(gè)實(shí)際問題,時(shí)間結(jié)束后對各個(gè)項(xiàng)目團(tuán)隊(duì)的表現(xiàn)進(jìn)行點(diǎn)評及加分。最后,老師具體講解如何利用錨點(diǎn)鏈接解決頁面過長帶來的內(nèi)容不好找的問題。在講解完后,會進(jìn)一步指出實(shí)際網(wǎng)站不適用錨點(diǎn)鏈接來解決這個(gè)問題,應(yīng)通過“電梯導(dǎo)航”的形式來解決這個(gè)問題,不過“電梯導(dǎo)航”需要利用下學(xué)期將要開設(shè)的另外一門課程JavaScript的相關(guān)知識來解決,這樣也能夠激發(fā)學(xué)生學(xué)習(xí)后續(xù)課程的學(xué)習(xí)興趣。

為了更好地培養(yǎng)學(xué)生的創(chuàng)新創(chuàng)造能力,在每章完成后會布置一個(gè)階段任務(wù),讓項(xiàng)目團(tuán)隊(duì)用一周的時(shí)間完成任務(wù),項(xiàng)目團(tuán)隊(duì)成員一起分析任務(wù)、參照類似網(wǎng)站、規(guī)劃任務(wù)進(jìn)度、搜集相關(guān)素材等。在學(xué)期期末結(jié)束時(shí),也不再是以期末卷面考試結(jié)課,而是以項(xiàng)目團(tuán)隊(duì)共同完成一個(gè)網(wǎng)站的開發(fā)。通過階段任務(wù)和期末項(xiàng)目的完成,學(xué)生解決問題的能力和創(chuàng)新創(chuàng)造的能力能夠得到很好的培養(yǎng)。

(六)多個(gè)教學(xué)平臺的配合使用

學(xué)生在課前預(yù)習(xí)時(shí),會利用教材提供的教輔平臺進(jìn)行預(yù)習(xí)。此外,老師在講解完某個(gè)知識點(diǎn)后,也會在教輔平臺上設(shè)置搶答環(huán)節(jié),根據(jù)搶答的情況對學(xué)生平時(shí)成績進(jìn)行加分。讓學(xué)生搶答問題,一方面是為了檢驗(yàn)學(xué)生對知識點(diǎn)的理解程度,另一方面也可以活躍課堂氣氛。此外,網(wǎng)頁設(shè)計(jì)基礎(chǔ)課程是一門實(shí)踐性很強(qiáng)的一門課程,如果光靠上課的時(shí)間來學(xué)習(xí)和上機(jī)操作,肯定是學(xué)不好的,為了更好地激發(fā)學(xué)生課后學(xué)習(xí)網(wǎng)頁設(shè)計(jì)基礎(chǔ)課程,會在實(shí)踐平臺上根據(jù)上課的進(jìn)度布置闖關(guān)任務(wù),在這個(gè)實(shí)踐平臺上可以查看學(xué)生上機(jī)實(shí)踐的情況。在下次上課時(shí),可以讓某個(gè)項(xiàng)目團(tuán)隊(duì)推薦一個(gè)學(xué)生上來講解一下闖關(guān)任務(wù),老師對學(xué)生的講解進(jìn)行補(bǔ)充,并對其他學(xué)生實(shí)踐平臺的實(shí)踐情況進(jìn)行點(diǎn)評。

(七)建立多元的考核評價(jià)機(jī)制,促進(jìn)學(xué)生的全面發(fā)展

為了打破傳統(tǒng)的“唯分?jǐn)?shù)論”“一考定終身”的考核方式,在網(wǎng)頁設(shè)計(jì)基礎(chǔ)課程中采用多元的考核評價(jià)機(jī)制,強(qiáng)調(diào)學(xué)習(xí)過程與學(xué)習(xí)成效,采用注重學(xué)習(xí)過程與結(jié)果并重的考核方式。課程成績=平時(shí)成績×70%+期末成績×30%。其中平時(shí)成績包括課堂考勤、課前預(yù)習(xí)情況、課內(nèi)表現(xiàn)、階段案例等多個(gè)方面。階段案例的分?jǐn)?shù)會從教師對項(xiàng)目團(tuán)隊(duì)的任務(wù)完成情況評分、團(tuán)隊(duì)間互評、團(tuán)隊(duì)成員對成員評分等多方面進(jìn)行考核。

四、網(wǎng)頁設(shè)計(jì)基礎(chǔ)課程教學(xué)改革總結(jié)

網(wǎng)頁設(shè)計(jì)基礎(chǔ)課程的教學(xué)改革一直在我校生態(tài)環(huán)境大數(shù)據(jù)專業(yè)穩(wěn)步推進(jìn),通過教學(xué)改革,學(xué)生的學(xué)習(xí)態(tài)度和解決問題的能力得到明顯提高。

下圖是某實(shí)訓(xùn)平臺上大數(shù)據(jù)22301、大數(shù)據(jù)22302、大數(shù)據(jù)22303三個(gè)班本學(xué)期從開學(xué)到現(xiàn)在一個(gè)月實(shí)訓(xùn)通關(guān)率的統(tǒng)計(jì)情況,剛開始的實(shí)訓(xùn)是“初識HTML:簡單的Hello World網(wǎng)頁制作”,通關(guān)率僅為38%。原因有很多方面,一是剛開始學(xué)生剛接觸網(wǎng)頁設(shè)計(jì)基礎(chǔ)這門課程,不知道如何去解決實(shí)訓(xùn)作業(yè)上的問題;二是學(xué)生學(xué)習(xí)態(tài)度不端正,認(rèn)為只要做了,沒有通關(guān)也沒有關(guān)系。后面通過教學(xué)改革的進(jìn)行、組件項(xiàng)目團(tuán)隊(duì)、課前預(yù)習(xí)、課中實(shí)用案例的講解、階段案例的布置、多元考核評價(jià)機(jī)制的實(shí)施,學(xué)生學(xué)習(xí)態(tài)度明顯改善,解決問題的能力明顯提高,所以最新的實(shí)訓(xùn)創(chuàng)建p標(biāo)簽的實(shí)訓(xùn)通關(guān)率達(dá)到了80%。

學(xué)生實(shí)訓(xùn)通關(guān)率圖

結(jié)語

網(wǎng)頁設(shè)計(jì)基礎(chǔ)課程在多個(gè)方面進(jìn)行了教學(xué)改革方面的探索:學(xué)生組建項(xiàng)目團(tuán)隊(duì)、強(qiáng)調(diào)課前預(yù)習(xí)、強(qiáng)調(diào)“學(xué)以致用”、強(qiáng)調(diào)學(xué)生學(xué)習(xí)能力的培養(yǎng)、強(qiáng)調(diào)學(xué)生動手解決問題和創(chuàng)新創(chuàng)造能力的逐步培養(yǎng)、建立多元的考核評價(jià)機(jī)制。通過一系列改革的實(shí)踐,有效地提高學(xué)生的學(xué)習(xí)積極性、創(chuàng)新創(chuàng)造能力。教學(xué)改革雖然取得了一系列的成效,但仍然存在一些問題,比如實(shí)訓(xùn)通關(guān)率雖然提高到了80%,但仍然還有20%的人沒有通關(guān);項(xiàng)目團(tuán)隊(duì)成員提交作品的質(zhì)量還有待進(jìn)一步提高等。教師需要不斷地進(jìn)行教育教學(xué)改革來提高自身的教學(xué)水平,促進(jìn)學(xué)生的全面發(fā)展。