中職學(xué)校如何提升學(xué)生學(xué)習(xí)HTML+CSS頁面布局課程的興趣

摘要：本文分析了中等職業(yè)學(xué)校的計(jì)算機(jī)網(wǎng)站設(shè)計(jì)課程教學(xué)中學(xué)生的實(shí)際困難，提出相關(guān)的解決方法，通過分析行業(yè)崗位需求，從教學(xué)環(huán)節(jié)著手，多個(gè)方面去闡述如何提升學(xué)生對(duì)網(wǎng)站設(shè)計(jì)的學(xué)習(xí)興趣。

關(guān)鍵詞：崗位需求;整站意識(shí);職業(yè)規(guī)劃

在網(wǎng)頁制作中，頁面前端的設(shè)計(jì)非常重要，它是直接面向使用者的，頁面設(shè)計(jì)的優(yōu)劣關(guān)乎網(wǎng)站的被關(guān)注度，接收度以及普及度。使用者能夠通過閱讀頁面，迅速獲知網(wǎng)站所要表達(dá)的內(nèi)容，思想，能夠獲取自身所需要的信息，能夠在瀏覽頁面時(shí)獲得愉悅感。

為了能夠讓網(wǎng)頁迅速吸引使用者，培育使用者，就需要有制作精良的頁面，需要設(shè)計(jì)者有扎實(shí)的頁面制作功力。因此，培養(yǎng)具有頁面前端布局能力的制作者就顯得尤為重要。

頁面前端布局暨網(wǎng)頁設(shè)計(jì)在中職學(xué)校計(jì)算機(jī)相關(guān)專業(yè)中是一門核心課程。學(xué)好這門課程對(duì)學(xué)生在各方面的競(jìng)爭(zhēng)力有極大的作用，如升學(xué)，就業(yè)等。本人從事中職學(xué)校計(jì)算機(jī)專業(yè)教育教學(xué)多年，在HTML+CSS制作教學(xué)中有較豐富的經(jīng)驗(yàn)，對(duì)學(xué)生在學(xué)習(xí)HTML+CSS中的學(xué)習(xí)技巧及困難有較深的體會(huì)和應(yīng)對(duì)之策。

目前中職學(xué)生學(xué)習(xí)HTML+CSS時(shí)面臨一些困難，主要體現(xiàn)在幾個(gè)方面。

一、HTML+CSS在代碼編寫上與自身的語言習(xí)慣有較大的不同

中文的語言習(xí)慣和英文的習(xí)慣本身就有極大差異，而代碼的思維模式和編寫方式對(duì)中職學(xué)生來說更是難以理解。學(xué)生在學(xué)習(xí)代碼的時(shí)候容易出現(xiàn)理解困難，思路絮亂，學(xué)習(xí)卜稍微放松后導(dǎo)致后續(xù)的知識(shí)點(diǎn)學(xué)習(xí)更加難以接受。最終導(dǎo)致放棄學(xué)習(xí)HTML+CSS課程。

二、應(yīng)用技巧較差

學(xué)生在掌握了基本的HTML+CSS編寫能力后，可以嘗試建立完整的頁面，在這個(gè)過程中，可以發(fā)現(xiàn)大部分學(xué)生沒有合理利用相關(guān)技巧，只是簡(jiǎn)單堆積布局內(nèi)容，機(jī)械的模仿效果圖完成頁面制作，導(dǎo)致頁面內(nèi)容絮亂，錯(cuò)誤較多，頁面瀏覽的流暢性較差，且糾錯(cuò)困難，很難更新內(nèi)容。

三、缺乏全局意識(shí)

我們都知道，一個(gè)網(wǎng)站包含多個(gè)頁面，這些頁面有可能是二級(jí)頁面，有可能是三級(jí)頁面，甚至是四級(jí)五級(jí)頁面，這就需要制作者在設(shè)計(jì)頁面時(shí)能夠理解網(wǎng)站的整體風(fēng)格，兼顧各級(jí)頁面的內(nèi)容差異性對(duì)相關(guān)頁面進(jìn)行調(diào)整。但中職生非常缺乏這方面的意識(shí)，在制作網(wǎng)頁時(shí)沒有全站意識(shí)，經(jīng)常出現(xiàn)網(wǎng)站的頁面風(fēng)格不一致。

四、缺乏實(shí)戰(zhàn)操作

在學(xué)習(xí)了網(wǎng)頁制作后，并不代表學(xué)生就掌握了相關(guān)的技能。由于各種主觀或客觀的因素，中職生嚴(yán)重缺乏實(shí)際操作能力，在面對(duì)新網(wǎng)站網(wǎng)頁制作時(shí)，常常出現(xiàn)無從著手的感覺，或者直接看著效果圖就開始操作，而在制作過程中往往會(huì)發(fā)現(xiàn)之前的制作有誤，需要不斷的調(diào)整返工，既浪費(fèi)了時(shí)間，也磨滅了制作熱情，嚴(yán)重的會(huì)導(dǎo)致放棄這門課程的學(xué)習(xí)。

五、定位不清晰，包括自身在未來從事的崗位不清晰及HTML+CSS在行業(yè)的需求度定位

中職生的對(duì)畢業(yè)后的前景有多種選擇，如升學(xué)，就業(yè)等，年齡也偏小，往往對(duì)自身的定位不夠清晰，沒有職業(yè)規(guī)劃，既不知將來從事何種工作，也不知現(xiàn)在所學(xué)的知識(shí)在將來的就業(yè)前景，在這些不夠清晰的定位中容易迷失，對(duì)學(xué)好HTML+CSS有極大的負(fù)面影響。

