中職學校網頁設計教材開發探究

肖靜

[摘? ? ? ? ? ?要]? “互聯網+”時代的到來，為中職計算機專業學生提供了大量的工作崗位，同時HTML5的廣泛應用也給傳統網頁設計帶來了巨大挑戰。網頁設計作為中職學校計算機專業主干課程，教材是影響教學的關鍵因素。通過以開發HTML5基礎實訓為例，闡述中職學校網頁設計教材開發背景以及對開發過程的思考，并結合教材開發中的問題提出建議。

[關? ? 鍵? ?詞]? 中職學校;網頁設計;HTML5教材開發

[中圖分類號]? G712? ? ? ? ? ? ? ? [文獻標志碼]? A? ? ? ? ? ? ? [文章編號]? 2096-0603（2019）11-0126-02

中等職業學校是培養社會急需的一線技能型應用人才。中職學校所使用的教材是教師“教”與學生“學”的最直接工具，是傳授知識和技能的重要載體，教材的高質量和高適用性直接關系到人才培養的質量。

以筆者所在中職學校計算機專業為例，網頁設計課程作為專業主干課，一直以來都為選擇適合的教材發愁，網上琳瑯滿目的教材適用群體大多數為本科院校學生或高職院校學生，沒有考慮到中職學生的學習起點低的因素;教材內容過于理論化和抽象化，沒有考慮到中職學生理解能力不足的因素;教材案例不夠詳細具體，難度偏高，沒有考慮到中職學生自學困難的因素。

中國互聯網協會和國家互聯網應急中心于2018年1月9日聯合發布了《互聯網行業運行指數——中國網站》報告。報告中顯示，截至2017年底，我國網站數量達到526.06萬個。這么多網站需要多少人設計、維護崗位？這么多崗位中又有多少面向中職學生呢？據筆者對當地的網站就業情況了解，網站方向的崗位眾多，尤其當下的中小型網站開發公司需要大量的HTML設計人員，然后網站方向的中職畢業生能找到對口方向工作崗位的比例較低。對口就業率低的最重要原因就是中職學生的網頁設計能力達不到公司崗位要求，而影響學生工作能力的很大原因在于教材選擇不當。

一、教材開發探究

（一）教材開發思路

筆者查閱了大量有關中職網頁設計課程標準的文獻，對該課程標準概括為：網頁設計課程是中等職業學校計算機專業一門重要的專業必修課，定位于Web前端開發類崗位，為后續的動態網站開發打下基礎。課程的教學目標是使學生了解網頁技術的發展、常用制作工具（Dreamweaver）;理解HTML語言和CSS語法;熟練運用Photoshop軟件美化、制作網頁圖片以及Flash軟件制作網頁動畫;掌握網頁設計的工作流程。

網頁設計課程標準強調了教學重點是讓學生理解和運用HTML語言，熟練使用Dreamweaver軟件開發網頁。市面上大多教材包括筆者所在學校使用的教材都側重利用Dreamweaver軟件講解HTML語言和CSS語法。

2014年10月29日，經過接近8年的艱苦努力，HTML5標準規范終于制定完成，由于HTML5在掃描圖形、播放視頻和音頻等方面的改進以及多平臺支持性，對傳統網頁設計發起了巨大挑戰。

近幾年，HTML5的發展勢頭猛烈，崗位需求量急增，而為社會培養一線技能型應用人才的大多數中職學校包括筆者所在學校在內，還一直在使用傳統網頁設計教材來講授HTML4語言。

為此，筆者協同其他教師共同開發《HTML5基礎實訓》教材，學生通過學習教材，能夠了解HTML5的發展趨勢及應用領域;知道網頁設計的流程;具備扎實的HTML5&CSS3開發基礎，代碼的書寫符合前端編碼規范，具備良好的編程思想;具有良好的溝通能力，能夠關注最新行業動態，具備新技術的研究與學習能力，對自己有合理的定位。

（二）教材使用軟件探究

網頁設計課程標準中強調熟練使用Dreamweaver軟件開發網頁，Dreamweaver軟件是集網頁制作和管理網站于一身的所見即所得網頁代碼編輯器，一直以來都作為網頁教學工具軟件，然而正由于Dreamweaver軟件的便利性，不利于學生熟悉掌握HTML語言和CSS語法。

