《網(wǎng)頁設(shè)計與制作》課堂中基于Specific學(xué)習(xí)方法的教學(xué)實踐

摘要：《網(wǎng)頁設(shè)計與制作》是計算機學(xué)科專業(yè)中的一門專業(yè)技術(shù)基礎(chǔ)技能必修課，是中職網(wǎng)站建設(shè)與管理專業(yè)的平臺課程。在計算機學(xué)科中，除去理論知識的講解，大部分操作課程需要學(xué)生反復(fù)去實踐操作、探索研究，才能更好地掌握知識點及技能，并在此在過程中掌握網(wǎng)站的建立和維護能力，同時提升自己的綜合職業(yè)能力、創(chuàng)新精神和良好的職業(yè)道德。鑒于此，應(yīng)當(dāng)建構(gòu)Specific特有的學(xué)習(xí)方法，綜合各種信息化手段輔助教學(xué)，實現(xiàn)“做中學(xué)、做中教”的理實一體化的教學(xué)，構(gòu)造五位一體的和諧課堂。

關(guān)鍵詞：Specific學(xué)習(xí)方法；以生為本；理實一體化；和諧課堂

一、建構(gòu)Specific學(xué)習(xí)方法，打造創(chuàng)意和諧Web課堂

新課改對當(dāng)前教育提出了新的要求，要培養(yǎng)德智體美勞全面發(fā)展的社會主義建設(shè)者和接班人，既強調(diào)全面發(fā)展，又強調(diào)能為社會做貢獻，這就要求教與學(xué)是一個求同存異的過程，既能尊重學(xué)生個性、創(chuàng)造力的發(fā)展，又能引導(dǎo)學(xué)生樹立正確的人生觀、價值觀，追求和諧，促進發(fā)展。因此，要做到以生為本，幫助學(xué)生建構(gòu)一套適合他們的學(xué)習(xí)方法，以滿足新時代改革開放和社會主義現(xiàn)代化建設(shè)所提出的要求。

在教學(xué)過程中，建構(gòu)Specific（Students-Practice-Exploration-Cooperation-Imagination fused in Class）學(xué)習(xí)方法，打造富有創(chuàng)意的個性化和諧課堂，以希沃白板、班級優(yōu)化大師、藍墨云班課、多媒體實訓(xùn)室、微課、MOOC平臺等信息化手段輔助教學(xué)，實現(xiàn)“做中學(xué)、做中教”的理實一體化的教學(xué)，構(gòu)造五位一體的、獨具創(chuàng)意的、特有的和諧Web課堂。

二、Specific學(xué)習(xí)方法的內(nèi)涵

S for Students，在以生為本的思想指導(dǎo)下，學(xué)生才是課堂的主體，一方面，良好的師生關(guān)系是創(chuàng)設(shè)寬松、和諧教學(xué)環(huán)境的關(guān)鍵；另一方面，在強調(diào)師生和諧的前提下，繼續(xù)追求生生和諧。《網(wǎng)頁設(shè)計與制作》課程中所有的教學(xué)活動都圍繞學(xué)生開展，學(xué)習(xí)方法的建構(gòu)也是從學(xué)生的角度出發(fā)，目的是培養(yǎng)學(xué)生的學(xué)習(xí)興趣和習(xí)慣，使學(xué)生能夠積極主動、生動活潑地學(xué)習(xí)和發(fā)展，并在此過程中逐步建立起學(xué)習(xí)的自信。

P for Practice，《網(wǎng)頁設(shè)計與制作》課程具有實踐性強的特點，學(xué)生必須通過重復(fù)的實踐操作來鞏固所學(xué)知識，這也是學(xué)生技能習(xí)得的必經(jīng)之路。所以，為達成教學(xué)目標(biāo)，突破教學(xué)的重點、難點，必須開展以實踐為主的教學(xué)活動，通過項目教學(xué)、情境導(dǎo)入等方式，引導(dǎo)學(xué)生進行以實踐操作為主的學(xué)習(xí)，反復(fù)練習(xí)，課外拓展，實現(xiàn)知識的遷移與應(yīng)用，鞏固對新課知識的理解，進一步強化對技能的掌握及應(yīng)用，同時養(yǎng)成良好的行為習(xí)慣及操作意識。

E for Exploration，一切探究活動都是為了解決問題，學(xué)生有了疑惑，產(chǎn)生了問題，才會有興趣做進一步的探究。教師可以選取時下熱點，如“抗擊疫情”及“垃圾分類”等話題創(chuàng)設(shè)問題情境，貼合學(xué)生實際生活，使學(xué)生產(chǎn)生興趣，吸引學(xué)生注意，鼓勵他們主動參與到課堂環(huán)節(jié)中來，從而充分發(fā)揮學(xué)生的主體作用，引起學(xué)生的探究心理，培養(yǎng)學(xué)生的探究性思維。

