中職院校網(wǎng)頁設(shè)計(jì)與制作教學(xué)實(shí)踐研究

王芳

摘 要 互聯(lián)網(wǎng)時(shí)代的到來以及國家“互聯(lián)網(wǎng)+”戰(zhàn)略的提出，推動了互聯(lián)網(wǎng)經(jīng)濟(jì)的發(fā)展以及互聯(lián)網(wǎng)人才的培養(yǎng)。從時(shí)代需求出發(fā)，中職院校應(yīng)加強(qiáng)網(wǎng)頁設(shè)計(jì)專業(yè)的課程設(shè)置，為社會提供高素質(zhì)的網(wǎng)頁設(shè)計(jì)與制作的優(yōu)秀人才。以中職院校的課程設(shè)置為出發(fā)點(diǎn)，結(jié)合網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)設(shè)計(jì)和實(shí)踐方案，對網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)進(jìn)行探討。

關(guān)鍵詞 中職院校；網(wǎng)頁設(shè)計(jì)與制作；案例教學(xué)法；默會知識；行為導(dǎo)向法

中圖分類號：G712 文獻(xiàn)標(biāo)識碼：B

文章編號：1671-489X（2018）15-0135-02

1 引言

網(wǎng)頁是組成互聯(lián)網(wǎng)信息的基本單元，任何互聯(lián)網(wǎng)數(shù)據(jù)顯示都離不開網(wǎng)頁，網(wǎng)頁的設(shè)計(jì)與制作成為互聯(lián)網(wǎng)發(fā)展的重要組成部分。從實(shí)際出發(fā)，網(wǎng)頁設(shè)計(jì)與制作是一門技能型學(xué)科，學(xué)生需要不斷地練習(xí)和摸索，才能掌握網(wǎng)頁設(shè)計(jì)與制作的基本方法，因此，網(wǎng)頁設(shè)計(jì)與制作又是一門實(shí)踐性極強(qiáng)的學(xué)科。

選擇中職院校的學(xué)生大部分文化課成績不理想，但文化課不理想的學(xué)生并不代表學(xué)生的技能學(xué)習(xí)和實(shí)踐能力差。根據(jù)針對中職院校學(xué)生的調(diào)查顯示，中職學(xué)生的技能學(xué)習(xí)和實(shí)踐能力要遠(yuǎn)高于同齡普通高中的學(xué)生[1]。因此，網(wǎng)頁設(shè)計(jì)與制作課程極適合中職學(xué)生的發(fā)展特點(diǎn)?？v觀當(dāng)前中職院校開展的網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)，授課方式大部分仍堅(jiān)持講授法，大量的理論知識充斥在學(xué)生耳邊，導(dǎo)致許多學(xué)生注意力難以集中，上課狀態(tài)較差；而課下要求學(xué)生進(jìn)行的復(fù)習(xí)則由于課上理論知識學(xué)習(xí)效果較差且缺乏課后的監(jiān)督，許多學(xué)生并沒有進(jìn)行網(wǎng)頁制作與設(shè)計(jì)的實(shí)踐，最終導(dǎo)致學(xué)生對網(wǎng)頁設(shè)計(jì)與制作失去興趣。為此，以課程為核心，探索激發(fā)學(xué)生學(xué)習(xí)興趣以及滿足網(wǎng)頁設(shè)計(jì)與制作課程需求的教學(xué)模式勢在必行。

2 網(wǎng)頁設(shè)計(jì)與制作的教學(xué)內(nèi)容、教學(xué)目標(biāo)以及組織形式

在開展網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)前，首先應(yīng)明確的是教學(xué)的對象是誰？根據(jù)教學(xué)對象制定相應(yīng)的教學(xué)內(nèi)容。中職院校網(wǎng)頁設(shè)計(jì)與制作課程的教學(xué)對象為中職學(xué)生，他們有自己的發(fā)展特點(diǎn)，表現(xiàn)為理論知識接受能力差，實(shí)踐能力相對較強(qiáng)，興趣愛好以實(shí)踐類型為主。因此，在設(shè)置教學(xué)內(nèi)容時(shí)應(yīng)充分考慮中職學(xué)生的這些特點(diǎn)，授課內(nèi)容應(yīng)以理論為基礎(chǔ)，避免出現(xiàn)大段理論知識的講授或單純講授實(shí)踐知識。同時(shí)有必要了解學(xué)生的興趣點(diǎn)，以學(xué)生興趣為導(dǎo)向，制定教學(xué)目標(biāo)，達(dá)到激發(fā)學(xué)生學(xué)習(xí)興趣的目的[2]。教學(xué)組織形式應(yīng)從實(shí)際出發(fā)。未來的網(wǎng)頁設(shè)計(jì)越來越復(fù)雜，單純依靠個(gè)體的能力難以滿足網(wǎng)頁制作的需求，培養(yǎng)學(xué)生合作探究的能力極為重要。

