《網(wǎng)頁(yè)制作》課程教學(xué)改革探析

夏曉娣　皮亞雷

【摘要】根據(jù)多年的教學(xué)實(shí)踐，闡述了將當(dāng)前學(xué)生就業(yè)理念融入《網(wǎng)頁(yè)制作》課程教學(xué)的具體實(shí)施過(guò)程，總結(jié)了《網(wǎng)頁(yè)制作》課程教學(xué)的一些教學(xué)方法和心得體會(huì)，強(qiáng)調(diào)以生為本，行動(dòng)導(dǎo)向教學(xué)，注重培養(yǎng)學(xué)生獨(dú)立學(xué)習(xí)和創(chuàng)新精神。

【關(guān)鍵詞】網(wǎng)頁(yè)制作；教學(xué)方法；創(chuàng)新精神

【中圖分類(lèi)號(hào)】TP393.092-4；G712 【文獻(xiàn)標(biāo)識(shí)碼】A 【文章編號(hào)】2095-3089（2016）28-0144-02

隨著互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展，網(wǎng)頁(yè)瀏覽、網(wǎng)絡(luò)信息推送不再是新鮮事。大量信息通過(guò)互聯(lián)網(wǎng)傳遞給，都離不開(kāi)網(wǎng)頁(yè)。如何制作一個(gè)賞心悅目且實(shí)用的網(wǎng)頁(yè)？從使用者的視覺(jué)、心理及使用層面分析，以適應(yīng)當(dāng)前學(xué)生學(xué)習(xí)《網(wǎng)頁(yè)制作》課程的目的，研究實(shí)施可行的教學(xué)方案是該課程的教學(xué)改革的一項(xiàng)重點(diǎn)工作。

一、制作前先設(shè)計(jì)

加強(qiáng)設(shè)計(jì)理論知識(shí)。針對(duì)網(wǎng)頁(yè)布局、色彩搭配、重心平衡、風(fēng)格、功能及受眾群喜好等方面加強(qiáng)學(xué)習(xí)，設(shè)計(jì)出一個(gè)框架來(lái)進(jìn)行填充內(nèi)容。補(bǔ)充網(wǎng)頁(yè)制作相關(guān)軟件應(yīng)用知識(shí)，例如圖像處理軟件、動(dòng)畫(huà)軟件等，拿出常用的案例，適應(yīng)當(dāng)前主流需求快速搭建平臺(tái)。以下著重從布局及色彩搭配談一談。

在制作網(wǎng)站之前，先考慮網(wǎng)站的整體視覺(jué)效果。在網(wǎng)站整體視覺(jué)效果中，主要是網(wǎng)頁(yè)的色彩搭配與網(wǎng)頁(yè)布局。前者決定了瀏覽該網(wǎng)站的第一印象；而后者則決定網(wǎng)站中的信息是否為合理的安排。色彩的搭配不僅在平面設(shè)計(jì)中比較重要，而在網(wǎng)頁(yè)中也很關(guān)鍵。色彩對(duì)人的頭腦和精神的影響力，是客觀存在的。色彩的知覺(jué)力、色彩的辨別力、色彩的象征力與感情，這些都是色彩心理學(xué)上的重要問(wèn)題，色彩情感上來(lái)說(shuō)，不同的顏色會(huì)給瀏覽者不同的心理感受，但同一顏色通常不只含有一個(gè)象征意義，色彩還有聯(lián)想含義，色彩在聯(lián)想間影響人的心理，左右人的情緒，不同的色彩聯(lián)想給各種色彩都賦予了特定的含義。這就要求設(shè)計(jì)人員在用色時(shí)不僅是單單地運(yùn)用，還要考慮諸多因素。

二、行動(dòng)導(dǎo)向教學(xué)法達(dá)成網(wǎng)站網(wǎng)頁(yè)的實(shí)用性