C for Cooperation，網(wǎng)站的開發(fā)與設(shè)計本就是一個團隊型的項目，需要各個環(huán)節(jié)的通力協(xié)作，才能達成最終目的。小組合作可以面向全班學(xué)生，促進同學(xué)們在交流中互相學(xué)習(xí)、在實踐中共同探討，體現(xiàn)生生和諧的學(xué)習(xí)氛圍。此外，小組合作的模式下，學(xué)生可以根據(jù)每個人的特長分配具體工作內(nèi)容，由于學(xué)生的個性、審美均存在差異，項目完成的效果也有可能風(fēng)格迥異，但是最終完成的作品要求符合網(wǎng)頁設(shè)計與制作的規(guī)范，幫助學(xué)生與其所創(chuàng)作設(shè)計的作品相融合，鼓勵學(xué)生嘗試用作品說話，去表達和傳遞他們個人甚至是小組的思想理念，達成生作合一，實現(xiàn)生作和諧。

I for Imagination，現(xiàn)代化建設(shè)需要創(chuàng)造型人才，創(chuàng)造型人才最突出的特點是想象力豐富，網(wǎng)頁設(shè)計與制作課程中，要想培養(yǎng)學(xué)生的創(chuàng)新意識，提升學(xué)生的創(chuàng)新能力，激發(fā)學(xué)生的想象力必不可少。教學(xué)過程中，通過頭腦風(fēng)暴、發(fā)起投票、多元點評、版面設(shè)計等環(huán)節(jié)的設(shè)置，靈活運用多種方法，充分釋放學(xué)生的想象力，激發(fā)學(xué)生的創(chuàng)造潛能，激活學(xué)生的創(chuàng)新思維，鼓勵學(xué)生以夢為馬，讓想象力乘風(fēng)，盡可能發(fā)散思維，不受拘束。

fused in Class，“學(xué)生—實踐—探究—合作—想象”元素和諧地“熔合”在課堂中，以項目為依托、以創(chuàng)新為核心、以探究為導(dǎo)向、以認同為根本，追求元素和諧、生作和諧、生生和諧、師生和諧，形成五位一體的學(xué)習(xí)方法，打造四維度的和諧課堂。

三、五位一體促發(fā)展，知行合一致良知

在Specific學(xué)習(xí)方法中，“學(xué)生”“實踐”“探究”“合作”“想象”五個元素相互滲透，雙向環(huán)環(huán)相扣，真正“熔合”在一起，為構(gòu)造和諧Web課堂提供可能，同時五個元素形成良性閉環(huán)，促進學(xué)生全面發(fā)展，使其各方面能力均能有所升。

從學(xué)生的角度出發(fā)，順時針以項目教學(xué)及情境導(dǎo)入等方式引起學(xué)生的學(xué)習(xí)興趣，引導(dǎo)學(xué)生主動參與到實踐中去，當(dāng)過程中發(fā)現(xiàn)問題，會激發(fā)學(xué)生的探究欲望并嘗試解決問題。如遇疑難雜癥，學(xué)生本身會產(chǎn)生尋求合作的想法，因此可以采用小組合作，進行互助探究的模式，鼓勵學(xué)生自主創(chuàng)作、通力協(xié)作。合作探究中，能夠喚醒學(xué)生的創(chuàng)新意識，激發(fā)學(xué)生的想象力，小組討論、頭腦風(fēng)暴、創(chuàng)意構(gòu)思和相互點評能夠不斷激發(fā)學(xué)生的創(chuàng)造性，使學(xué)生能在輕松愉悅和諧的課堂氛圍中不斷開拓自己的創(chuàng)新思維，提升創(chuàng)新的能力。

逆時針方向上，學(xué)生作為個體存在，有發(fā)揮自己想象力的需求，同時他們的想象需要向人傾訴，被人認可，甚至有人支持，刺激他們尋找伙伴，合作創(chuàng)新，組內(nèi)合作，組間競爭。小組合作同樣激起了年輕人的競爭意識，例如項目中，每個小組形成了最終的作品，發(fā)布到網(wǎng)上發(fā)起網(wǎng)投及評價，啟動小組間競爭機制，在激起學(xué)生競爭意識的同時，激發(fā)了學(xué)生學(xué)習(xí)的積極性，使其在創(chuàng)作過程中實現(xiàn)自我價值，并且競爭又再次激勵學(xué)生積極主動地做更多的探究，探究過程需要反復(fù)實踐、反復(fù)地嘗試，從而有效提升學(xué)生的綜合能力。

