中職《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)模式探析

黃延景

摘要：隨著現(xiàn)代信息化技術(shù)的高速發(fā)展，已經(jīng)有越來(lái)越多的企業(yè)對(duì)信息發(fā)布途徑進(jìn)行了改革更新，其中通過(guò)網(wǎng)絡(luò)渠道開(kāi)展產(chǎn)品營(yíng)銷的模式應(yīng)用最為廣泛，且應(yīng)用效果也很好。所以，當(dāng)前社會(huì)企業(yè)對(duì)于網(wǎng)頁(yè)設(shè)計(jì)專業(yè)人才的需求量呈現(xiàn)不斷增加的趨勢(shì)，然而在真實(shí)就業(yè)過(guò)程中，中職院校的畢業(yè)學(xué)生通常都無(wú)法切實(shí)滿足企業(yè)的真實(shí)需求。因此，該文針對(duì)中職《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)模式進(jìn)行了深入研究探析，以供參考。

關(guān)鍵詞：中職院校;《網(wǎng)頁(yè)設(shè)計(jì)與制作》;教學(xué)模式

中圖分類號(hào)：G642? ? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2021）06-0118-02

經(jīng)過(guò)大量調(diào)查發(fā)現(xiàn)，中職院?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》課程當(dāng)前存在很多不足與問(wèn)題，比如：教學(xué)模式太過(guò)單一、教學(xué)效率不高、章節(jié)之間連貫性不強(qiáng)以及太過(guò)注重技巧、忽視設(shè)計(jì)、學(xué)生專業(yè)技能跟企業(yè)需求不符等多個(gè)問(wèn)題。針對(duì)這些真實(shí)情況，教師應(yīng)當(dāng)不斷尋求最為科學(xué)、合理、多元且具備實(shí)踐操作性的教學(xué)模式，借此提升課堂教學(xué)效率、加強(qiáng)學(xué)生的動(dòng)手能力，為學(xué)生今后在就業(yè)時(shí)奠定堅(jiān)實(shí)基礎(chǔ)。

1 上好第一堂課，激發(fā)學(xué)生的學(xué)習(xí)興趣

對(duì)《網(wǎng)頁(yè)設(shè)計(jì)與制作》而言，第一節(jié)課的教學(xué)模式至關(guān)重要，其會(huì)直接影響到學(xué)生對(duì)該科目的興趣和教學(xué)效果，同時(shí)跟教師后續(xù)教學(xué)活動(dòng)的順利開(kāi)展、學(xué)生學(xué)習(xí)成績(jī)的提升也有密切關(guān)聯(lián)。因此，在進(jìn)行第一堂課時(shí)，一定要充分調(diào)動(dòng)學(xué)生的積極性，激發(fā)學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作的興趣，可優(yōu)先選取演示教學(xué)法。即首先對(duì)網(wǎng)頁(yè)制作的基礎(chǔ)理論知識(shí)以及詳細(xì)操作流程予以闡述介紹，然后對(duì)國(guó)內(nèi)外知名度較高的網(wǎng)站、學(xué)生制作的優(yōu)秀作品以及一些典型的個(gè)人站點(diǎn)予以全面深入分析，針對(duì)這些網(wǎng)站的整體布局、顏色搭配、網(wǎng)站風(fēng)格等方面以及如何通過(guò)圖片將自己的網(wǎng)站變得更加引人注目、更加獨(dú)具一格，并得到瀏覽人群的贊同和認(rèn)可。并對(duì)學(xué)生們說(shuō)，只要認(rèn)真學(xué)習(xí)《網(wǎng)頁(yè)設(shè)計(jì)與制作》，你們也能夠跟他們一樣，設(shè)計(jì)制作出如此優(yōu)秀的網(wǎng)站作品。