由于網(wǎng)頁(yè)設(shè)計(jì)涉及到網(wǎng)頁(yè)制作軟件、圖像處理軟件、動(dòng)畫(huà)軟件等，因此，為了有利于教學(xué)的開(kāi)展和培養(yǎng)學(xué)生分析、解決問(wèn)題的能力，我們應(yīng)當(dāng)本著“從淺到深、從基本到綜合，技術(shù)與理論相結(jié)合”的原則，對(duì)教學(xué)內(nèi)容重新進(jìn)行合理地整合和模塊的劃分。采用行動(dòng)導(dǎo)向教學(xué)方法。分模塊可以將《網(wǎng)頁(yè)制作》課程的實(shí)踐教學(xué)內(nèi)容劃分為以案例為知識(shí)單元，各個(gè)單元既相對(duì)獨(dú)立又有所聯(lián)系，按照想要實(shí)現(xiàn)的目的來(lái)學(xué)習(xí)局部知識(shí)，但是具體知識(shí)點(diǎn)又有在其他模塊單元里重點(diǎn)詳細(xì)地介紹并有具體案例教學(xué)。這樣便于實(shí)現(xiàn)課程模塊動(dòng)態(tài)組合，實(shí)施分層次教學(xué)。

行動(dòng)導(dǎo)向教學(xué)法是為了真實(shí)情境中的行動(dòng)而學(xué)習(xí)、通過(guò)學(xué)習(xí)情境中的行動(dòng)來(lái)學(xué)習(xí)。每一堂課要有明確的教學(xué)目標(biāo)，尤其是能力目標(biāo)，必須選定訓(xùn)練學(xué)生能力的載體——學(xué)習(xí)性工作任務(wù)。圍繞選定的訓(xùn)練學(xué)生能力的任務(wù)，設(shè)計(jì)“能力的實(shí)訓(xùn)過(guò)程”，整個(gè)實(shí)訓(xùn)過(guò)程以學(xué)生為主體，選擇行動(dòng)導(dǎo)向的教學(xué)法，主要有任務(wù)教學(xué)法、項(xiàng)目教學(xué)法、基于項(xiàng)目的引導(dǎo)文教學(xué)法、案例教學(xué)法、角色扮演法、情境教學(xué)法、實(shí)驗(yàn)法、現(xiàn)代四階段教學(xué)法等，做好教學(xué)過(guò)程設(shè)計(jì)，以實(shí)現(xiàn)技能、知識(shí)一體化，教、學(xué)、做一體化，將專(zhuān)業(yè)能力、方法能力、社會(huì)能力、個(gè)人能力集成于學(xué)生“能力的實(shí)訓(xùn)過(guò)程”中。最重要的環(huán)節(jié)是給予學(xué)生任務(wù)以實(shí)施項(xiàng)目的具體實(shí)施過(guò)程。在該過(guò)程中，教師及時(shí)恰當(dāng)?shù)貙?duì)學(xué)生進(jìn)行引導(dǎo)，督促學(xué)生根據(jù)項(xiàng)目計(jì)劃書(shū)，按時(shí)按量完成相應(yīng)的功能模塊，保證項(xiàng)目順利進(jìn)行，實(shí)現(xiàn)課程目標(biāo)。

三、應(yīng)對(duì)新時(shí)代要求，課程需要?jiǎng)?chuàng)新

如今，隨著3G網(wǎng)絡(luò)的發(fā)展，4G網(wǎng)絡(luò)的到來(lái)。無(wú)線全覆蓋的發(fā)展勢(shì)態(tài)，手持終端日新月異。淘寶、微信等領(lǐng)域也是當(dāng)下學(xué)生就業(yè)崗位范疇。結(jié)合HTML5與CSS3技術(shù)的特點(diǎn)，我們應(yīng)認(rèn)真分析HTML5與CSS3技術(shù)的優(yōu)勢(shì)及其在網(wǎng)頁(yè)制作中的應(yīng)用，為網(wǎng)頁(yè)制作提供有力支持，保證網(wǎng)頁(yè)制作的整體質(zhì)量滿足實(shí)際需要。同時(shí)，我們還要深入挖掘HTML5與CSS3技術(shù)的潛力，立足目前應(yīng)用現(xiàn)狀。