本研究的開展期望通過運(yùn)用創(chuàng)新理念，組織學(xué)生開展行之有效的合作，探究如何培養(yǎng)學(xué)生縝密的邏輯思維。為此，在教學(xué)過程中根據(jù)學(xué)生性別、學(xué)習(xí)探究能力、實(shí)際動手能力以及興趣愛好進(jìn)行分組，分組的目的是建立一支互補(bǔ)互利的實(shí)踐隊(duì)伍，通過磨合形成小組自身的特點(diǎn)，讓學(xué)生在學(xué)習(xí)中能夠共同進(jìn)步和發(fā)展。

3 網(wǎng)頁設(shè)計(jì)與制作的教學(xué)方法

行為導(dǎo)向法 信息時(shí)代的到來使學(xué)生接受的信息越來越龐大，運(yùn)用傳統(tǒng)的教學(xué)方法難以適應(yīng)學(xué)生的個(gè)性發(fā)展需求和社會需要。一些中職院校運(yùn)用行為導(dǎo)向教學(xué)法，即通過系列教學(xué)方式激發(fā)學(xué)生的學(xué)習(xí)興趣，引導(dǎo)學(xué)生進(jìn)入教學(xué)情境，培養(yǎng)學(xué)生自主學(xué)習(xí)的能力。運(yùn)用行為導(dǎo)向法的教學(xué)目的是引導(dǎo)學(xué)生學(xué)會學(xué)習(xí)，教師在備課時(shí)由注重研究教學(xué)內(nèi)容的教學(xué)方法轉(zhuǎn)變?yōu)樵诮虒W(xué)內(nèi)容的基礎(chǔ)上注重如何引導(dǎo)學(xué)生學(xué)[3]，將學(xué)生與課堂緊密相連，提升教學(xué)能力和教學(xué)效率。運(yùn)用行為導(dǎo)向法的關(guān)鍵是教師，教師是引導(dǎo)學(xué)生學(xué)習(xí)的引導(dǎo)者和學(xué)生與知識的協(xié)調(diào)者。在開展活動時(shí)，教師是引導(dǎo)學(xué)生自主學(xué)習(xí)的推動者，通過引導(dǎo)和推動，讓學(xué)生學(xué)會自主探求知識，鍛煉實(shí)踐技能，進(jìn)而形成自己的知識體系。

默會知識 默會知識是近代教育學(xué)家根據(jù)實(shí)踐研究和分析提出的專有名詞。默會教育的提出使教育家將知識分成兩大類：一類是可以運(yùn)用邏輯思維進(jìn)行解答和分析的知識，如教學(xué)的書面知識、數(shù)學(xué)知識、物理知識等；另一類是不能用邏輯思維表達(dá)的知識，即個(gè)體通過接受某些事物受到潛移默化的影響，在此基礎(chǔ)上形成的知識能力或其他能力，此種知識被稱為默會知識。從中職學(xué)生的認(rèn)知水平和學(xué)習(xí)的實(shí)際出發(fā)，默會知識對學(xué)生的影響與邏輯性思維較強(qiáng)的知識持平甚至有所超越。充分利用默會知識對學(xué)生的影響將極大地增強(qiáng)課堂教學(xué)效果，提高學(xué)生掌握知識的能力和水平。

4 教學(xué)實(shí)踐

網(wǎng)頁設(shè)計(jì)與制作知識技能的掌握 網(wǎng)頁設(shè)計(jì)與制作教學(xué)采用上文提到的行為導(dǎo)向法，激發(fā)學(xué)生的學(xué)習(xí)興趣，通過針對性強(qiáng)、課程設(shè)置合理的教學(xué)過程，引導(dǎo)學(xué)生掌握相關(guān)內(nèi)容。

