對于高職院校網(wǎng)絡(luò)專業(yè)《網(wǎng)頁設(shè)計》課程模塊化教學的探索

1、對于高職院校網(wǎng)絡(luò)專業(yè)網(wǎng)頁設(shè)計課程模塊化教學的探索    摘要：網(wǎng)頁設(shè)計是高職計算機網(wǎng)絡(luò)和計算機相關(guān)專業(yè)的一門重要的核心課程。文章分析了對網(wǎng)頁設(shè)計傳統(tǒng)教學模式存在的問題，探索網(wǎng)頁設(shè)計課程模塊化教學體系的構(gòu)建和實施，力求通過模塊化教學培養(yǎng)學生綜合技能與素質(zhì)，提高學生的職業(yè)能力。      關(guān)鍵詞：網(wǎng)頁設(shè)計；模塊化；探索 21世紀是科技的世界，更是互聯(lián)網(wǎng)的時代，人們的工作、學習已離不開互聯(lián)網(wǎng)，通過互聯(lián)網(wǎng)發(fā)布和獲取信息、展示部門、企業(yè)形象，開展網(wǎng)絡(luò)營銷等活動已成為一種新的流行趨勢。無論是企業(yè)網(wǎng)

2、絡(luò)構(gòu)建管理還是網(wǎng)站的開發(fā)運營，都需要靠實用型網(wǎng)絡(luò)技術(shù)人才來實現(xiàn)，社會對合格的網(wǎng)站設(shè)計人才需求缺口非常大。高職院校為社會培養(yǎng)了大批網(wǎng)站設(shè)計人才，但真正符合社會需求的技術(shù)應用性人才仍然短缺。這一現(xiàn)象表明，計算機專業(yè)的教學和人才培養(yǎng)模式與社會脫節(jié)，高職計算機技術(shù)人才培養(yǎng)面臨很大的挑戰(zhàn)。 一、高職院校網(wǎng)頁設(shè)計傳統(tǒng)教學模式存在的問題 （一）網(wǎng)頁設(shè)計課程具有實用性、操作性強的特點 在當前高職計算機傳統(tǒng)教學模式中，教師通常根據(jù)“理論加實踐”的模式來開展教學，即根據(jù)教材的章節(jié)安排進行理論基礎(chǔ)知識講解并演示操作步驟，學生跟著模仿操作和練習。這種教學方式將課程知識點以多且零散的方式呈

3、現(xiàn)給學生，忽視了知識與具體工作任務(wù)的聯(lián)系，授課完成后學生大多只記得軟件的操作和某些工具的使用，對于一個完整的網(wǎng)站項目從設(shè)計到制作完成的過程缺乏清晰的認識，造成學生所掌握的知識技能與具體工作任務(wù)和就業(yè)需要脫軌。  （二）實訓環(huán)節(jié)還是模擬性實驗多，內(nèi)容單一，缺乏真實實踐環(huán)境，學生未能通過實訓有效地梳理所學知識，提高實踐操作能力。 （三）一些高職院校學校的現(xiàn)行教材中教學內(nèi)容比較滯后，脫離實際。實踐與能力培養(yǎng)不夠突出，專業(yè)實習、實訓的設(shè)備與計算機技術(shù)的發(fā)展有一定的差距，學生的實驗教學往往不能保質(zhì)保量地進行。學生很難按要求完成教材的學習內(nèi)容，達到教學大綱所要求的目標，學習的

4、最終效果不能滿足社會相關(guān)職業(yè)崗位的需要。     二、網(wǎng)頁設(shè)計課程模塊化教學體系的構(gòu)建 高職院校的網(wǎng)頁設(shè)計課程是培養(yǎng)學生具有一定的藝術(shù)素養(yǎng)，較強的網(wǎng)頁鑒賞能力，熟悉網(wǎng)頁設(shè)計創(chuàng)意的原理和方法，熟悉HTML、CSS、JavaScript和網(wǎng)頁制作工具，熟悉網(wǎng)頁的制作和發(fā)布流程。能夠根據(jù)客戶需求進行網(wǎng)頁設(shè)計與制作以及進行網(wǎng)站的維護和管理工作。在教學過程中，將這些知識點合理地貫穿在課程的授課中，將課程內(nèi)容分段模塊化，以應用和職業(yè)能力為導向，打破以知識為中心的傳統(tǒng)學科章節(jié)體系，將工作崗位所需知識、技能和素質(zhì)分解為多個相對獨立的教學模塊，以模塊為