該教學(xué)模式，需要教師對(duì)一些優(yōu)秀、典型的網(wǎng)站予以全方位的分析，同時(shí)對(duì)網(wǎng)站制作、設(shè)計(jì)等方面的理論知識(shí)點(diǎn)進(jìn)行更加詳盡、深入的講解，在學(xué)生腦海中構(gòu)成井然有序的網(wǎng)頁(yè)網(wǎng)站概念體系。令學(xué)生在自己心中制定一個(gè)網(wǎng)站學(xué)習(xí)目標(biāo)，并不斷朝著這個(gè)目標(biāo)努力，加強(qiáng)學(xué)生相關(guān)自己獨(dú)自設(shè)計(jì)制作網(wǎng)站的意愿。而這個(gè)意愿恰好就是學(xué)生學(xué)習(xí)《網(wǎng)頁(yè)設(shè)計(jì)與制作》該門(mén)課程的強(qiáng)大動(dòng)力，也是學(xué)生能夠?qū)W好該課程的基本前提，同時(shí)這對(duì)教學(xué)效率與質(zhì)量的提升也有很大幫助。

2 改革教學(xué)模式，大力提升學(xué)生的實(shí)踐能力

《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程具備極強(qiáng)的實(shí)戰(zhàn)性，教學(xué)目標(biāo)是讓學(xué)生全面掌握并靈活運(yùn)用相關(guān)知識(shí)與技能，最終可以獨(dú)自進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作。要想對(duì)傳統(tǒng)教學(xué)模式進(jìn)行改革創(chuàng)新，一定要選取最為科學(xué)有效的教學(xué)方式，同時(shí)中職院校的教師跟學(xué)生也要充分配合，相互協(xié)作。比如：案例教學(xué)法，該教學(xué)模式在當(dāng)代教育界獲得了廣泛良好的應(yīng)用，而且跟該課程的內(nèi)容也十分符合。

比如：在學(xué)習(xí)3.2《框架（框架集）布局》這一章節(jié)時(shí)，教師首先對(duì)學(xué)生展示兩個(gè)網(wǎng)頁(yè)，其中一個(gè)是常規(guī)網(wǎng)頁(yè)，另一個(gè)是框架網(wǎng)頁(yè)，并提問(wèn)：這兩個(gè)網(wǎng)頁(yè)的區(qū)別是什么？由此引入框架網(wǎng)頁(yè)新課程。在實(shí)際教學(xué)活動(dòng)中，教師應(yīng)當(dāng)運(yùn)用常規(guī)制作方式設(shè)計(jì)網(wǎng)頁(yè)，然后再把該網(wǎng)頁(yè)遵循框架網(wǎng)頁(yè)的制作形式進(jìn)行操作，拆分、框架調(diào)整都會(huì)在該案例中充分詳細(xì)的呈現(xiàn)，讓學(xué)生們直觀、形象地看到框架網(wǎng)頁(yè)的制作過(guò)程。然后，教師再布置課后作業(yè)，讓學(xué)生們對(duì)課堂上所講述的知識(shí)點(diǎn)加深印象，加強(qiáng)鞏固，利用查漏補(bǔ)缺的形式提升教學(xué)質(zhì)量，使其實(shí)現(xiàn)最終預(yù)期。顯而易見(jiàn)，案例教學(xué)模式不僅可以讓學(xué)生回顧經(jīng)典案例的設(shè)計(jì)制作方式，還能夠讓其將自身具備的知識(shí)與技能予以遷移式進(jìn)展，可以說(shuō)是“一舉兩得”。

其次，要充分調(diào)動(dòng)學(xué)生的實(shí)踐動(dòng)手積極性，激發(fā)學(xué)生獨(dú)自設(shè)計(jì)制作框架網(wǎng)頁(yè)的興趣。在經(jīng)過(guò)以上案例教學(xué)模式之后，學(xué)生對(duì)新知識(shí)已經(jīng)有所掌握，接下來(lái)要做的就是“乘勢(shì)而上”，實(shí)施科學(xué)合理的措施開(kāi)拓知識(shí)范圍。該行徑能夠?qū)⒔虒W(xué)活動(dòng)延展至課堂外，讓學(xué)生自主操作、自主摸索，從而在腦海中創(chuàng)建出相關(guān)知識(shí)體系結(jié)構(gòu)，達(dá)到真正的心領(lǐng)神會(huì)、觸類旁通。比如：中職院校教師在開(kāi)展網(wǎng)頁(yè)設(shè)計(jì)中《數(shù)據(jù)庫(kù)的基本操作》等章節(jié)內(nèi)容時(shí)，當(dāng)學(xué)生充分掌握了知識(shí)點(diǎn)之后，可讓其獨(dú)自做些帶有引導(dǎo)性的課外任務(wù)，做到課內(nèi)課外教學(xué)互補(bǔ)，讓理論知識(shí)和實(shí)踐操作建立密切聯(lián)系，從而提升教學(xué)效率與質(zhì)量。

