中職學(xué)校網(wǎng)頁(yè)設(shè)計(jì)教材開(kāi)發(fā)探究

肖靜

[摘? ? ? ? ? ?要]? “互聯(lián)網(wǎng)+”時(shí)代的到來(lái)，為中職計(jì)算機(jī)專(zhuān)業(yè)學(xué)生提供了大量的工作崗位，同時(shí)HTML5的廣泛應(yīng)用也給傳統(tǒng)網(wǎng)頁(yè)設(shè)計(jì)帶來(lái)了巨大挑戰(zhàn)。網(wǎng)頁(yè)設(shè)計(jì)作為中職學(xué)校計(jì)算機(jī)專(zhuān)業(yè)主干課程，教材是影響教學(xué)的關(guān)鍵因素。通過(guò)以開(kāi)發(fā)HTML5基礎(chǔ)實(shí)訓(xùn)為例，闡述中職學(xué)校網(wǎng)頁(yè)設(shè)計(jì)教材開(kāi)發(fā)背景以及對(duì)開(kāi)發(fā)過(guò)程的思考，并結(jié)合教材開(kāi)發(fā)中的問(wèn)題提出建議。

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

[中圖分類(lèi)號(hào)]? G712? ? ? ? ? ? ? ? [文獻(xiàn)標(biāo)志碼]? A? ? ? ? ? ? ? [文章編號(hào)]? 2096-0603（2019）11-0126-02

中等職業(yè)學(xué)校是培養(yǎng)社會(huì)急需的一線(xiàn)技能型應(yīng)用人才。中職學(xué)校所使用的教材是教師“教”與學(xué)生“學(xué)”的最直接工具，是傳授知識(shí)和技能的重要載體，教材的高質(zhì)量和高適用性直接關(guān)系到人才培養(yǎng)的質(zhì)量。

以筆者所在中職學(xué)校計(jì)算機(jī)專(zhuān)業(yè)為例，網(wǎng)頁(yè)設(shè)計(jì)課程作為專(zhuān)業(yè)主干課，一直以來(lái)都為選擇適合的教材發(fā)愁，網(wǎng)上琳瑯滿(mǎn)目的教材適用群體大多數(shù)為本科院校學(xué)生或高職院校學(xué)生，沒(méi)有考慮到中職學(xué)生的學(xué)習(xí)起點(diǎn)低的因素;教材內(nèi)容過(guò)于理論化和抽象化，沒(méi)有考慮到中職學(xué)生理解能力不足的因素;教材案例不夠詳細(xì)具體，難度偏高，沒(méi)有考慮到中職學(xué)生自學(xué)困難的因素。

中國(guó)互聯(lián)網(wǎng)協(xié)會(huì)和國(guó)家互聯(lián)網(wǎng)應(yīng)急中心于2018年1月9日聯(lián)合發(fā)布了《互聯(lián)網(wǎng)行業(yè)運(yùn)行指數(shù)——中國(guó)網(wǎng)站》報(bào)告。報(bào)告中顯示，截至2017年底，我國(guó)網(wǎng)站數(shù)量達(dá)到526.06萬(wàn)個(gè)。這么多網(wǎng)站需要多少人設(shè)計(jì)、維護(hù)崗位？這么多崗位中又有多少面向中職學(xué)生呢？據(jù)筆者對(duì)當(dāng)?shù)氐木W(wǎng)站就業(yè)情況了解，網(wǎng)站方向的崗位眾多，尤其當(dāng)下的中小型網(wǎng)站開(kāi)發(fā)公司需要大量的HTML設(shè)計(jì)人員，然后網(wǎng)站方向的中職畢業(yè)生能找到對(duì)口方向工作崗位的比例較低。對(duì)口就業(yè)率低的最重要原因就是中職學(xué)生的網(wǎng)頁(yè)設(shè)計(jì)能力達(dá)不到公司崗位要求，而影響學(xué)生工作能力的很大原因在于教材選擇不當(dāng)。

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

（一）教材開(kāi)發(fā)思路

筆者查閱了大量有關(guān)中職網(wǎng)頁(yè)設(shè)計(jì)課程標(biāo)準(zhǔn)的文獻(xiàn)，對(duì)該課程標(biāo)準(zhǔn)概括為：網(wǎng)頁(yè)設(shè)計(jì)課程是中等職業(yè)學(xué)校計(jì)算機(jī)專(zhuān)業(yè)一門(mén)重要的專(zhuān)業(yè)必修課，定位于Web前端開(kāi)發(fā)類(lèi)崗位，為后續(xù)的動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)打下基礎(chǔ)。課程的教學(xué)目標(biāo)是使學(xué)生了解網(wǎng)頁(yè)技術(shù)的發(fā)展、常用制作工具（Dreamweaver）;理解HTML語(yǔ)言和CSS語(yǔ)法;熟練運(yùn)用Photoshop軟件美化、制作網(wǎng)頁(yè)圖片以及Flash軟件制作網(wǎng)頁(yè)動(dòng)畫(huà);掌握網(wǎng)頁(yè)設(shè)計(jì)的工作流程。