首先，中職學生由于學習習慣上的懶惰，在進行網頁設計時，習慣通過在設計視圖添加網頁元素來完成網頁效果，本質上沒有熟練掌握HTML語言，一旦遇到網頁運行效果問題時不會查找HTML原因，久而久之就培養出一個只會使用所見即所得網頁代碼編輯器開發網頁而不懂HTML內涵的“空殼子”。其次，Dreamweaver軟件中的CSS面板、屬性面板都可以“方便”地讓學生不用熟記CSS語法，就能完成網頁樣式的設計，這對學生未來的職業發展也是不利的。

為此，《HTML5基礎實訓》教材最終選擇了Sublime Text3編輯器作為前端開發工具，Sublime Text3是一款免費的文本編輯器，安裝容易，對硬件要求不高，跨平臺，同時支持Windows、Linux和Mac OSX等操作系統，方便學生課后安裝使用。Sublime Text3具有漂亮的用戶界面以及書簽、即時項目切換、多選擇和多窗口等功能方便學生網站開發，同時拼寫檢查、代碼提示功能適當幫助學生正確掌握HTML語言和CSS語法。

（三）教材內容探究

傳統中職網頁設計教材，普遍存在知識點過于零散、案例彼此之間缺乏聯系、初學者體驗不到網頁設計與開發流程感的缺點，中職學生由于獨立建構知識體系能力不足的原因，更難掌握網頁整體設計。

在教材內容安排上，筆者致力于彌補這一缺陷，以某一個具體網站開發為主線，將網頁設計的知識點融入主線中，每一個項目對應主線網站中的模塊，項目劃分為不同的任務，不同的任務對應相應的知識點。通過“知識點—案例—任務—項目”一系列操作，從而熟悉網頁開發的整個流程，通過“做中學、學后練、練后用”的特點來確保學生在進行項目學習后能真正的消化知識并能靈活使用，最后通過綜合實訓項目強化開發應用能力。

教材內容包括9個項目，37個任務，具體內容見表。

二、教材開發體會

（一）教材開發需體現web前端開發工程師的真實工作情景

web前端開發工程師的工作崗位要求具備扎實的HTML5&CSS3開發基礎、編碼規范，還要具備良好的編程思想、溝通能力。選取主流的、學生喜歡且好奇、所用的知識針對性強的工作案例作為教材項目，教材需體現“做中學、學后練、練后用”的特點。確保學生在進行項目學習后能真正的消化知識并能靈活使用。

（二）教材內容需定位在基礎實訓

基礎實訓指通過實訓的方式掌握基礎知識和基本技能，依據中職學生學情，選取難度適當的基礎知識點，反復加強練習，使學生達到熟練程度，提升學生實際運用能力和解決問題的能力。

（三）教材內容組織需要考慮中職學生學情

中職學生既有活潑好動、操作能力強等優點，同時又有自控能力差、知識接受能力稍弱等缺點。如何通過教材能使學生有興趣學、堅持學、學習之后能靈活使用、激發學生成就感是教材編寫中需要特別注意的問題。

“互聯網+”時代的到來給中職計算機專業的畢業生創造了絕好的就業機會，同時國家的大力支持使中等職業教育快速發展，且國家也投入了大量的財力物力，近幾年中職學校的辦學質量和水平也有所提高，如何繼續做大做強，增強中職畢業生的就業競爭力？在這樣的環境下，開發適合中職網頁設計課程的教材則是勢在必行，盡管教材開發過程中還存在一些問題，如教師編寫教材版權意識不足、信息資源不足、企業參與度低等，但對教師個人的專業發展和學生的職業能力發展還是起到了一定的促進作用。

參考文獻：

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

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

[3]張寶升.中職學校校本教材開發研究：以《網頁設計》為例[D].長沙：湖南師范大學，2015.

[4]杜志鋒.淺析中職《網頁設計》課程改革[J].品牌，2014（9）.

[5]林燁.論中職校網頁設計課程的教學改革[J].科教導刊，2014（9）.

編輯 武生智