基于Web20技術項目教學法在高職網頁設計和制作課程教學中探索和實踐

1、基于web 2. 0技術項目教學法在高職網頁設計和制作課程教學中探索和實踐摘要：本文針對在高職網頁設計與制作教學中采 用傳統(tǒng)教學方法存在的一些問題，提出了基于web 2.0技術 的項目教學法教學模式的內涵，對網頁設計與制作課程 進行了教學實踐改革設計，并以子項目的實施過程為例進行 詳細講解，最后指出該種教學方法在具體實施中需改進之 處。對于在高職網頁設計與制作教學中開展基于web 2. 0 技術的項目教學法具有重要的實際參考價值。關鍵詞：高職；web 2.0；項目教學法中圖分類號：tp393. 092-4網頁設計與制作是高職高專計算機專業(yè)的一門操作 性和實踐性較強的課程，以專業(yè)培養(yǎng)目標和專業(yè)教

2、學計劃為 依據，遵循適用、實用、會用、通用的原則，系統(tǒng)講授網頁 設計與制作的相關技術。筆者在最初教授這門課時，采用傳 統(tǒng)教學方法進行教授，但發(fā)現學生學完本課程后，對所學的 理論知識掌握尚可，但在實踐過程中往往出現不知所學知識 點如何運用的情況。這與高職高專培養(yǎng)應用型人才的目標相 背離，同時無疑對學生后期就業(yè)等都會產生很大的影響。在 以往的課程教學效果評估中，我們發(fā)現主要存在以下三個問 題：(1) 沿襲傳統(tǒng)的按章節(jié)來組織內容，缺失了對整體布 局網站的職業(yè)能力的培養(yǎng)，學生只會照搬實例，不能融會貫 通，無法把知識點串接以及組合起來布局綜合型的網站。究 其原因在于學生缺失了對整個網站布局和規(guī)劃等綜合能

3、力 的訓練，而這些技能往往是從事這一職業(yè)最關鍵的能力。(2) 教學過程以講解理論為主、上機實踐為輔，學生 很難接受這種“滿堂灌”的方式，上機實踐也只是為了驗證 理論知識或加強對理論知識的熟悉程度，很難適應當今社會 對應用型人才的要求。(3) 學生在課下碰到網頁設計與制作的相關問題時， 很少去和同學們或者教師交流，這與缺乏交流平臺以及缺乏 團隊合作意識有關，導致問題不能及時解決，逐漸將問題堆 積。鑒于上述現狀，為提高課程的教學效果，充分調動學生 學習本課程的積極性，加強培養(yǎng)學生網頁設計與制作的實踐 能力，我在近兩年網頁設計與制作課程的實際教學過程 中，嘗試進行了基于web 2.0技術的項目教學法

4、教學模式的 探索與實踐。1基于web 2.0技術的項目教學法的內涵項目教學法是教師以研究某種或多種學科的概念和原 理為中心，以完成具體的任務為目的，在真實的社會實踐中 借助多種資源開展探究活動，并在一定時間內解決一系列相 關聯問題的教學方法。但是由于教師知識范圍的局限，其所 設計資源并不一定能滿足學生的學習需要。web 2.0能輕易 幫助我們解決這個問題，因其開放性和協(xié)作性的特點，給學 習者參與進行資源的完善和共建提供了方便，可以發(fā)揮群體 的優(yōu)勢，實現學習活動中問題的解決，并在問題解決的過程 中學會協(xié)作，學會學習?；趙eb 2.0技術的項目教學法為學習者提供了開放式 的學習，提供的資源是開放