網(wǎng)頁(yè)設(shè)計(jì)課程標(biāo)準(zhǔn)強(qiáng)調(diào)了教學(xué)重點(diǎn)是讓學(xué)生理解和運(yùn)用HTML語(yǔ)言，熟練使用Dreamweaver軟件開(kāi)發(fā)網(wǎng)頁(yè)。市面上大多教材包括筆者所在學(xué)校使用的教材都側(cè)重利用Dreamweaver軟件講解HTML語(yǔ)言和CSS語(yǔ)法。

2014年10月29日，經(jīng)過(guò)接近8年的艱苦努力，HTML5標(biāo)準(zhǔn)規(guī)范終于制定完成，由于HTML5在掃描圖形、播放視頻和音頻等方面的改進(jìn)以及多平臺(tái)支持性，對(duì)傳統(tǒng)網(wǎng)頁(yè)設(shè)計(jì)發(fā)起了巨大挑戰(zhàn)。

近幾年，HTML5的發(fā)展勢(shì)頭猛烈，崗位需求量急增，而為社會(huì)培養(yǎng)一線(xiàn)技能型應(yīng)用人才的大多數(shù)中職學(xué)校包括筆者所在學(xué)校在內(nèi)，還一直在使用傳統(tǒng)網(wǎng)頁(yè)設(shè)計(jì)教材來(lái)講授HTML4語(yǔ)言。

為此，筆者協(xié)同其他教師共同開(kāi)發(fā)《HTML5基礎(chǔ)實(shí)訓(xùn)》教材，學(xué)生通過(guò)學(xué)習(xí)教材，能夠了解HTML5的發(fā)展趨勢(shì)及應(yīng)用領(lǐng)域;知道網(wǎng)頁(yè)設(shè)計(jì)的流程;具備扎實(shí)的HTML5&CSS3開(kāi)發(fā)基礎(chǔ)，代碼的書(shū)寫(xiě)符合前端編碼規(guī)范，具備良好的編程思想;具有良好的溝通能力，能夠關(guān)注最新行業(yè)動(dòng)態(tài)，具備新技術(shù)的研究與學(xué)習(xí)能力，對(duì)自己有合理的定位。

（二）教材使用軟件探究

網(wǎng)頁(yè)設(shè)計(jì)課程標(biāo)準(zhǔn)中強(qiáng)調(diào)熟練使用Dreamweaver軟件開(kāi)發(fā)網(wǎng)頁(yè)，Dreamweaver軟件是集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)代碼編輯器，一直以來(lái)都作為網(wǎng)頁(yè)教學(xué)工具軟件，然而正由于Dreamweaver軟件的便利性，不利于學(xué)生熟悉掌握HTML語(yǔ)言和CSS語(yǔ)法。

首先，中職學(xué)生由于學(xué)習(xí)習(xí)慣上的懶惰，在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，習(xí)慣通過(guò)在設(shè)計(jì)視圖添加網(wǎng)頁(yè)元素來(lái)完成網(wǎng)頁(yè)效果，本質(zhì)上沒(méi)有熟練掌握HTML語(yǔ)言，一旦遇到網(wǎng)頁(yè)運(yùn)行效果問(wèn)題時(shí)不會(huì)查找HTML原因，久而久之就培養(yǎng)出一個(gè)只會(huì)使用所見(jiàn)即所得網(wǎng)頁(yè)代碼編輯器開(kāi)發(fā)網(wǎng)頁(yè)而不懂HTML內(nèi)涵的“空殼子”。其次，Dreamweaver軟件中的CSS面板、屬性面板都可以“方便”地讓學(xué)生不用熟記CSS語(yǔ)法，就能完成網(wǎng)頁(yè)樣式的設(shè)計(jì)，這對(duì)學(xué)生未來(lái)的職業(yè)發(fā)展也是不利的。

為此，《HTML5基礎(chǔ)實(shí)訓(xùn)》教材最終選擇了Sublime Text3編輯器作為前端開(kāi)發(fā)工具，Sublime Text3是一款免費(fèi)的文本編輯器，安裝容易，對(duì)硬件要求不高，跨平臺(tái)，同時(shí)支持Windows、Linux和Mac OSX等操作系統(tǒng)，方便學(xué)生課后安裝使用。Sublime Text3具有漂亮的用戶(hù)界面以及書(shū)簽、即時(shí)項(xiàng)目切換、多選擇和多窗口等功能方便學(xué)生網(wǎng)站開(kāi)發(fā)，同時(shí)拼寫(xiě)檢查、代碼提示功能適當(dāng)幫助學(xué)生正確掌握HTML語(yǔ)言和CSS語(yǔ)法。

（三）教材內(nèi)容探究

傳統(tǒng)中職網(wǎng)頁(yè)設(shè)計(jì)教材，普遍存在知識(shí)點(diǎn)過(guò)于零散、案例彼此之間缺乏聯(lián)系、初學(xué)者體驗(yàn)不到網(wǎng)頁(yè)設(shè)計(jì)與開(kāi)發(fā)流程感的缺點(diǎn)，中職學(xué)生由于獨(dú)立建構(gòu)知識(shí)體系能力不足的原因，更難掌握網(wǎng)頁(yè)整體設(shè)計(jì)。

