中職計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)教學(xué)的若干實(shí)踐探索

潘傳利

摘要：屬于互聯(lián)網(wǎng)的熱潮正在悄悄到來(lái)，為此許多中職的學(xué)生也有了更多就業(yè)的崗位，與此同時(shí)HTML5也因?yàn)楸辉S多人使用而變成傳統(tǒng)網(wǎng)頁(yè)最大的對(duì)手。網(wǎng)頁(yè)設(shè)計(jì)是中職學(xué)校主要的課程，工欲善必先利其器，教材質(zhì)量的好壞決定了教學(xué)質(zhì)量的高低。因此，以HTML5作為實(shí)驗(yàn)例子，筆者將講述自己對(duì)于中職學(xué)校如何提高網(wǎng)頁(yè)設(shè)計(jì)教學(xué)提出自己的看法，同時(shí)還會(huì)結(jié)合現(xiàn)實(shí)情況給予合理的建議。

關(guān)鍵詞：中職學(xué)校;網(wǎng)頁(yè)設(shè)計(jì);HTML5教材開(kāi)發(fā)

引言：

目前，中等職業(yè)學(xué)校的目的是為國(guó)家教育前端操作型人才。因此這類(lèi)學(xué)校使用的教材非常重要，因?yàn)榻處熍c學(xué)生之間的聯(lián)系全靠教材，知識(shí)的傳播也靠教材，教材質(zhì)量決定教學(xué)質(zhì)量越好，也決定教出的學(xué)生如何。

就以我本人所在的這所中職教學(xué)為例，他們的計(jì)算機(jī)課主要學(xué)習(xí)如何設(shè)計(jì)網(wǎng)頁(yè)，所以一直在挑選優(yōu)秀的教學(xué)教材。在網(wǎng)絡(luò)上，大量的五花八門(mén)的教材更適合本科生和高職學(xué)生，適合中職學(xué)生的教材少之又少。這是因?yàn)樵诰帉?xiě)教材時(shí)，他們沒(méi)有考慮到中職學(xué)生水平不高，對(duì)于抽象事物理解力較差，所以教材給出的案例不夠詳細(xì)和具體，中職學(xué)生閱讀起來(lái)就會(huì)非常吃力與困難。

一、教材開(kāi)發(fā)探究

1教材開(kāi)發(fā)思路

關(guān)于如何拓展教材的教學(xué)思路，筆者翻閱了大量記載如何制定中職網(wǎng)頁(yè)設(shè)計(jì)教學(xué)標(biāo)準(zhǔn)的書(shū)籍。大致內(nèi)容如下：網(wǎng)頁(yè)設(shè)計(jì)課在中職課程中屬于一類(lèi)非常重要的基礎(chǔ)課程，這門(mén)課程的目的是服務(wù)于Web的前端開(kāi)發(fā)，同時(shí)為后來(lái)的網(wǎng)站打好開(kāi)發(fā)動(dòng)態(tài)的基礎(chǔ)。課程教學(xué)的目的是為了讓學(xué)生了解網(wǎng)絡(luò)技術(shù)的發(fā)展史，學(xué)會(huì)使用常用的制作工具，理解Html的語(yǔ)言語(yǔ)法，熟練掌握Css語(yǔ)法等。任何有關(guān)網(wǎng)頁(yè)設(shè)計(jì)的流程都要熟練掌握。

網(wǎng)頁(yè)設(shè)計(jì)課程的要求明確指出同學(xué)應(yīng)當(dāng)學(xué)習(xí)并且明白和掌控HTML語(yǔ)言，還要學(xué)會(huì)利用Dreamweaver程序。如今市場(chǎng)上絕大部分的教材普遍把重點(diǎn)放在如何使用Dreamweaver的講解上，或者詳細(xì)講解各種軟件程序的語(yǔ)法。

在2014年的時(shí)候，經(jīng)過(guò)將近8年的努力后，終于在10月29日，HTML5的規(guī)范標(biāo)準(zhǔn)終于被制定完成。HTML5具有可以掃描圖片，流暢播放視頻和音樂(lè)等優(yōu)勢(shì)同時(shí)其他平臺(tái)還與之兼容，因此它才成為傳統(tǒng)網(wǎng)頁(yè)的對(duì)手。

最近幾年間，HTML5正在以迅猛的速度不斷發(fā)展，相對(duì)應(yīng)的工作崗位的數(shù)量也在急劇增多。但是社會(huì)上的學(xué)校，也包括筆者所在的學(xué)校仍然在用老舊的教材進(jìn)行教學(xué)。