在使用Specific五位一體學(xué)習(xí)方法的教學(xué)實踐過程中，五種元素雙向構(gòu)成閉環(huán)，課堂達成元素和諧、生作和諧、生生和諧與師生和諧的目的。

知行合一，始致良知，讓學(xué)生在反復(fù)的實踐操作過程當(dāng)中逐步掌握了崗位設(shè)置所需求的能力。在教學(xué)中，可以用工作任務(wù)引領(lǐng)教學(xué)，讓學(xué)生參照崗位需要和職業(yè)標(biāo)準(zhǔn)，以工作任務(wù)為中心；教師根據(jù)重難點設(shè)置劃分任務(wù)模塊，引導(dǎo)學(xué)生逐步完成網(wǎng)頁項目；學(xué)生在完成工作任務(wù)的過程中學(xué)習(xí)知識、掌握技術(shù)、提高技能，獲取一定的邏輯思維能力，培養(yǎng)良好的代碼編寫習(xí)慣，既能提升相應(yīng)的能力，又可以養(yǎng)成必備的職業(yè)道德及人文素養(yǎng)，提前適應(yīng)Web前端軟件編碼、軟件測試、軟件技術(shù)服務(wù)等工作的崗位需求，在和諧的課堂氛圍中實現(xiàn)“做中學(xué)”與“做中教”。

四、課程實踐能力培養(yǎng)的重點

《網(wǎng)頁設(shè)計與制作》課程是專業(yè)技術(shù)課程，在計算機應(yīng)用基礎(chǔ)、計算機網(wǎng)絡(luò)技術(shù)等課程之后進行開設(shè)，主要是由于學(xué)生已掌握計算機技術(shù)知識與操作技能能力，在了解網(wǎng)站設(shè)計的各種基礎(chǔ)知識時會比較快捷，還可以利用學(xué)習(xí)到的理論知識制作富有特點的網(wǎng)頁。因此，基于Specific學(xué)習(xí)方法的教學(xué)實踐中，應(yīng)當(dāng)以能力為基礎(chǔ)，強化素質(zhì)教育，提高學(xué)生職業(yè)能力，使學(xué)生更好地服務(wù)于經(jīng)濟社會發(fā)展，促使學(xué)生在網(wǎng)頁設(shè)計與制作課程中不斷提高自身綜合能力和綜合素質(zhì)，并掌握網(wǎng)頁設(shè)計與制作的基本職業(yè)技能，進一步提升學(xué)生網(wǎng)站策劃、設(shè)計和制作能力。

準(zhǔn)備階段：第一，確定網(wǎng)站主題。在網(wǎng)站主題確定背景下，應(yīng)當(dāng)結(jié)合學(xué)生學(xué)習(xí)興趣特點進行設(shè)計，引導(dǎo)學(xué)生貼近生活，做有意義的事情。例如，以地方介紹為主題進行網(wǎng)站設(shè)計，讓學(xué)生對地方進行深入了解，搜集相關(guān)的風(fēng)光、歷史、文化、美食等方面資料，確定所要設(shè)計的地方介紹主題網(wǎng)站欄目。第二，確定網(wǎng)站風(fēng)格。針對網(wǎng)站設(shè)計與制作課程開展競賽活動的特點，讓學(xué)生在網(wǎng)站設(shè)計與制作的過程中，激發(fā)自身的網(wǎng)頁美術(shù)設(shè)計靈感與熱情，提高網(wǎng)站的美術(shù)設(shè)計效果，從而在網(wǎng)站設(shè)計的細節(jié)上塑造出地方介紹主題網(wǎng)站的風(fēng)格。第三，確定使用技術(shù)和數(shù)據(jù)庫。針對“做中學(xué)”“做中教”的理實一體化的教學(xué)，學(xué)生是否掌握網(wǎng)頁設(shè)計與制作課程中的基礎(chǔ)知識和技能，對于網(wǎng)頁設(shè)計與制作的成品效果具有一定的影響。如學(xué)生對access數(shù)據(jù)庫較為了解，可協(xié)助學(xué)生應(yīng)用asp編程設(shè)計、PS軟件的高級使用技術(shù)。