通過這些分析，經(jīng)過多方面思考，并且在實(shí)際教學(xué)具體應(yīng)用后，提出相關(guān)解決方法，在教學(xué)中培養(yǎng)學(xué)生對(duì)HTML結(jié)合CSS布局頁面的興趣方面起到較好的效果。

一、培養(yǎng)代碼編寫思維

代碼編寫是一項(xiàng)較繁瑣的工作，如果在代碼結(jié)構(gòu)上還不熟練，那么代碼思維將起到非常關(guān)鍵的作用，那么，該如何培養(yǎng)學(xué)生的代碼思維習(xí)慣呢？首先，學(xué)生必須掌握較基本的代碼字段，只有當(dāng)了解了相應(yīng)字段所代表的含義，才能進(jìn)行下一步的學(xué)習(xí)提升。代碼片段和簡(jiǎn)單代碼語句的學(xué)習(xí)是在掌握基本字段的基礎(chǔ)上完成的，當(dāng)然，根據(jù)教學(xué)需要，代碼片段和基本字段的學(xué)習(xí)可以共同進(jìn)行，在學(xué)習(xí)代碼片段或簡(jiǎn)單代碼語句時(shí)掌握相關(guān)的字段。再進(jìn)一步則是嘗試編寫頁面代碼，通過這樣的方式，讓學(xué)生逐漸養(yǎng)成代碼編寫思維。

二、熟練操作，多次編寫

我們知道，記憶按保留時(shí)間的長(zhǎng)短可以分為瞬時(shí)記憶、短時(shí)記憶和長(zhǎng)時(shí)記憶。如果只是在教學(xué)時(shí)間內(nèi)學(xué)習(xí)HTML+cSS的知識(shí)，學(xué)生很容易便會(huì)忘記如何編寫代碼，在這種情況下，只有通過不斷練習(xí)，熟練操作才能把代碼編寫習(xí)慣保留下來，并且要有對(duì)應(yīng)的案例，也即是適合相關(guān)知識(shí)點(diǎn)的案例，在案例教學(xué)法的指導(dǎo)下，熟練的完成知識(shí)的學(xué)習(xí)與積累。

三、建立整站，培養(yǎng)全局意識(shí)

網(wǎng)站的全局思維意識(shí)是學(xué)生能否制作一個(gè)精美優(yōu)良網(wǎng)站的前提，培養(yǎng)學(xué)生的全局意識(shí)需要教師引導(dǎo)學(xué)生多觀察網(wǎng)絡(luò)中優(yōu)秀的網(wǎng)站，從布局、配色、風(fēng)格、主體、頁面鏈接切換等多方面思考，結(jié)合自己的知識(shí)儲(chǔ)備情況，在圖片素材收集、選定、調(diào)整，文字提煉、排版、分布;動(dòng)圖制作、插入;頁面特效等各個(gè)環(huán)節(jié)去處理，網(wǎng)站的主題要明確，能夠讓瀏覽者迅速記住網(wǎng)站。

四、引入社會(huì)資源，在加強(qiáng)技能提升的同時(shí)了解行業(yè)需求

學(xué)生的知識(shí)水平，建設(shè)技能是否達(dá)到行業(yè)崗位的要求，并不是在校學(xué)習(xí)就可以完成獲得的，這就需要學(xué)校根據(jù)區(qū)域情況，及時(shí)引入社會(huì)資源，利用行業(yè)的敏銳度，在評(píng)判的準(zhǔn)則下，對(duì)教學(xué)方式，教學(xué)過程，教學(xué)效果提出指正意見，最終把行業(yè)需求融入到教學(xué)中來，使學(xué)生能夠達(dá)到行業(yè)從業(yè)水平。

五、做好職業(yè)規(guī)劃，完善自身技能，積極面對(duì)崗位要求

職業(yè)規(guī)劃能夠讓學(xué)生對(duì)自身的職業(yè)前景有更清晰的認(rèn)識(shí)。每一個(gè)崗位對(duì)技能的需要是不同的，在分析崗位技能需求時(shí)，通過職業(yè)規(guī)劃，讓學(xué)生了解自身的知識(shí)儲(chǔ)備情況是否達(dá)到相關(guān)要求，對(duì)學(xué)生完善自身的技能有更深入的認(rèn)識(shí)，能夠讓學(xué)生提前完善知識(shí)結(jié)構(gòu)，熟悉技能操作過程，能夠以更加積極、自信的心態(tài)面對(duì)工作崗位。

參考文獻(xiàn)：

[1]魏爽.計(jì)算機(jī)基礎(chǔ)教學(xué)的思考與改革建議[J].軟件導(dǎo)刊（教育技術(shù)），2019（5）.

[2]洪新軍.計(jì)算機(jī)網(wǎng)頁制作教學(xué)過程中應(yīng)該如何培養(yǎng)學(xué)生的創(chuàng)新能力[J].信息記錄材料，2018（11）.

[3]王如榮.基于工作過程系統(tǒng)化的計(jì)算機(jī)專業(yè)課程教改案例開發(fā)[J].科技展望，2015（11）：

[4]鐘澤友，李強(qiáng).網(wǎng)頁設(shè)計(jì)與制作DREAMWEAVER[M].中山大學(xué)出版社，2013.

作者簡(jiǎn)介：羅威（1982.7-），男，廣東人，職稱：中學(xué)一級(jí)，學(xué)歷：本科，方向：計(jì)算機(jī)web前端教學(xué)研究。