潘傳利

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

關鍵詞：中職學校;網(wǎng)頁設計;HTML5教材開發(fā)

引言：

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

就以我本人所在的這所中職教學為例，他們的計算機課主要學習如何設計網(wǎng)頁，所以一直在挑選優(yōu)秀的教學教材。在網(wǎng)絡上，大量的五花八門的教材更適合本科生和高職學生，適合中職學生的教材少之又少。這是因為在編寫教材時，他們沒有考慮到中職學生水平不高，對于抽象事物理解力較差，所以教材給出的案例不夠詳細和具體，中職學生閱讀起來就會非常吃力與困難。

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

1教材開發(fā)思路

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

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

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

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

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

2教材使用軟件探究

在網(wǎng)絡設計課程的教育中，我們的要求是希望學生可以學會并且熟練掌握Dreamweaver的運用，需要他們明白如何使用dreamweaver創(chuàng)造一個全新的網(wǎng)站。因為這個編輯器具有很高的便利性，所以學生難以學習并掌握HTML和CSS的語言語法。

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

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

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

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

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

二、教材開發(fā)體會

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

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

2教材內(nèi)容需定位在基礎實訓

基礎教育非常的重要，因為好的基礎教育可以通過實訓的方式讓學生理解基礎知識并且靈活運用。當然要根據(jù)不同學生的情況選擇不同的試教方式，和不同難度的知識點，并且讓學生反復練習，力爭熟練掌握該知識點，這樣才能提升學生運用這項技術和解決實際問題的能力。

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

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

三、結語

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

參考文獻：

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

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

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