3 實(shí)施“教、學(xué)、做”一體的項(xiàng)目式教學(xué)方式

3.1 行動(dòng)導(dǎo)向、任務(wù)驅(qū)動(dòng)

以當(dāng)代社會(huì)及企業(yè)對(duì)網(wǎng)頁(yè)設(shè)計(jì)制作的實(shí)際需求作為入手點(diǎn)，嚴(yán)格遵循“做中學(xué)，做中教”的教學(xué)原則，把《網(wǎng)頁(yè)設(shè)計(jì)與制作》中的知識(shí)點(diǎn)轉(zhuǎn)化為網(wǎng)站實(shí)例制作的環(huán)節(jié)，并在具體設(shè)計(jì)制作過(guò)程中講解相關(guān)技巧、步驟等，特別是在具體制作網(wǎng)頁(yè)環(huán)節(jié)經(jīng)常應(yīng)用的“Div+CSS布局模式”，不斷優(yōu)化教材內(nèi)容，延伸HTML代碼的學(xué)習(xí)方式和內(nèi)容，借助課后練習(xí)設(shè)計(jì)實(shí)現(xiàn)對(duì)課堂教學(xué)講授知識(shí)的理解與掌握。

比如：首先創(chuàng)設(shè)相關(guān)情境，提出新任務(wù)。將根據(jù)所教授課程相關(guān)的音樂(lè)、動(dòng)畫(huà)短片或者圖片等創(chuàng)設(shè)生動(dòng)有趣的情境，激發(fā)學(xué)生的興趣，吸引學(xué)生的注意力，從而說(shuō)出實(shí)際任務(wù)，以及任務(wù)要求。其次，讓學(xué)生分組討論，并對(duì)學(xué)習(xí)任務(wù)進(jìn)行層次劃分，由易到難的予以解決，該方式可顯著提升學(xué)生的分析能力、思考能力以及解決問(wèn)題能力。最后，開(kāi)展任務(wù)實(shí)施環(huán)節(jié)，此時(shí)應(yīng)當(dāng)將學(xué)生當(dāng)作課堂主體。在完成任務(wù)期間，學(xué)生經(jīng)歷了自主分析、自主探究、分組討論等過(guò)程，對(duì)問(wèn)題進(jìn)行了妥善解決。而教師在該過(guò)程中充當(dāng)?shù)氖且龑?dǎo)者、輔助者以及任務(wù)發(fā)布者，對(duì)學(xué)生進(jìn)行合理的指導(dǎo)點(diǎn)撥，使其能夠更加順利、快速地做完任務(wù)。

3.2 循環(huán)往復(fù)教學(xué)法

講解理論知識(shí)—?jiǎng)邮謱?shí)踐操作—自我反思—講解理論知識(shí)—?jiǎng)邮謱?shí)踐操作，這就是循環(huán)往復(fù)教學(xué)方式的全部過(guò)程。其能夠提升學(xué)生對(duì)知識(shí)的理解程度與掌握程度，尤其是《網(wǎng)頁(yè)設(shè)計(jì)與制作》中的第四章《動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)》課程，該小節(jié)知識(shí)點(diǎn)極多，且難度系數(shù)也較高，學(xué)生比較難理解，一定要多次反復(fù)講解、實(shí)踐，借此強(qiáng)化學(xué)生的記憶，加深學(xué)生的理解，方能取得顯著的教學(xué)效果。需要注意的是，應(yīng)當(dāng)采取科學(xué)合理的措施激發(fā)學(xué)生的學(xué)習(xí)興趣，同時(shí)教師也要對(duì)該小節(jié)進(jìn)行全面充分地理解，建立相應(yīng)的知識(shí)框架結(jié)構(gòu)，在講解過(guò)程中要由表及里、突出重點(diǎn)、分散難點(diǎn)，注重邏輯性，為學(xué)生理解這些知識(shí)點(diǎn)提供有力幫助。

