《網(wǎng)頁(yè)設(shè)計(jì)》課程模塊化教學(xué)的探索

張學(xué)琴

摘要：《網(wǎng)頁(yè)設(shè)計(jì)》是計(jì)算機(jī)網(wǎng)絡(luò)和計(jì)算機(jī)相關(guān)專(zhuān)業(yè)的一門(mén)重要的核心課程。文章分析了對(duì)《網(wǎng)頁(yè)設(shè)計(jì)》傳統(tǒng)教學(xué)模式存在的問(wèn)題，探索《網(wǎng)頁(yè)設(shè)計(jì)》課程模塊化教學(xué)體系的構(gòu)建和實(shí)施，力求通過(guò)模塊化教學(xué)培養(yǎng)學(xué)生綜合技能與素質(zhì)，提高學(xué)生的職業(yè)能力。

關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)；模塊化；探索

現(xiàn)在是互聯(lián)網(wǎng)的時(shí)代，人們的工作、學(xué)習(xí)已離不開(kāi)互聯(lián)網(wǎng)，通過(guò)互聯(lián)網(wǎng)發(fā)布和獲取信息、展示部門(mén)、企業(yè)形象，開(kāi)展網(wǎng)絡(luò)營(yíng)銷(xiāo)等活動(dòng)已成為一種新的流行趨勢(shì)。無(wú)論是企業(yè)網(wǎng)絡(luò)構(gòu)建管理還是網(wǎng)站的開(kāi)發(fā)運(yùn)營(yíng)，都需要靠實(shí)用型網(wǎng)絡(luò)技術(shù)人才來(lái)實(shí)現(xiàn)，社會(huì)對(duì)合格的網(wǎng)站設(shè)計(jì)人才需求缺口非常大。各大高校為社會(huì)培養(yǎng)了大批網(wǎng)站設(shè)計(jì)人才，但真正符合社會(huì)需求的技術(shù)應(yīng)用性人才仍然短缺。這一現(xiàn)象表明，計(jì)算機(jī)專(zhuān)業(yè)的教學(xué)和人才培養(yǎng)模式與社會(huì)脫節(jié)，就要求我們對(duì)計(jì)算機(jī)技術(shù)人才培養(yǎng)要從中學(xué)期間抓起。

一、《網(wǎng)頁(yè)設(shè)計(jì)》傳統(tǒng)教學(xué)模式存在的問(wèn)題

（一）《網(wǎng)頁(yè)設(shè)計(jì)》課程具有實(shí)用性、操作性強(qiáng)的特點(diǎn)

在當(dāng)前中學(xué)計(jì)算機(jī)傳統(tǒng)教學(xué)模式中，教師通常根據(jù)“理論加實(shí)踐”的模式來(lái)開(kāi)展教學(xué)，即根據(jù)教材的章節(jié)安排進(jìn)行理論基礎(chǔ)知識(shí)講解并演示操作步驟，學(xué)生跟著模仿操作和練習(xí)。這種教學(xué)方式將課程知識(shí)點(diǎn)以多且零散的方式呈現(xiàn)給學(xué)生，忽視了知識(shí)與具體工作任務(wù)的聯(lián)系，授課完成后學(xué)生大多只記得軟件的操作和某些工具的使用，對(duì)于一個(gè)完整的網(wǎng)站項(xiàng)目從設(shè)計(jì)到制作完成的過(guò)程缺乏清晰的認(rèn)識(shí)，造成學(xué)生所掌握的知識(shí)技能與具體工作任務(wù)需要脫軌。

（二）上機(jī)實(shí)踐內(nèi)容單一，缺乏真實(shí)實(shí)踐環(huán)境，學(xué)生未能通過(guò)實(shí)踐有效地梳理所學(xué)知識(shí)，提高實(shí)踐操作能力。學(xué)生很難按要求完成教材的學(xué)習(xí)內(nèi)容，達(dá)到教學(xué)大綱所要求的目標(biāo)，學(xué)習(xí)的最終效果不能滿(mǎn)足社會(huì)實(shí)踐需要。

二、《網(wǎng)頁(yè)設(shè)計(jì)》課程模塊化教學(xué)體系的構(gòu)建