在教材內(nèi)容安排上，筆者致力于彌補(bǔ)這一缺陷，以某一個(gè)具體網(wǎng)站開(kāi)發(fā)為主線(xiàn)，將網(wǎng)頁(yè)設(shè)計(jì)的知識(shí)點(diǎn)融入主線(xiàn)中，每一個(gè)項(xiàng)目對(duì)應(yīng)主線(xiàn)網(wǎng)站中的模塊，項(xiàng)目劃分為不同的任務(wù)，不同的任務(wù)對(duì)應(yīng)相應(yīng)的知識(shí)點(diǎn)。通過(guò)“知識(shí)點(diǎn)—案例—任務(wù)—項(xiàng)目”一系列操作，從而熟悉網(wǎng)頁(yè)開(kāi)發(fā)的整個(gè)流程，通過(guò)“做中學(xué)、學(xué)后練、練后用”的特點(diǎn)來(lái)確保學(xué)生在進(jìn)行項(xiàng)目學(xué)習(xí)后能真正的消化知識(shí)并能靈活使用，最后通過(guò)綜合實(shí)訓(xùn)項(xiàng)目強(qiáng)化開(kāi)發(fā)應(yīng)用能力。

教材內(nèi)容包括9個(gè)項(xiàng)目，37個(gè)任務(wù)，具體內(nèi)容見(jiàn)表。

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

（一）教材開(kāi)發(fā)需體現(xiàn)web前端開(kāi)發(fā)工程師的真實(shí)工作情景

web前端開(kāi)發(fā)工程師的工作崗位要求具備扎實(shí)的HTML5&CSS3開(kāi)發(fā)基礎(chǔ)、編碼規(guī)范，還要具備良好的編程思想、溝通能力。選取主流的、學(xué)生喜歡且好奇、所用的知識(shí)針對(duì)性強(qiáng)的工作案例作為教材項(xiàng)目，教材需體現(xiàn)“做中學(xué)、學(xué)后練、練后用”的特點(diǎn)。確保學(xué)生在進(jìn)行項(xiàng)目學(xué)習(xí)后能真正的消化知識(shí)并能靈活使用。

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

基礎(chǔ)實(shí)訓(xùn)指通過(guò)實(shí)訓(xùn)的方式掌握基礎(chǔ)知識(shí)和基本技能，依據(jù)中職學(xué)生學(xué)情，選取難度適當(dāng)?shù)幕A(chǔ)知識(shí)點(diǎn)，反復(fù)加強(qiáng)練習(xí)，使學(xué)生達(dá)到熟練程度，提升學(xué)生實(shí)際運(yùn)用能力和解決問(wèn)題的能力。

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

中職學(xué)生既有活潑好動(dòng)、操作能力強(qiáng)等優(yōu)點(diǎn)，同時(shí)又有自控能力差、知識(shí)接受能力稍弱等缺點(diǎn)。如何通過(guò)教材能使學(xué)生有興趣學(xué)、堅(jiān)持學(xué)、學(xué)習(xí)之后能靈活使用、激發(fā)學(xué)生成就感是教材編寫(xiě)中需要特別注意的問(wèn)題。

“互聯(lián)網(wǎng)+”時(shí)代的到來(lái)給中職計(jì)算機(jī)專(zhuān)業(yè)的畢業(yè)生創(chuàng)造了絕好的就業(yè)機(jī)會(huì)，同時(shí)國(guó)家的大力支持使中等職業(yè)教育快速發(fā)展，且國(guó)家也投入了大量的財(cái)力物力，近幾年中職學(xué)校的辦學(xué)質(zhì)量和水平也有所提高，如何繼續(xù)做大做強(qiáng)，增強(qiáng)中職畢業(yè)生的就業(yè)競(jìng)爭(zhēng)力？在這樣的環(huán)境下，開(kāi)發(fā)適合中職網(wǎng)頁(yè)設(shè)計(jì)課程的教材則是勢(shì)在必行，盡管教材開(kāi)發(fā)過(guò)程中還存在一些問(wèn)題，如教師編寫(xiě)教材版權(quán)意識(shí)不足、信息資源不足、企業(yè)參與度低等，但對(duì)教師個(gè)人的專(zhuān)業(yè)發(fā)展和學(xué)生的職業(yè)能力發(fā)展還是起到了一定的促進(jìn)作用。

參考文獻(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ā)研究：以《網(wǎng)頁(yè)設(shè)計(jì)》為例[D].長(zhǎng)沙：湖南師范大學(xué)，2015.

[4]杜志鋒.淺析中職《網(wǎng)頁(yè)設(shè)計(jì)》課程改革[J].品牌，2014（9）.

[5]林燁.論中職校網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)改革[J].科教導(dǎo)刊，2014（9）.

編輯 武生智