為了解決這個(gè)問(wèn)題，筆者與其他幾位教師達(dá)成合作。我們一起開(kāi)始研究新的教材。新教材的名字就叫《HTML5基礎(chǔ)實(shí)訓(xùn)》。這本教材可以帶領(lǐng)學(xué)生了解目前HTML5的現(xiàn)狀和未來(lái)發(fā)展趨勢(shì)。同時(shí)學(xué)生還能通過(guò)這本教材了解如何設(shè)計(jì)一個(gè)網(wǎng)頁(yè)，提前了解HTML5的基礎(chǔ)知識(shí)。我們的初衷是希望學(xué)生可以了解行業(yè)情況，具備現(xiàn)代的編程思維，提升與人溝通的能力，開(kāi)闊視野，提高學(xué)習(xí)與觀察能力。

2教材使用軟件探究

在網(wǎng)絡(luò)設(shè)計(jì)課程的教育中，我們的要求是希望學(xué)生可以學(xué)會(huì)并且熟練掌握Dreamweaver的運(yùn)用，需要他們明白如何使用dreamweaver創(chuàng)造一個(gè)全新的網(wǎng)站。因?yàn)檫@個(gè)編輯器具有很高的便利性，所以學(xué)生難以學(xué)習(xí)并掌握HTML和CSS的語(yǔ)言語(yǔ)法。

首先，我們要承認(rèn)中職學(xué)生的學(xué)習(xí)能力并不強(qiáng)大，大多數(shù)人的自控能力都有問(wèn)題，惰性很大。所以針對(duì)這個(gè)現(xiàn)實(shí)問(wèn)題，一方面我們要改正學(xué)生的學(xué)習(xí)習(xí)慣另一方面還要改進(jìn)設(shè)計(jì)。在設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，我們往往傾向于利用豐富的網(wǎng)頁(yè)元素來(lái)完成網(wǎng)頁(yè)的設(shè)計(jì)，雖然學(xué)生最后也完成了任務(wù)，但本質(zhì)上他們并沒(méi)有學(xué)會(huì)編輯網(wǎng)頁(yè)的本領(lǐng)，哪怕出了問(wèn)題可能都找不到解決問(wèn)題的切入口，那么這種設(shè)計(jì)出來(lái)的課程知識(shí)一個(gè)空殼子。再者，dreamweaver程序中的CSS面板還有各種屬性面板對(duì)于學(xué)生都太方便了，學(xué)生哪怕沒(méi)有熟記CSS的語(yǔ)法規(guī)則都能完成布置下來(lái)的任務(wù)，那么這種網(wǎng)頁(yè)設(shè)計(jì)的教學(xué)對(duì)于學(xué)生未來(lái)的就業(yè)沒(méi)有一點(diǎn)好處。

為此，《HTML5基礎(chǔ)實(shí)訓(xùn)》教材最終認(rèn)可了SublimeText3編輯器，這里簡(jiǎn)單地介紹一下這個(gè)編輯器（以下簡(jiǎn)稱(chēng)sub）sub編輯器使用起來(lái)是不要錢(qián)的，同時(shí)上手快，幾乎每一臺(tái)電腦都能運(yùn)行，與平臺(tái)的兼容性也很高，各種系統(tǒng)上都可以運(yùn)行這個(gè)編輯器。sub還具有以下特點(diǎn)，擁有漂亮的用戶界面，書(shū)簽設(shè)計(jì)獨(dú)特，可以完成項(xiàng)目切換，提供多選擇多窗口等功能，可以拓展學(xué)生的想象力，同時(shí)還可以檢查學(xué)生的拼寫(xiě)錯(cuò)誤合理地幫助學(xué)生提高使用編輯器的水平。

3教材內(nèi)容探究

在傳統(tǒng)教育當(dāng)中的教材存在許多缺點(diǎn)，例如知識(shí)的過(guò)于分散，案例之間缺少聯(lián)系，難以讓學(xué)生感受到設(shè)計(jì)與開(kāi)發(fā)網(wǎng)頁(yè)的快感。況且中職的學(xué)生能力不行，無(wú)法建立一個(gè)完整的知識(shí)系統(tǒng)，也就更難掌握網(wǎng)頁(yè)的整體設(shè)計(jì)。