制作階段：第一，要讓學(xué)生通過PS等技術(shù)將網(wǎng)站頁面的完整效果圖創(chuàng)作出來，包含網(wǎng)站中的導(dǎo)航線、按鈕圖標(biāo)、頁眉和頁腳等主要部分；要求學(xué)生根據(jù)當(dāng)?shù)卣故镜木W(wǎng)頁風(fēng)格特點，對網(wǎng)站設(shè)計與內(nèi)容運用進行整合，從而對地方介紹主題網(wǎng)頁作出清晰定位。第二，網(wǎng)站上大量使用圖片，主要是為了增加整體頁面的動感，生動展示出地方介紹主題網(wǎng)頁的內(nèi)容，落實主次分明且主題明確的網(wǎng)頁設(shè)計與制作。第三，應(yīng)用內(nèi)聯(lián)框架布局，主要是利用css頁面控制網(wǎng)頁格式，以提升頁面制作的整體效果，便于學(xué)生對網(wǎng)站后期的維護管理等工作。第四，教師指導(dǎo)學(xué)生注意設(shè)計中的細節(jié)處。當(dāng)各個模塊全部設(shè)計完畢后，老師應(yīng)當(dāng)對學(xué)生已完成的整個接口設(shè)計結(jié)果進行檢查，引導(dǎo)學(xué)生找到影響網(wǎng)站設(shè)計效果的細節(jié)缺陷和問題，指導(dǎo)學(xué)生及時地對網(wǎng)站接口的設(shè)計功能進行調(diào)整，實現(xiàn)基于Specific學(xué)習(xí)方法的邊實踐邊訓(xùn)練，提升理論與實踐教學(xué)的有機結(jié)合效果。

五、項目式教學(xué)設(shè)計

在《網(wǎng)頁設(shè)計與制作》課程教學(xué)中，由于教學(xué)主要涉及的職業(yè)崗位能力是網(wǎng)站界面設(shè)計與網(wǎng)頁管理及維護，針對這兩種職業(yè)崗位能力特點，通過選擇適當(dāng)?shù)恼n程內(nèi)容加以充實，創(chuàng)新優(yōu)化教學(xué)方式，有利于培養(yǎng)學(xué)生職業(yè)崗位能力，提升學(xué)生職業(yè)崗位綜合水平。如圍繞欣賞網(wǎng)站、設(shè)計頁面和維護網(wǎng)頁進行，讓學(xué)生觀賞往屆優(yōu)秀學(xué)生的優(yōu)秀作品和不同的頁面風(fēng)格，不但可以激起學(xué)生學(xué)習(xí)的積極性，還可以持續(xù)激發(fā)學(xué)生的激情，促使學(xué)生積極主動地投入到項目式教學(xué)活動中。一個完整的項目網(wǎng)頁設(shè)計是由若干個部分網(wǎng)頁所組成的，教師應(yīng)當(dāng)圍繞課程教學(xué)難點進行簡化設(shè)計，帶領(lǐng)學(xué)生更加輕松地學(xué)習(xí)分頁面設(shè)計知識并掌握技能。在網(wǎng)頁設(shè)計好之后，定期地對網(wǎng)頁實施維護，作為項目式課程設(shè)計中的重要實踐環(huán)節(jié)，教師需要帶領(lǐng)學(xué)生逐一掌握網(wǎng)站技術(shù)與維護技術(shù)。此外，部分網(wǎng)站設(shè)計還包括有如下兩個層次：初級階段與高級階段。在初級階段一般以采用表單形式的頁面設(shè)計為主，而在高級則是以采用web方式的頁面設(shè)計為基礎(chǔ)。因此，教師可以針對學(xué)校的特點，選擇恰當(dāng)?shù)墓こ虒嵺`作為項目教學(xué)法的案例，在項目選取中按照職業(yè)工作特點，選擇相對應(yīng)的工程課程，以幫助學(xué)生了解課程中的主要知識點，在具體分析案例、論證、實施工程工作的過程中，協(xié)助學(xué)生掌握課程所需要教學(xué)的基礎(chǔ)知識點，并通過實踐、探究、總結(jié)等項目實踐環(huán)節(jié)，掌握網(wǎng)頁制作的技巧。

六、以賽促教，以賽促學(xué)，以賽促改

在《網(wǎng)頁設(shè)計與制作》課程教學(xué)實踐中，基于Specific學(xué)習(xí)方法，開展“競賽+實例”的教學(xué)活動，發(fā)揮出學(xué)生的比賽主體作用和課堂主導(dǎo)作用。特別是在比賽活動中，老師應(yīng)當(dāng)引導(dǎo)學(xué)生用實踐與探究式學(xué)習(xí)的方法開展網(wǎng)站設(shè)計和創(chuàng)作，教師可以通過調(diào)整比賽的活動內(nèi)容和要求，提高學(xué)生網(wǎng)頁設(shè)計的界面審美意識和整合調(diào)度能力。為注重訓(xùn)練學(xué)生的網(wǎng)頁編程能力與藝術(shù)設(shè)計創(chuàng)新能力，還可以把學(xué)生區(qū)分為不同的比賽小隊，各比賽小隊設(shè)有一個組長，對學(xué)生全部的網(wǎng)站設(shè)計項目實行統(tǒng)一統(tǒng)籌管理，然后向?qū)W生分派不同的網(wǎng)站設(shè)計和制作任務(wù)，確保全組成員在合作研究和實際運用的過程中完成全部項目，這不但可以培養(yǎng)學(xué)生的知識掌握能力和實踐操作能力，還能鍛煉學(xué)生團結(jié)合作、溝通、創(chuàng)新等能力。此外，在網(wǎng)頁設(shè)計與制作過程中，學(xué)生應(yīng)當(dāng)以自身的職業(yè)精神和職業(yè)能力為基礎(chǔ)，將自己所學(xué)到的網(wǎng)頁設(shè)計與制作知識轉(zhuǎn)變?yōu)閷嵺`操作成果，這對于學(xué)生學(xué)習(xí)發(fā)展與職業(yè)素養(yǎng)提升具有重要意義。由此可以看出，基于Specific學(xué)習(xí)方法的教學(xué)實踐中，在以學(xué)生為本理念下注重學(xué)生發(fā)展，而教育活動是實踐運用的基礎(chǔ)，使理論知識的簡單灌輸成為交互的，讓學(xué)生在積極主動練習(xí)的環(huán)境中，形成競爭和協(xié)作的思想，以此促使學(xué)生在學(xué)習(xí)知識和實踐操作后更具有積極主動性，達到在網(wǎng)頁設(shè)計與制作課程教學(xué)中給予學(xué)生身臨其境的實踐體驗的目標(biāo)，從而進一步磨煉和完善學(xué)生的綜合能力和綜合素質(zhì)。