《網(wǎng)頁(yè)設(shè)計(jì)》課程是培養(yǎng)學(xué)生具有一定的藝術(shù)素養(yǎng)，較強(qiáng)的網(wǎng)頁(yè)鑒賞能力，熟悉網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意的原理和方法，熟悉HTML、CSS、JavaScript和網(wǎng)頁(yè)制作工具，熟悉網(wǎng)頁(yè)的制作和發(fā)布流程。能夠根據(jù)客戶(hù)需求進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作以及進(jìn)行網(wǎng)站的維護(hù)和管理工作。在教學(xué)過(guò)程中，將這些知識(shí)點(diǎn)合理地貫穿在課程的授課中，將課程內(nèi)容分段模塊化，以應(yīng)用和職業(yè)能力為導(dǎo)向，打破以知識(shí)為中心的傳統(tǒng)學(xué)科章節(jié)體系，將實(shí)踐工作所需知識(shí)、技能和素質(zhì)分解為多個(gè)相對(duì)獨(dú)立的教學(xué)模塊，以模塊為單元開(kāi)發(fā)教學(xué)資料并組織教學(xué)，將相關(guān)理論融于技能訓(xùn)練中。 在授課內(nèi)容上打破以往教材只講授Dreamweaver軟件制作網(wǎng)頁(yè)，或者以Dreamweaver軟件為主，F(xiàn)lash、Firworks、Phtoshop幾個(gè)軟件都涉及，但是這幾個(gè)軟件卻是孤立講授，學(xué)生在學(xué)習(xí)的過(guò)程中學(xué)到的知識(shí)是零散的，思想是模糊，在制作網(wǎng)頁(yè)時(shí)很難從全局的角度出發(fā)，規(guī)劃設(shè)計(jì)制作出合格的網(wǎng)頁(yè)。為此，我打破原有課程體系的束縛，調(diào)整原有章、節(jié)的順序，增加以往教材中缺少的網(wǎng)站設(shè)計(jì)的重要知識(shí)—版面設(shè)計(jì)部分，將課程內(nèi)容結(jié)構(gòu)以應(yīng)用為導(dǎo)向“模塊化”，每個(gè)模塊下又分為不同的子模塊，根據(jù)模塊的特點(diǎn)采取與之相對(duì)應(yīng)的教學(xué)方法和手段，培養(yǎng)學(xué)生的專(zhuān)業(yè)素質(zhì)和能力。 具體為：

模塊一：網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)了解網(wǎng)頁(yè)設(shè)計(jì)基本概念，包括Internet、WWW、HTTP、HTML等；了解網(wǎng)頁(yè)設(shè)計(jì)基本流程；了解網(wǎng)頁(yè)制作相關(guān)工具掌握網(wǎng)絡(luò)、網(wǎng)頁(yè)、網(wǎng)站等基本概念，掌握網(wǎng)站設(shè)計(jì)基本流程 。

模塊二 ：設(shè)計(jì)模塊子模塊一 網(wǎng)頁(yè)版式設(shè)計(jì)掌握網(wǎng)頁(yè)的布局理念；色彩搭配；phtoshop和Fireworks設(shè)計(jì)網(wǎng)頁(yè)頁(yè)面能利用phtoshop或Fireworks圖像處理軟件設(shè)計(jì)網(wǎng)頁(yè)頁(yè)面，并能將頁(yè)面設(shè)計(jì)圖形成網(wǎng)頁(yè) 。

模塊三：動(dòng)態(tài)設(shè)計(jì)了解數(shù)據(jù)庫(kù)的鏈接；IIS的設(shè)置；動(dòng)態(tài)頁(yè)面創(chuàng)建的方法會(huì)用ACCESS或SQL創(chuàng)建數(shù)據(jù)庫(kù)，鏈接數(shù)據(jù)庫(kù)；會(huì)創(chuàng)建簡(jiǎn)單動(dòng)態(tài)網(wǎng)頁(yè)；會(huì)測(cè)試動(dòng)態(tài)網(wǎng)頁(yè)；能將給定的動(dòng)態(tài)網(wǎng)頁(yè)（如論壇、留言板）鏈接到靜態(tài)網(wǎng)站中

模塊四：應(yīng)用模塊模塊一 綜合設(shè)計(jì)用戶(hù)調(diào)查分析；材料的收集分類(lèi)；網(wǎng)站的整體規(guī)劃；綜合運(yùn)用所學(xué)知識(shí)建立一個(gè)網(wǎng)站熟悉網(wǎng)站的整體規(guī)劃和設(shè)計(jì)流程，能獨(dú)立規(guī)劃、設(shè)計(jì)制作一個(gè)完整的網(wǎng)站（以集中實(shí)訓(xùn)的方式進(jìn)行） 。

三、《網(wǎng)頁(yè)設(shè)計(jì)》課程模塊化教學(xué)體系的實(shí)施