4 優(yōu)化教學(xué)方法，提升學(xué)習(xí)效果

4.1 小組合作，加強(qiáng)團(tuán)隊(duì)精神

教師在對(duì)中職學(xué)生布置網(wǎng)頁(yè)設(shè)計(jì)作業(yè)時(shí)，一定要注重團(tuán)隊(duì)合作的重要作用，并鼓勵(lì)學(xué)生記住小組利用團(tuán)隊(duì)合作的方法完成課后作業(yè)。同時(shí)也要將小組內(nèi)各成員如何進(jìn)行合作的步驟提供給學(xué)生，讓其進(jìn)行參考。

比如：首先對(duì)班級(jí)學(xué)生進(jìn)行分組，選擇學(xué)習(xí)成績(jī)、道德素養(yǎng)都比較優(yōu)秀的學(xué)生當(dāng)小組長(zhǎng)，小組長(zhǎng)負(fù)責(zé)對(duì)網(wǎng)站制作項(xiàng)目進(jìn)行籌劃以及對(duì)組內(nèi)各成員的職責(zé)進(jìn)行分配。其次，小組長(zhǎng)對(duì)各個(gè)成員的興趣進(jìn)行統(tǒng)計(jì)匯總，然后確定網(wǎng)站主題。小組內(nèi)的成員至少要負(fù)責(zé)2個(gè)子頁(yè)。分組完成之后，各小組開(kāi)始對(duì)自己網(wǎng)站的版面布局、顏色搭配、logo設(shè)計(jì)等進(jìn)行制作。在該環(huán)節(jié)，每個(gè)小組都要呈交設(shè)計(jì)草圖，并且該草圖必須是通過(guò)Photo shop或者Fire works所制作出來(lái)的。然后由主要負(fù)責(zé)人對(duì)該網(wǎng)站設(shè)計(jì)理念予以講解，教師跟其他組學(xué)生對(duì)其進(jìn)行合理評(píng)價(jià)，并提出改善建議。之后是網(wǎng)站制作環(huán)節(jié)，由于該環(huán)節(jié)頁(yè)面數(shù)量眾多，所以各小組需要隔一段時(shí)間就將制作進(jìn)程報(bào)告給教師，然后派遣小組成員對(duì)一些比較重要的頁(yè)面予以演示。教師則需要對(duì)制作進(jìn)程予以有效控制，若是發(fā)現(xiàn)問(wèn)題應(yīng)當(dāng)即刻對(duì)其進(jìn)行指正。對(duì)每個(gè)小組所設(shè)計(jì)頁(yè)面中的文字、圖片顯示、連接使用、不同瀏覽器下網(wǎng)站等多個(gè)方面進(jìn)行嚴(yán)格測(cè)試，查看其運(yùn)行能否充分滿足設(shè)計(jì)標(biāo)準(zhǔn)需求。此外，各小組還應(yīng)當(dāng)對(duì)每一項(xiàng)測(cè)試數(shù)據(jù)進(jìn)行詳細(xì)記錄，最后予以整合匯總，交給教師，由教師進(jìn)行審核，并對(duì)各組存在的問(wèn)題、不足和缺陷一一進(jìn)行分析解決。各小組自主申請(qǐng)免費(fèi)主頁(yè)空間，運(yùn)用FTP工具發(fā)布所制作設(shè)計(jì)的網(wǎng)站。當(dāng)然，所提交的網(wǎng)站域名僅供教師與學(xué)生進(jìn)行訪問(wèn)。