5、單元開發(fā)教學資料并組織教學，將相關(guān)理論融于技能訓練中。 在授課內(nèi)容上打破以往教材只講授Dreamweaver軟件制作網(wǎng)頁，或者以Dreamweaver軟件為主，F(xiàn)lash、Firworks、Phtoshop幾個軟件都涉及，但是這幾個軟卻是孤立講授，學生在學習的過程中學到的知識是零散的，思想是模糊，在制作網(wǎng)頁時很難從全局的角度出發(fā)，規(guī)劃設(shè)計制作出合格的網(wǎng)頁。為此，筆者打破原有課程體系的束縛，調(diào)整原有章、節(jié)的順序，增加以往教材中缺少的網(wǎng)站設(shè)計的重要知識版面設(shè)計部分，將課程內(nèi)容結(jié)構(gòu)以應用為導向“模塊化”，共分為四個主要模塊，每個模塊下又分為不同的子模塊，根據(jù)模塊的特點采取與之相對應的教學方

6、法和手段，培養(yǎng)學生的專業(yè)素質(zhì)和能力。 課程的設(shè)置模塊如下        表（課程模塊設(shè)置表）。 課程模塊設(shè)置表 課程知識模塊子模塊學習任務(wù)能力目標 模塊一 基礎(chǔ)模塊（一）子模塊一 網(wǎng)頁設(shè)計基礎(chǔ)了解網(wǎng)頁設(shè)計基本概念，包括Internet、WWW、HTTP、HTML等；了解網(wǎng)頁設(shè)計基本流程；了解網(wǎng)頁制作相關(guān)工具掌握網(wǎng)絡(luò)、網(wǎng)頁、網(wǎng)站等基本概念，掌握網(wǎng)站設(shè)計基本流程 子模塊二 網(wǎng)頁制作技術(shù)掌握站點的管理；文本的處理；表格布局網(wǎng)頁；超級鏈接的創(chuàng)建

7、；css樣式表的使用；模板和框架網(wǎng)頁；多媒體的應用；層與時間軸；行為的使用等熟練掌握網(wǎng)頁制作相關(guān)的技術(shù)；掌握常用HTML標簽的功能和使用 模塊二 設(shè)計模塊子模塊一 網(wǎng)頁版式設(shè)計掌握網(wǎng)頁的布局理念；色彩搭配；phtoshop和Fireworks設(shè)計網(wǎng)頁頁面能利用phtoshop或Fireworks圖像處理軟件設(shè)計網(wǎng)頁頁面，并能將頁面設(shè)計圖形成網(wǎng)頁 子模塊二 動畫設(shè)計網(wǎng)頁頁面中動畫的位置、設(shè)計能利用Flash動畫制作軟件設(shè)計制作引導動畫、Banner、導航菜單等動畫 模塊三 基礎(chǔ)模塊（二）動態(tài)設(shè)計了解數(shù)據(jù)庫的鏈接；IIS的設(shè)置；

8、動態(tài)頁面創(chuàng)建的方法會用ACCESS或SQL創(chuàng)建數(shù)據(jù)庫，鏈接數(shù)據(jù)庫；會創(chuàng)建簡單動態(tài)網(wǎng)頁；會測試動態(tài)網(wǎng)頁；能將給定的動態(tài)網(wǎng)頁（如論壇、留言板）鏈接到靜態(tài)網(wǎng)站中 模塊四 應用模塊模塊一 綜合設(shè)計用戶調(diào)查分析；材料的收集分類；網(wǎng)站的整體規(guī)劃；綜合運用所學知識建立一個網(wǎng)站熟悉網(wǎng)站的整體規(guī)劃和設(shè)計流程，能獨立規(guī)劃、設(shè)計制作一個完整的網(wǎng)站（以集中實訓的方式進行） 模塊二 網(wǎng)站建設(shè)后期管理了解網(wǎng)站發(fā)布、網(wǎng)站測試、網(wǎng)站維護。會申請空間；能利用上傳工具將網(wǎng)站上傳到Internet上     三、網(wǎng)頁設(shè)計課程模塊化教