5、的，可以修改、增加、共建。這 樣的項目教學法可以通過wiki、博客技術手段來實現，學習 者通過博客或wiki來發(fā)布自己項目主題、項目計劃、階段 性成果等相關內容，借助sns、tag聚集對項目主題感興趣 的人，讓學生及時捕捉到其他學生最新的項目信息及項目成 果，從而及時分析項目成果，來進行開展深入研究。因此基 于web 2. 0技術的項目教學法是基于開放式特征的研究性學 習。2高職網頁設計與制作教學實踐改革設計本研究中，首先設計一個學生熟悉并易于接受的整體項 目，然后將上述整體項目分解成若干子模塊，再將子模塊分 解成子項目，直到每個子項目可通過各個知識點來解決。本課程選取的整體項目是“建立一個學

6、校的網站”，將 其分解成了七個子模塊：創(chuàng)建學校介紹頁面、學校各部門介 紹頁面、制作網站的留言板頁面、制作網站的首頁或引導頁、 站點上傳與發(fā)布、使用css進行網頁布局、制作網站的創(chuàng)建 流程。下面以第二個項目'學校各部門介紹頁面”的實現為 例說明。(1) 根據教學目標和教學內容，創(chuàng)設情境根據教學目標，學生學完本門課程后，應能熟練掌握網 頁設計與制作中的各種操作技術，具備開發(fā)、維護小型網站 的知識和能力。因此教師在授課之前，先在wiki上提出教 學要求，發(fā)布教學內容提綱，激發(fā)學生思考。在wiki頁面 上把搜集的一些有著生動文字、精美圖片、動聽音樂以及有 趣動畫的網頁給學生們欣賞，使學生對本門

7、課程產生濃厚興 趣。(2) 根據情境分解目標，確定項目我們利用'學校各部門介紹頁面的實現”子項目讓同 學們逐步掌握為網頁添加各種鏈接、創(chuàng)建導航條、利用層的 嵌套與重疊順序設置層的屬性等知識點，并將其進一步分解 成七個子項目，逐一對應以上各知識點。子項目的具體要求 如下所述。 子項目一：學校部門介紹與素材資料的準備。具體描述：搜集學校介紹和各部門的文字、圖片、表格 等資料素材。項目重點：資料搜集的方法及提煉。 子項目二：制作“友情鏈接”。具體描述：為網頁添加文本鏈接、圖像鏈接、e-mai 1鏈 接、錨點鏈接、空鏈接和腳本鏈接。項目重點：不同鏈接的添加方法。 子項目三：創(chuàng)建導航條。具體描述

8、：為網頁添加導航條，利用插入圖片和利用 “導航條”兩種方式，學會使用熱圖鏈接。項目重點：創(chuàng)建導航條的方法。 子項目四：制作利用層布局的網頁。具體描述：創(chuàng)建和選擇層、改變層的重疊順序，設置層 的屬性，將層對齊到網格。項目重點：層的嵌套與重疊順序、層的屬性。 子項目五：制作框架網頁。具體描述：認識創(chuàng)建和保存框架與框架集、框架和框架 集屬性、插入預定義框架集和制作新的框架、在框架集中創(chuàng) 建鏈接。項目重點：區(qū)分框架與框架集、學會保存框架與框架集、 插入預定義框架集和制作新的框架。子項目六：創(chuàng)建庫項目。具體描述：創(chuàng)建庫項目、添加庫項目、編輯庫項目。 項目重點：創(chuàng)建與應用庫項目。子項目七：利用模板創(chuàng)建出大

9、量的具有形同布局的頁面。具體描述：創(chuàng)建模板、定義可編輯區(qū)域、使用模板創(chuàng)建 統(tǒng)一風格的網頁、把模板應用與現有的文檔、編輯模板文件、 管理模板。項目重點：創(chuàng)建、編輯、管理模板，使用模板創(chuàng)建統(tǒng)一 風格的網頁。(3) 利用web 2.0技術提供資源、創(chuàng)建小組、小組協(xié) 作、完成項目教師需在wiki頁面上向學生提供必要的資源與素材， 供學生們引用。此外，教師還需在學生著手開始實施項目之 前，為同學們講授在實施項目過程中將用到的各基礎知識， 并通過小的實例項目操作練習，加強學生對語法知識點的掌 握和訓練，開闊學生編程的思路。在教師指導下，遵循差異性、公平性、交互性、協(xié)作性 原則，在適度自主組合基礎上劃分若干