4.2 作品展示與評(píng)價(jià)，推動(dòng)學(xué)生個(gè)性化發(fā)展

在實(shí)際教學(xué)活動(dòng)中，教師應(yīng)當(dāng)加大對(duì)學(xué)生設(shè)計(jì)作品的展示力度，并讓其他學(xué)生暢所欲言，共同對(duì)該作品進(jìn)行評(píng)價(jià)。同時(shí)，教師也要說(shuō)明評(píng)價(jià)網(wǎng)頁(yè)的準(zhǔn)則、方式等，比如：在實(shí)際評(píng)價(jià)過(guò)程中，應(yīng)當(dāng)先對(duì)該作品進(jìn)行表示肯定，加強(qiáng)學(xué)生的自信心，之后再站在專業(yè)角度指出它所存在的問(wèn)題。如此方能全面調(diào)動(dòng)學(xué)生的學(xué)習(xí)主動(dòng)性，提升學(xué)生的成就感。

通過(guò)將學(xué)生作品予以展示這個(gè)環(huán)節(jié)，不僅為學(xué)生提供了展示自我學(xué)識(shí)、能力的良好平臺(tái)，同時(shí)還培養(yǎng)了學(xué)生的自我反思能力。而其他學(xué)生對(duì)該作品的評(píng)價(jià)，既能夠讓這些學(xué)生對(duì)他人作品具備初步了解，從而知曉自身的短板，進(jìn)而更加努力認(rèn)真的學(xué)習(xí)，又能為這些學(xué)生指明之后學(xué)習(xí)的大方向，最后真正實(shí)現(xiàn)個(gè)性化教學(xué)。除此之外，還能夠創(chuàng)建網(wǎng)絡(luò)討論平臺(tái)BBS，以供學(xué)生們共同探討，并將學(xué)生制作的作品放在教學(xué)網(wǎng)站，讓大家欣賞，并選出最佳作品，對(duì)學(xué)生進(jìn)行表?yè)P(yáng)夸贊，增強(qiáng)學(xué)生的自信心與學(xué)習(xí)該課程的興趣。

5 結(jié)束語(yǔ)

綜上所述，對(duì)中職學(xué)生而言，《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程中重難點(diǎn)知識(shí)點(diǎn)較多，理解、學(xué)習(xí)都有一定難度。因此教師應(yīng)當(dāng)全面革新傳統(tǒng)教學(xué)模式，對(duì)案例教學(xué)法、“教、學(xué)、做”教學(xué)模式進(jìn)行充分靈活的運(yùn)用，調(diào)動(dòng)學(xué)生學(xué)習(xí)的積極性，拓展學(xué)生的知識(shí)面，提升學(xué)生解決問(wèn)題的能力，讓學(xué)生跟工作崗位之間實(shí)現(xiàn)零距離接觸，為中職畢業(yè)生就業(yè)奠定堅(jiān)實(shí)基礎(chǔ)。

參考文獻(xiàn)：

[1] 張純紅.項(xiàng)目教學(xué)法在中職網(wǎng)頁(yè)制作課程教學(xué)中的實(shí)踐研究[J].才智，2019（11）：123.

[2] 丁仲海.淺析中職學(xué)校網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)策略[J].考試周刊，2019（28）：17.

[3] 張彬.翻轉(zhuǎn)課堂在中職網(wǎng)頁(yè)制作課程教學(xué)中的應(yīng)用——以“網(wǎng)站模板的使用”為例[J].西部素質(zhì)教育，2018，4（23）：120-121.

[4] 段珊珊.OBE-CDIO教育理念在《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)中的探索與實(shí)踐[J].電腦知識(shí)與技術(shù)，2018，14（28）：126-127，132.

[5] 王芳.中職院校網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)實(shí)踐研究[J].中國(guó)教育技術(shù)裝備，2018（15）：135-136.

[6] 秦福生.PBL教學(xué)模式在中職網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)中的實(shí)踐與思考——以制作“班級(jí)相冊(cè)網(wǎng)站”為例[J].廣西教育，2018（18）：114-115.

【通聯(lián)編輯：代影】