（一）合理安排各教學(xué)模塊的課時(shí)，突出實(shí)際應(yīng)用能力模塊的教學(xué)。在課時(shí)的安排上改變以往花費(fèi)大量時(shí)間講授使用Dreamweaver軟件制作網(wǎng)頁(yè)的技術(shù)知識(shí)，忽略網(wǎng)站設(shè)計(jì)知識(shí)，使得學(xué)生學(xué)完課程后缺乏設(shè)計(jì)能力。根據(jù)網(wǎng)絡(luò)專(zhuān)業(yè)學(xué)生在先行課中學(xué)習(xí)過(guò)計(jì)算機(jī)基礎(chǔ)、圖像處理、動(dòng)畫(huà)制作等先行課，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)和制作基礎(chǔ)等知識(shí)的理解接受能力較強(qiáng)的特點(diǎn)，在課時(shí)的安排上，基礎(chǔ)模塊部分只分配總課時(shí)的三分之一，設(shè)計(jì)模塊約占總課時(shí)的四分之一，將剩余的將近總課時(shí)一半的時(shí)間分配在應(yīng)用模塊上，并以實(shí)訓(xùn)的方式，采用“真題真做”等形式進(jìn)行教學(xué)，對(duì)學(xué)生著重進(jìn)行實(shí)踐和應(yīng)用能力的培養(yǎng)，使學(xué)生在授課完成后對(duì)于網(wǎng)站的整個(gè)設(shè)計(jì)過(guò)程有一個(gè)比較清晰的認(rèn)識(shí)，提高崗位技能。

（二）改革課程教學(xué)模式，提高學(xué)生學(xué)習(xí)效率

將整個(gè)教學(xué)過(guò)程分為兩大任務(wù)—模仿型任務(wù)和實(shí)踐型任務(wù)。模仿型任務(wù)主要是根據(jù)教師操作進(jìn)行模仿訓(xùn)練，基礎(chǔ)模塊以模仿任務(wù)為主，目的是通過(guò)模仿訓(xùn)練熟悉基礎(chǔ)網(wǎng)頁(yè)制作的技術(shù)，為后面的學(xué)習(xí)奠定扎實(shí)的基礎(chǔ)。 從設(shè)計(jì)模塊部分開(kāi)始，實(shí)踐型任務(wù)就成為學(xué)生必須完成的一項(xiàng)重要任務(wù)，在這一時(shí)期的教學(xué)中，模仿型任務(wù)是模仿教師制作一個(gè)基本能夠串連起教材知識(shí)點(diǎn)的網(wǎng)站。教師在上課時(shí)，首先向?qū)W生展示一個(gè)完整的網(wǎng)站項(xiàng)目，包括靜、動(dòng)態(tài)頁(yè)面，讓學(xué)生瀏覽網(wǎng)站的同時(shí)，分析網(wǎng)站的結(jié)構(gòu)、頁(yè)面布局、色彩的搭配、導(dǎo)航的設(shè)計(jì)、頁(yè)面主要?jiǎng)赢?huà)的設(shè)計(jì)等，使學(xué)生對(duì)具體的學(xué)習(xí)內(nèi)容有了一個(gè)感性的認(rèn)識(shí)，提高學(xué)習(xí)的興趣。授課時(shí)將每個(gè)模塊分成若干個(gè)子任務(wù)，讓學(xué)生通過(guò)模仿子任務(wù)的操作熟悉相關(guān)知識(shí)點(diǎn)。實(shí)踐型任務(wù)是一個(gè)由學(xué)生獨(dú)立完成的網(wǎng)站，并將此任務(wù)作為學(xué)生的期考任務(wù)，由學(xué)生自定題材或根據(jù)教師指定的題材，在完成每堂課的模仿型子任務(wù)之后，自行搜索素材，根據(jù)所學(xué)到的新知識(shí)對(duì)實(shí)踐型任務(wù)進(jìn)行一定的設(shè)計(jì)與制作，為學(xué)生較好完成課程考核任務(wù)做好了鋪墊。在教學(xué)任務(wù)完成后，學(xué)生對(duì)該門(mén)課程的知識(shí)即可形成一個(gè)完整的知識(shí)結(jié)構(gòu)體系，學(xué)生基本能設(shè)計(jì)制作一個(gè)網(wǎng)站。在授課過(guò)程中，經(jīng)常檢查學(xué)生掌握知識(shí)的情況，給學(xué)生查漏補(bǔ)缺，彌補(bǔ)平時(shí)所學(xué)的不足。還可在學(xué)生完成的一些子任務(wù)中選出部分進(jìn)行課堂演示和討論，活躍課堂氣氛，有利于學(xué)生記牢知識(shí)點(diǎn)。

經(jīng)過(guò)幾年的探索和實(shí)踐，教學(xué)成效還是比較顯著的，相對(duì)于以前學(xué)完后對(duì)網(wǎng)站設(shè)計(jì)制作無(wú)從下手的現(xiàn)象已經(jīng)很少了，大多數(shù)學(xué)生能利用所學(xué)的知識(shí)獨(dú)立完成一個(gè)完整網(wǎng)站的設(shè)計(jì)制作，頁(yè)面效果符合規(guī)范。但教學(xué)改革是一個(gè)動(dòng)態(tài)的過(guò)程，要根據(jù)實(shí)施過(guò)程中的具體情況靈活運(yùn)用，并不斷加以充實(shí)完善，以期取得更好的教學(xué)效果。