七、結(jié)束語

Specific學(xué)習(xí)方法是在計算機學(xué)科課堂教學(xué)實踐過程中提煉得到，并在《網(wǎng)頁設(shè)計與制作》課程中嘗試應(yīng)用。這套學(xué)習(xí)方法的使用需要建立在了解學(xué)生基本學(xué)情的基礎(chǔ)上，熟練掌握學(xué)生的學(xué)習(xí)情況，科學(xué)合理地組建小組，并按個人特色分配小組任務(wù)，使小組合作得以常態(tài)開展。除此之外，還要基于學(xué)情，師生共商項目主題，結(jié)合學(xué)生關(guān)注的熱點規(guī)劃學(xué)習(xí)項目，設(shè)置學(xué)習(xí)任務(wù)模塊，創(chuàng)設(shè)學(xué)生喜聞樂見的活動并將其穿插進教學(xué)環(huán)節(jié)中。比如，在新冠疫情的特殊時期和全國垃圾分類政策推進期間，本著全員育人和全方位育人的要求，學(xué)生通過完成“抗擊疫情”與“垃圾分類”兩個項目，強化社會服務(wù)意識，激發(fā)愛國情感，在此過程中，教會學(xué)生懂得感恩，明確自身的擔(dān)當(dāng)和責(zé)任，充分抓住國家疫情防控、垃圾分類宣傳工作與本課程專業(yè)知識的密切關(guān)系，讓學(xué)生在搜集素材時體悟國情，感受國家的強大，厚植愛國主義情懷。

使用Specific學(xué)習(xí)方法可以更好地培養(yǎng)學(xué)生敬業(yè)、精益、專注、創(chuàng)新的工匠精神，讓學(xué)生在全面發(fā)展中提升核心素養(yǎng)，使學(xué)生的主體性得到充分體現(xiàn)，并在反復(fù)的實踐操作中逐步掌握崗位需求所要求的必備的職業(yè)崗位技能，同時，幫助學(xué)生更好地肯定自我，提升自我，建立學(xué)習(xí)自信，實現(xiàn)人生的價值。

作者單位：莊瀅 江蘇省吳江中等專業(yè)學(xué)校

參? 考? 文? 獻

黃曉敏. 淺談如何提高中職學(xué)校網(wǎng)頁設(shè)計與制作的教學(xué)質(zhì)量[J]. 電腦迷，2014（3）：78.

[2]杜晶晶. 情境導(dǎo)入在高中思想政治課堂教學(xué)中的運用[D]. 河南：河南大學(xué)，2017.

[3]彭金. 淺談小組合作學(xué)習(xí)的有效性[J]. 商情，2013（24）：236.