1）案例教學(xué)法。教師針對中職生開展教學(xué)時(shí)，利用案例教學(xué)法可以取得更好的教學(xué)效果。案例教學(xué)法指結(jié)合具體的教學(xué)內(nèi)容，教師首先針對某個(gè)知識提出相同或相似的實(shí)例，針對實(shí)例內(nèi)的具體內(nèi)容提出問題，根據(jù)問題分析相應(yīng)知識，通過思維遷移實(shí)現(xiàn)學(xué)生對知識的掌握，進(jìn)而做到觸類旁通。本文以教授學(xué)生網(wǎng)頁設(shè)計(jì)和制作中的“行為”為例，對案例教學(xué)法進(jìn)行具體講解。

傳統(tǒng)教授“行為”這一知識點(diǎn)的教學(xué)方法多為講授法，首先講授行為的基本概念，即：具體個(gè)體由于某些原因做出相應(yīng)反映的過程，將這一過程稱為行為。行為的主要構(gòu)成要素有動作、事件等。教師講完行為概念后，會進(jìn)入網(wǎng)頁設(shè)計(jì)對于行為的使用，學(xué)生如能緊跟教師的步伐，可以完成大部分的知識學(xué)習(xí)，但是真正理解知識點(diǎn)嗎？通過抽樣調(diào)查中職學(xué)生該課程聽課效果，發(fā)現(xiàn)學(xué)生難以理解相應(yīng)內(nèi)容，甚至出現(xiàn)聽不懂的情況。

為更好地講解“行為”，讓學(xué)生更好地理解和感受“行為”的內(nèi)容，教師在講授“行為”時(shí)可運(yùn)用電子地圖的相關(guān)內(nèi)容，首先讓學(xué)生熟練地制作電子地圖的內(nèi)容，以電子地圖為點(diǎn)切入“行為”講解，運(yùn)用顯性元素和隱性元素將“行為”內(nèi)容所需的一系列內(nèi)容引入，如行為的對象、行為的動作、行為的事件等。學(xué)生根據(jù)教師的講解一一對號：行為的對象所對應(yīng)的是圖片熱區(qū)，行為的對象則是鼠標(biāo)的移入和移出等。通過講解使學(xué)生逐漸熟悉行為的內(nèi)容和行為的過程以及制作行為的步驟。

2）小組討論教學(xué)法。無論是何種知識的學(xué)習(xí)，不同學(xué)生對同一知識均會產(chǎn)生不同的理解，也會從不同角度分析知識的內(nèi)容。中職學(xué)生的思維更加活躍，更需要表現(xiàn)自己，在網(wǎng)頁設(shè)計(jì)與制作學(xué)習(xí)中，知識的寬度為他們提供了充分的想象空間。因此，在網(wǎng)頁設(shè)計(jì)與制作實(shí)際教學(xué)中，教師應(yīng)鼓勵學(xué)生發(fā)揮自己的想象，以小組合作的方式完成一部高質(zhì)量的作品。小組討論法能夠激發(fā)學(xué)生學(xué)習(xí)熱情，并促進(jìn)學(xué)生共同進(jìn)步。如網(wǎng)頁設(shè)計(jì)與制作中涉及網(wǎng)頁的布局與規(guī)劃，教師首先讓學(xué)生討論網(wǎng)頁布局要素“表格、AP元素、框架”三者間的關(guān)系及優(yōu)缺點(diǎn)，通過小組辯論賽的方式激發(fā)學(xué)生的學(xué)習(xí)熱忱；根據(jù)學(xué)生辯論結(jié)果，教師加以引導(dǎo)，將會令學(xué)生產(chǎn)生極為深刻的印象。

綜合應(yīng)用 中職院校的網(wǎng)頁設(shè)計(jì)具體應(yīng)用如何？本文以學(xué)?？萍蓟顒庸?jié)為例，展示網(wǎng)頁設(shè)計(jì)與制作的教學(xué)實(shí)例。為加強(qiáng)教學(xué)效果，課堂實(shí)施“小組合作，團(tuán)隊(duì)協(xié)作”的教學(xué)育人策略，期望學(xué)生在合作中共同完成網(wǎng)頁設(shè)計(jì)與制作的內(nèi)容，并得到默會知識。通過小組合作的方式制作的成果將在全校開展評比，相應(yīng)的獎勵是有效的激勵手段。項(xiàng)目教學(xué)的實(shí)施步驟如下。