9、學體系的實施 （一）合理安排各教學模塊的課時，突出職業(yè)應用能力模塊的教學 在課時的安排上改變以往花費大量時間講授使用Dreamweaver軟件制作網(wǎng)頁的技術(shù)知識，忽略網(wǎng)站設(shè)計知識，使得學生學完課程后缺乏設(shè)計能力。根據(jù)網(wǎng)絡(luò)專業(yè)學生在先行課中學習過計算機基礎(chǔ)、圖像處理、動畫制作等先行課，對于網(wǎng)頁設(shè)計和制作基礎(chǔ)等知識的理解接受能力較強的特點，在課時的安排上，基礎(chǔ)模塊部分只分配總課時的三分之一，設(shè)計模塊約占總課時的四分之一，將剩余的將近總課時一半的時間分配在應用模塊上，并以實訓的方式，采用“真題真做”等形式進行教學，對學生著重進行實踐和應用能力的培養(yǎng)，使學生在授課完成后對于網(wǎng)站的整

10、個設(shè)計過程有一個比較清晰的認識，提高崗位技能。 （二）改革課程教學模式，提高學生學習效率 將整個教學過程分為兩大任務(wù)模仿型任務(wù)和實踐型任務(wù)。模仿型任務(wù)主要是根據(jù)教師操作進行模仿訓練，基礎(chǔ)模塊以模仿任務(wù)為主，目的是通過模仿訓練熟悉基礎(chǔ)網(wǎng)頁制作的技術(shù)，為后面的學習奠定扎實的基礎(chǔ)。   從設(shè)計模塊部分開始，實踐型任務(wù)就成為學生必須完成的一項重要任務(wù)，在這一時期的教學中，模仿型任務(wù)是模仿教師制作一個基本能夠串連起教材知識點的網(wǎng)站。教師在上課時，首先向?qū)W生展示一個完整的網(wǎng)站項目，包括靜、動態(tài)頁面，讓學生瀏覽網(wǎng)站的同時，分析網(wǎng)站的結(jié)構(gòu)、頁面布局、色彩的搭配

11、、導航的設(shè)計、頁面主要動畫的設(shè)計等，使學生對具體的學習內(nèi)容有了一個感性的認識，提高學習的興趣。授課時        將每個模塊分成若干個子任務(wù)，讓學生通過模仿子任務(wù)的操作熟悉相關(guān)知識點。實踐型任務(wù)是一個由學生獨立完成的網(wǎng)站，并將此任務(wù)作為學生的期考任務(wù)，由學生自定題材或根據(jù)教師指定的題材，在完成每堂課的模仿型子任務(wù)之后，自行搜索素材，根據(jù)所學到的新知識對實踐型任務(wù)進行一定的設(shè)計與制作，為學生較好完成課程考核任務(wù)做好了鋪墊。在教學任務(wù)完成后，學生對該門課程的知識即可形成一個完整的知識結(jié)構(gòu)體系，學生基本能設(shè)計制作一個網(wǎng)

12、站。在授課過程中，經(jīng)常檢查學生掌握知識的情況，給學生查漏補缺，彌補平時所學的不足。還可在學生完成的一些子任務(wù)中選出部分進行課堂演示和討論，活躍課堂氣氛，有利于學生記牢知識點。 （三）在課程實訓環(huán)節(jié)“真題真做”，提高學生工作技能 實訓環(huán)節(jié)是課程的一個重要部分，通過一段時間的實訓，使學生梳理學過的知識，提高實踐操作能力。我們在進行綜合設(shè)計模塊的教學時，即以集中實訓的方式，采取“真題真做”的方式進行，讓學生在真實工作情景中鍛煉技能。一種方式是讓學生參與計算機協(xié)會、團委等學生社團、甚至是學院系部、網(wǎng)站管理建設(shè)。如系部學生社團和系部各個部門在校園網(wǎng)上需充實、更新的網(wǎng)頁、信息資源，系部