HTML5標(biāo)志著互聯(lián)網(wǎng)的未來(lái)主體技術(shù)。網(wǎng)頁(yè)制作在互聯(lián)網(wǎng)發(fā)展高要求的前提下，必須要進(jìn)行技術(shù)升級(jí)。HTML5從某種意義上代表了互聯(lián)網(wǎng)發(fā)展的未來(lái)。網(wǎng)頁(yè)制作的未來(lái)發(fā)展趨勢(shì)中，需要有HTML5這樣的強(qiáng)大技術(shù)作為支撐。HTML5在很大程度上強(qiáng)化了網(wǎng)頁(yè)的表現(xiàn)性，可以掃描圖形，更能夠播放視頻和音頻，特別是在本地?cái)?shù)據(jù)庫(kù)里可以應(yīng)用多個(gè)網(wǎng)頁(yè)。HTML5的功能相對(duì)強(qiáng)大，在當(dāng)前的互聯(lián)網(wǎng)運(yùn)行中，HTML5能夠獲得大多數(shù)網(wǎng)絡(luò)平臺(tái)的支持，微軟曾經(jīng)表示，瀏覽器要為HTML5提供廣泛的支持。在新傳媒時(shí)代的趨勢(shì)下，很多社交類(lèi)網(wǎng)站也開(kāi)始對(duì)HTML5產(chǎn)生興趣，這種融合將會(huì)促進(jìn)互聯(lián)網(wǎng)更加豐富多彩，HTML5在未來(lái)將會(huì)成為主流文本標(biāo)記的語(yǔ)言。

（二）HTML5的特性和應(yīng)用效果。HTML5增加了新內(nèi)容標(biāo)簽，在HTML4的基礎(chǔ)上，將各個(gè)部分的內(nèi)容形成良好的區(qū)分，各個(gè)部分的內(nèi)容相對(duì)獨(dú)立。HTML5建立的優(yōu)化的表格體系，用HTML5來(lái)定義的表格，可以定義每個(gè)單元的輸入格式，可以實(shí)現(xiàn)表格填寫(xiě)的自由化。HTML5可以在網(wǎng)頁(yè)中進(jìn)行視頻和音頻的整合，同時(shí)為系統(tǒng)提供了一整套控制播放的元素，HTML5在視頻或者音頻上能夠替代傳統(tǒng)的插件。HTML5解決了在網(wǎng)頁(yè)繪制圖形的難題，將繪制圖形與網(wǎng)頁(yè)實(shí)現(xiàn)完整交互運(yùn)動(dòng)。

（三）CSS3將是提升網(wǎng)絡(luò)訪問(wèn)速度的新技術(shù)。有了HTML5的優(yōu)勢(shì)體現(xiàn)，CSS3將會(huì)是互聯(lián)網(wǎng)發(fā)展的另一個(gè)趨勢(shì)。網(wǎng)頁(yè)技術(shù)的發(fā)展經(jīng)歷了相對(duì)漫長(zhǎng)的時(shí)間，網(wǎng)頁(yè)設(shè)計(jì)技術(shù)依靠計(jì)算機(jī)技術(shù)的進(jìn)步，但是計(jì)算機(jī)技術(shù)與網(wǎng)絡(luò)設(shè)計(jì)的融合是技術(shù)與人文思想的融合。CSS3成為網(wǎng)頁(yè)制作技術(shù)的重要推進(jìn)，加強(qiáng)搜索引擎對(duì)網(wǎng)頁(yè)的控制力度，實(shí)現(xiàn)網(wǎng)頁(yè)快速查詢的效果。

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

互聯(lián)網(wǎng)的快速發(fā)展經(jīng)濟(jì)發(fā)展的必然要求，也是社會(huì)生活進(jìn)步的需要。網(wǎng)頁(yè)制作技術(shù)決定了互聯(lián)網(wǎng)的使用效果。HTML5與CSS3技術(shù)也是在不斷的研究和使用中得到提升?；ヂ?lián)網(wǎng)的發(fā)展對(duì)網(wǎng)頁(yè)設(shè)計(jì)師的要求越來(lái)越高，設(shè)計(jì)師需要具有多方面的素養(yǎng)，不僅需要技術(shù)的專(zhuān)業(yè)性，更需要對(duì)人文社會(huì)知識(shí)有一定了解。HTML5與CSS3技術(shù)在網(wǎng)頁(yè)制作中的應(yīng)用會(huì)逐漸加強(qiáng)，并且隨著多種技術(shù)的融合而更加適合互聯(lián)網(wǎng)網(wǎng)頁(yè)制作的高標(biāo)準(zhǔn)。

參考文獻(xiàn)：

[1]洪明.西方教育研究取向新進(jìn)展[J].教育研究，2000，（10）

[2]吳立崗.現(xiàn)代教學(xué)論基礎(chǔ)[M].南寧：廣西教育出版社，2001