1）確定項(xiàng)目主題。網(wǎng)頁設(shè)計(jì)與制作的主題來源應(yīng)緊扣科技活動節(jié)，教師可根據(jù)活動內(nèi)容向?qū)W生推薦主題，學(xué)生也可根據(jù)自己的理解自主確定主題，具體可制作科技類、美食類、動漫類等。項(xiàng)目確認(rèn)后，各組應(yīng)確認(rèn)與主題相關(guān)的網(wǎng)站模板，以模板為核心開展網(wǎng)站制作。項(xiàng)目的目標(biāo)是每個(gè)小組制作出一個(gè)完整的網(wǎng)站。

2）制訂計(jì)劃。網(wǎng)頁設(shè)計(jì)的制作計(jì)劃離不開民主原則，以小組為單位，成員充分討論，最終確定網(wǎng)頁設(shè)計(jì)的步驟和過程。

3）組織實(shí)施。經(jīng)過縝密的審議得出網(wǎng)頁設(shè)計(jì)的計(jì)劃后，小組成員依據(jù)計(jì)劃進(jìn)行分工，以合作原則為新網(wǎng)頁設(shè)計(jì)的基本原則開展活動。

①收集設(shè)計(jì)所需素材。好的網(wǎng)頁設(shè)計(jì)離不開素材的搜集和整理。根據(jù)學(xué)生搜集的素材來源，可以將其分為網(wǎng)絡(luò)來源、書本來源和教師指導(dǎo)。網(wǎng)絡(luò)是學(xué)生素材搜集的主要渠道，學(xué)生通過網(wǎng)絡(luò)搜集大量素材，但網(wǎng)絡(luò)搜集的素材多數(shù)不能直接使用，有些甚至是比較差的素材。為此學(xué)生在整理和搜集材料應(yīng)堅(jiān)持貴精不貴多的原則。書本來源和教師指導(dǎo)則相應(yīng)比較好，學(xué)生可以直接進(jìn)行創(chuàng)作。

②繪制網(wǎng)頁設(shè)計(jì)所需網(wǎng)站模板。繪制網(wǎng)站模版的工具多數(shù)為Photoshop或者Fireworks等。作為初學(xué)者，學(xué)生在網(wǎng)頁設(shè)計(jì)時(shí)缺乏想象和規(guī)劃，教師在此環(huán)節(jié)應(yīng)給予學(xué)生指導(dǎo)和幫助。教師可以給予學(xué)生一些成熟的網(wǎng)頁設(shè)計(jì)內(nèi)容，要求學(xué)生學(xué)習(xí)以上網(wǎng)頁設(shè)計(jì)的思路和框架結(jié)構(gòu)，如有可以學(xué)習(xí)和借鑒的，不妨運(yùn)用在自己的網(wǎng)頁設(shè)計(jì)中。除此之外，教師應(yīng)要求學(xué)生進(jìn)行小組合作，加強(qiáng)思想的碰撞。

③鼓勵學(xué)生在實(shí)踐操作中對話交流。默會知識很難流動，它只有在顯性化或被他人吸收、利用時(shí)才能發(fā)揮作用，只有在人際互動學(xué)習(xí)中才便于其生成與獲得。

④項(xiàng)目結(jié)果匯報(bào)與作品展示。各個(gè)小組展示模板和網(wǎng)頁，并陳述作品的創(chuàng)作過程。

5 結(jié)語

實(shí)踐教學(xué)的質(zhì)量決定中職學(xué)校的人才培養(yǎng)質(zhì)量，所以教學(xué)改革需要不斷深化。本文對網(wǎng)頁設(shè)計(jì)與制作課程的教學(xué)內(nèi)容、教學(xué)方法等進(jìn)行探討，旨在增強(qiáng)中職生的學(xué)習(xí)興趣和學(xué)習(xí)積極性，提高他們的實(shí)踐操作技能，這需要在實(shí)踐教學(xué)過程中不斷地進(jìn)行探索和完善。

參考文獻(xiàn)

劉穎，王麗菊.基于項(xiàng)目教學(xué)在《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》中的探索[J].中國校外教育，2010（12）：162.

[2]鐘增勝，許江.項(xiàng)目驅(qū)動式教學(xué)的實(shí)踐與研究[J].重慶工商大學(xué)學(xué)報(bào)：社會科學(xué)版，2009（5）：159-160.

[3]陳靜.淺談默會知識對《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》課程實(shí)踐教學(xué)的指導(dǎo)[J].出國與就業(yè)：就業(yè)版，2010（4）：90-91.

[4]呂慧娟.《網(wǎng)頁設(shè)計(jì)》課程教學(xué)的創(chuàng)新與實(shí)踐[J].電腦知識與技術(shù)，2007（13）：264.