13、制作的網(wǎng)絡(luò)課程、精品課程網(wǎng)站等，都可讓學生參與設(shè)計制作，學生在教師的指導下，或由高年級學生幫帶，完成與“用戶”的溝通，根據(jù)“用戶”要求，搜集素材，參與項目的策劃和實施。另一種方式是將學生帶到與學院校企合作的實訓基地，在企業(yè)中體驗網(wǎng)站維護和建設(shè)的真實工作情景。這種真題真做的方式不但能讓學生充分體驗一個真實項目從開始到完成的全過程，檢驗自己的學習成果和實踐能力，還可以考察學生組織協(xié)調(diào)、與人溝通、策劃執(zhí)行的能力，讓學生得到一個綜合性的鍛煉。通過優(yōu)秀網(wǎng)頁作品的演示、分析,以及學生獨立作品設(shè)計指導等措施注重提升學生藝術(shù)設(shè)計水平。 （四）以崗位和職業(yè)技能為標準進行課程考核 為增強學生綜

14、合應用能力，提高實踐技能，期終考核采取兩種考核方式，即“課程內(nèi)容考核+實訓考核”考察學生知識技能的掌握狀況。要求學生兩項成績都合格，整個課程的成績才算合格。 1、課程內(nèi)容考核 網(wǎng)頁設(shè)計課程的最終目的是要求學生應用所學知識，設(shè)計出個性化的特色網(wǎng)站。因此課程的考核采取項目開發(fā)與項目展示相結(jié)合的方式，即讓學生在一段比較長的時間內(nèi)完成一個完整的網(wǎng)站，再組織學生進行項目展示。在教學中后期階段，也就是在進行設(shè)計模塊的教學時，就要求學生開始著手收集資料，按照教師給定的主題設(shè)計一個具有自己特色的網(wǎng)站。教師設(shè)定網(wǎng)站設(shè)計要求：作品是原創(chuàng)，主題突出，內(nèi)容健康，布局合理，色彩搭配合理，至少還有8個

15、頁面，深度至少包括二級頁面；顯示分辨率以1024*768為準，必須上交網(wǎng)站設(shè)計過程中所有的源文件包括png、psd和fla文件等；還要求學生上交作品說明（包含設(shè)計思路，進度計劃等）這樣可以考查學生作品完成的態(tài)度和原創(chuàng)性，同時也可培養(yǎng)學生實踐操作和應用開發(fā)能力，發(fā)揮學生的學習積極性和主動性。作品完成后，再組織學生進行項目展示，讓每名學生都對自己所完成的網(wǎng)站進行一個介紹。然后由老師、同學進行提問，演示學生現(xiàn)場答辯。最后綜合學生的作品和提問的表現(xiàn)給出一定的分數(shù)。這樣既考察了學生的動手能力，也讓學生的口頭表達能力、臨場反應能力得到了提高。 2、實訓考核 計算機網(wǎng)絡(luò)專業(yè)的畢業(yè)生將來很

16、有可能從事網(wǎng)站開發(fā)和網(wǎng)頁設(shè)計工作，在如今的人才市場招聘中，經(jīng)常會看到招聘的網(wǎng)頁設(shè)計人員，必須通過相關(guān)認證考試，由此可見，認證的重要性。因此，將網(wǎng)頁設(shè)計課程教學和網(wǎng)頁設(shè)計師職業(yè)資格認證有機結(jié)合勢        在必行。在課程實訓結(jié)束，要求學生進行職業(yè)證書的考核，考核成績作為實訓成績。學生選考的職業(yè)資格證可以是國家勞動部的ATA網(wǎng)頁設(shè)計師、目前社會認可度比較高的Macromedia認證網(wǎng)頁設(shè)計師證書、Adobe認證網(wǎng)頁設(shè)計師證書(ACCD)等。使高職生生能結(jié)合所學課程和專業(yè)，進行職業(yè)資格能力方面的學習，提前了解職業(yè)技能要求，提高職業(yè)素質(zhì)、實踐能力和就業(yè)競爭能力，縮短就業(yè)上崗后的適應期。這無論從學生角度。還是從企業(yè)角度看，都是一件“雙贏”的事。 經(jīng)過近兩年的探索和實踐，教學成效還是比較顯著的，相對于以前學完后對網(wǎng)站設(shè)計制作無從下手的現(xiàn)象已經(jīng)很少了，大多數(shù)學生能利用所學的知識獨立完成一個完整網(wǎng)站的設(shè)計制作，頁面效果符合規(guī)范；ATA考證合格率95%以上，相當一部分學生畢業(yè)后能立即上崗，用人單位評價良好。但教學改革是一個動態(tài)的過程，要根據(jù)實施過程中的具體情況靈活運用，并不斷加以充