在安排教學(xué)內(nèi)容時(shí)，筆者主要負(fù)責(zé)這一點(diǎn)。以某一個(gè)網(wǎng)站為主體，在設(shè)計(jì)的時(shí)候添加各種有關(guān)網(wǎng)頁(yè)知識(shí)的知識(shí)點(diǎn)，然后在每一個(gè)項(xiàng)目中插入對(duì)應(yīng)的模塊，把每一個(gè)項(xiàng)目劃分為其他不同的任務(wù)，每一個(gè)任務(wù)對(duì)應(yīng)不同的知識(shí)點(diǎn)?？傊?，要靈活運(yùn)用知識(shí)，將知識(shí)點(diǎn)聯(lián)系起來(lái)，把每個(gè)知識(shí)運(yùn)用到案例當(dāng)中。讓學(xué)生學(xué)會(huì)知識(shí)，利用知識(shí)，培育他們強(qiáng)化項(xiàng)目和開(kāi)發(fā)應(yīng)用的能力。

二、教材開(kāi)發(fā)體會(huì)

1開(kāi)發(fā)好一本教材需要教師真實(shí)展現(xiàn)前端web工程的情況

web前端工程師是一個(gè)具有高標(biāo)準(zhǔn)的崗位，前來(lái)應(yīng)聘的人都要具備扎實(shí)的HTML5和CSS的基礎(chǔ)。同時(shí)還要具備規(guī)范的編碼能力，先進(jìn)的編程思想，出色的溝通能力。選取一些特定的項(xiàng)目作為教材案例，例如一些符合主流的，能夠激發(fā)學(xué)生興趣的，對(duì)不同的知識(shí)有針對(duì)性的案例。同時(shí)教材還要滿足學(xué)生在學(xué)習(xí)中練習(xí)，練習(xí)后理解，理解時(shí)鞏固。

2教材內(nèi)容需定位在基礎(chǔ)實(shí)訓(xùn)

基礎(chǔ)教育非常的重要，因?yàn)楹玫幕A(chǔ)教育可以通過(guò)實(shí)訓(xùn)的方式讓學(xué)生理解基礎(chǔ)知識(shí)并且靈活運(yùn)用。當(dāng)然要根據(jù)不同學(xué)生的情況選擇不同的試教方式，和不同難度的知識(shí)點(diǎn)，并且讓學(xué)生反復(fù)練習(xí)，力爭(zhēng)熟練掌握該知識(shí)點(diǎn)，這樣才能提升學(xué)生運(yùn)用這項(xiàng)技術(shù)和解決實(shí)際問(wèn)題的能力。

3教材內(nèi)容組織需要考慮中職學(xué)生學(xué)情

中職學(xué)生也有很多優(yōu)點(diǎn)，比如性格活潑，動(dòng)手能力強(qiáng)，操作經(jīng)驗(yàn)豐富等，但是優(yōu)點(diǎn)的對(duì)面缺點(diǎn)也很多，例如理解力差，自控力不強(qiáng)，惰性太大等。因此在編寫(xiě)教材時(shí)我們要考慮如何激發(fā)學(xué)生的興趣，讓他們愛(ài)上學(xué)習(xí)，愿意學(xué)習(xí)主動(dòng)學(xué)習(xí)，讓他們享受到學(xué)習(xí)的樂(lè)趣，筆者在此鄭重提醒各位從業(yè)者要思考這個(gè)問(wèn)題。

三、結(jié)語(yǔ)

互聯(lián)網(wǎng)時(shí)代的到來(lái)對(duì)于學(xué)習(xí)計(jì)算機(jī)的中職學(xué)生來(lái)說(shuō)是一件好事，因?yàn)檫@意味著未來(lái)適合他們的就業(yè)崗位會(huì)增多。與此同時(shí)國(guó)家也很注重互聯(lián)網(wǎng)產(chǎn)業(yè)的發(fā)展，對(duì)此投入了許多人力與物力，政府也在重視中職人才培養(yǎng)的問(wèn)題。因此我們一定要重視我們遇到的問(wèn)題，解決了它們我們才能培育出適合新時(shí)代的互聯(lián)網(wǎng)人才。

參考文獻(xiàn)：

[1]陳麗穎中職《網(wǎng)頁(yè)設(shè)計(jì)》教材編寫(xiě)的實(shí)踐與思考[J].廣西教育，2015（1）.

[2]丁春暉中職計(jì)算機(jī)及應(yīng)用專(zhuān)業(yè)項(xiàng)目課程校本教材開(kāi)發(fā)的思考[J].職業(yè)技術(shù)教育，2010，31（8）：65-67.

[3]張寶升.中職學(xué)校校本教材開(kāi)發(fā)研究長(zhǎng)沙：湖南師范大學(xué)，2015.