10、個學習小組，每組5 至8人。教師要關注小組間成員的技術力量是否均衡，認知 能力是否均衡，學習方式是否均衡，比較可行的辦法是先由 學生自愿組合，再由教師適度調整，在聽取小組成員意見的 基礎上指派一名小組協(xié)調員和一名技術輔導員。一旦小組成 員確定，學生必須注冊成wiki成員，并由技術輔導員申請 維客小組，根據教師布置的任務創(chuàng)建條目，其他成員加入小 組進行討論共同學習。學生借助網絡主動搜集材料，應用如tag、sns、rss等 技術，web2. 0能“主動”為學生尋求合作的目標群，并“主 動”在各學生的wiki之間建立起連結，然后在wiki上創(chuàng)建 該問題的相關頁面闡述各自的見解，并提供相關鏈接，通過

11、組內和組間的討論、啟發(fā)對該頁面不斷修改、完善。小組成 員可以邀請別組成員加入本小組，也可邀請游客加入本組， 其版面和word 一樣，即可對本組的條目進行編輯、添加， 也可刪除。教師通過wiki平臺及時觀察wiki條目的創(chuàng)作情況、資 源的整理和添加情況。同時教師也可以一個平等的學習伙伴 身份隨時隨地加入各學習小組，對學生在條目中表現出的學 習狀況及時反饋和應對，時刻關注學習者的認知反應，必要 時對條目中明顯的謬誤直接做出修正，對反映出的共性問題 可在第一時間反饋至課堂教學環(huán)節(jié)中，指導學生更好地完成 項目。（4）成果上交，展示作品，交流評價學生以小組的形式完成項目后，上交成果。提交方式有 多種：直

12、接在wiki上供老師和學生查看；也可以提交給老 師，老師展示小組成員的作品。作品展示完后，開始對其進 行評價。評價的內容包括對學習者的評價、對教師的評價、 對教學內容的評價等，其中對學習者的評價是重點。評價形 式可以采取組間互評、組內互評、教師評價、自我評價等。 項目教學法的一個重要條件是小組成員的積極互助，每個成 員的成績受制于小組的整體表現，每個成員的成績應當以組 內互評為主，將小組成績加權成員的貢獻度，形成個體的最 終成績。在設計評價量規(guī)時，評價指標包括網頁內容（30分）、 技術（20分）、網頁外觀（20分）、協(xié)作（30分），總分100 分。3結束語基于web 2.0技術的項目教學法的開

13、展有利于激發(fā)學生 的學習興趣，對學生掌握知識與培養(yǎng)能力有幫助，使學習變 得積極主動，能培養(yǎng)和鍛煉學生的實踐能力，有利于提高學 生的自主學習能力、個人知識建構能力、合作學習與交流的 能力。因此，在高職院校嘗試基于web 2.0技術的的項目教 學法的教學方法與學習方法是有必要的，也是可行的。同時 在實施基于web 2.0技術的項目教學法的過程中需要加強對 師生進行web 2.0技術應用的培訓、加強項目的選題與組織 管理以及完善學習資源庫及課題資源庫的建設，力求能夠構 建出一種真正適應社會教育需求和學生學習需求的新的高 職人才培養(yǎng)模式及相應的教學模式與學習模式。參考文獻：1 毛樂琦高職網頁設計與制作課程項目化教學改 革實踐j.計算機教學,2013 （23）： 113-114.2 饒志凌.web 2.0環(huán)境下髙職大學生網頁設計與制 作構建個人ple的研究j.多媒體設計，2013（06）： 57-58.3 劉海琴，王江濤.項目化教學在高職網絡數據庫教學 中的實踐與探索j 職業(yè)技術