Dreamweaver課程設計初探

◆劉海霞 馮秀玲

作者：劉海霞，碩士，運城職業技術學院助教，研究方向為計算機教育、計算機應用；馮秀玲，運城職業技術學院（044000）。

Dreamweaver是Adobe公司旗下的一款網頁編輯軟件，該軟件使用非常方便，所見即所得，是網頁設計師常用的視覺化網站開發工具，利用它可以非常容易地制作出不受平臺限制和瀏覽器限制的界面優美的、充滿動感的網頁。在高等職業教育中，Dreamweaver是計算機類專業的一門操作性和實踐性很強的專業必修課。高職教育的導向是培養高技能應用型人才，為實現這一目標，課程設計是主要因素，教學方法是關鍵。本文就Dreamweaver課程設計作簡要探討。

1 教學目標分析

Dreamweaver開設一學期，共96學時，其中理論講授32學時，實踐訓練64學時，先修課程有Photoshop和Flash。

知識學習目標：了解關于網頁的基本概念，認識構成網頁的常用元素，理解站點的概念，理解CSS的概念及規則、DIV與AP DIV的區別及聯系，了解網頁的常見布局。

能力培養目標：掌握創建和發布站點的基本方法，掌握文本、圖像、多媒體的主要屬性與設置方法，掌握制作超級鏈接的方法，靈活使用DIV和CSS樣式布局網頁，掌握使用模板創建網頁的方法，掌握使用表單設計網頁的方法。

2 教學內容選取

根據教學目標并結合高職學生的學習特點，選取典型的、使用頻率高的工作任務作為教學訓練項目，將教學內容分為基礎訓練模塊和綜合訓練模塊。基礎訓練模塊包括網頁欣賞、網頁基礎、網頁制作和網站管理4個模塊。綜合訓練模塊是在基礎訓練模塊的基礎上，綜合運用所學知識和技能（包括Photoshop和Flash等課程所學的知識和技能），在學期的后半段時間進行綜合性、系統化訓練，培養學生的綜合能力，為學生進企業頂崗實習做前期準備，提高學生的崗位適應能力。具體的教學模塊、任務情境及相關知識點如表1所示。

表1 教學模塊、任務情境及相關知識點

表2 教學環節及實施過程

3 教學過程設計及實施

本門課程的最終目的是培養學生使用Dreamweaver設計、規劃、制作網頁的技能，在整個教學過程中注重學生的實際操作能力的培養，將理論講授和實踐操作相融合，主要采用案例教學、任務驅動以及協作學習、項目驅動的教學模式。

3.1 基礎訓練模塊教學設計及實施——案例教學，任務驅動

在基礎訓練階段，將經典網頁賞析、案例講解與操作演示、案例實訓、各類網頁設計比賽介紹貫穿于教學之中，構成一個理論與實踐相結合、課堂教學與課外學習相結合、案例教學與具體任務相結合的教學鏈，形成培養學生解決實際問題的能力和創新能力的網頁設計與制作課程教學體系。

在具體教學過程中，以案例為教學單元，具體教學環節如表2所示。

3.2 綜合訓練模塊教學設計及實施——協作學習、項目驅動

通過基礎訓練模塊的學習，學生對網頁基礎知識及網站的制作方法有了初步的認識。在綜合訓練階段，學生的學習圍繞真實的項目展開，教師發布若干網站主題，學生2～3人一組，分工明確，確定主題，共同完成網站設計與制作任務，真正體會網站設計和開發的過程；教師作為組織者、引導者和促進者，利用專題知識講解、網站方案設計匯報、網站成果展示及匯報等環節，給予學生及時有效的幫助，通過組織學生開展總結交流活動，創設交流、反思及評價的互動平臺，促進學生對網頁相關知識的理解和建構。

1）確定分組及項目主題。具體的網站主題有社交網站、公司網站、新聞網站、旅游網站和校園網，學生自由組合，2～3人一組，通過查找資料、小組討論最終確定項目主題，是很具體的網站，如五臺山旅游門戶網、云丘山旅游網、蘆芽山旅游網站、唯愛婚慶公司網站、北京眾鑫網絡傳媒公司網站、新亞新聞網等。

2）制定項目計劃。每組學生根據本組的項目主題，對項目進行需求分析，制定項目實施方案。組員進行分工，每位組員承擔不同的任務，具體的任務有素材的制作、收集和整理，網站界面設計，網頁制作，超級鏈接等。教師對學生的項目實施方案給出幫助和指導，其他小組也可以發表看法，提出建設性意見。

3）項目實施。正式進入網站設計及網頁制作階段，小組成員各司其職，共同完成網站設計及網頁制作任務。教師就學生遇到的問題和困難給予及時的幫助和指導。

4）網站項目展示與評價。項目完成后，每小組選派代表展示本小組的項目成果（主題網站），使用PPT陳述設計思路、小組分工，并對本小組的網站做出自我評價，總結本次學習活動的收獲。其他小組提出問題，教師提出問題，本組成員回答問題，其他小組和教師給出評價，按照網站評分標準進行打分。

①創造性（20分）：選題和構思有獨創性、有特色（5分）；版面和界面設計有新意（4分）；圖標、圖片、動畫、視頻的設計有較多的原創成分（5分）；文章大多數為原創內容（3分）；介紹新資料、新觀點、新方法（3分）。

②內容（25分）：內容豐富、完整（8分）；主題突出，用多種表現形式突出重點（8分）；文章行文流暢、易于理解（3分）；提供豐富的背景資料和相關參考資料，注明資料的來源和出處（3分）；沒有錯別字和繁體字（3分）。

③導航、結構和鏈接（25分）：界面親切友好，方便用戶使用（5分）；網站結構清晰，采用模塊化的結構，易于用戶理解（5分）；每一頁都有明確清晰的導航（5分）；提供背景資料和相關參考資料的鏈接，沒有無效鏈接（5分）；內容易于檢索（5分）。

④制作水平（15分）：在動畫、按鈕等的設計中恰當地運用比較復雜和高級的技巧（5分）；圖形圖像經過最優化處理，視頻和音頻材料經過壓縮，載入迅速（5分）；運用菜單、圖標、按鈕、窗口、熱鍵等，增強人機交互功能（5分）。

⑤藝術性（15分）：界面美觀（4分）；排版布局合理（4分）；圖片、動畫、視頻色彩鮮明、清晰、生動形象（4分）；音樂與主題風格一致，能增強表現力（3分）。

教師對整個項目的實施過程進行點評，指出成果和不足，強調相關知識技能，歸納總結課程教學目標的完成情況。

4 結束語

在本課程的教學中，通過對教學內容進行序化和重組，更加符合高職教育對教學內容的要求。

1）充分挖掘學生的潛力，將真實的網站設計任務貫穿整個教學過程，以完成項目為目標，驅動整個教與學的過程。

2）采用案例教學、任務驅動，協作學習、項目驅動兩種教學模式，更加符合學生的認知規律，充分調動學生的學習興趣和學習積極性。

3）采用多種評價方式，更加全面、準確地反映學生的學習情況。

在整個學習過程中，學生的自主學習能力、分析解決實際問題的能力、團隊協作能力以及創新能力都得到鍛煉和提高。

[1]李捷,羅擁軍.《網頁制作技術》項目教學法的研究與實踐[J].職業教育研究,2008(2):150-151.

[2]傅四保.建構主義指導下的項目教學法初探:以“教育技術學研究方法”課程為例[J].中國大學教學,2011(2):56-58.

[3]路寶利.新世紀十年中國職業教育的發展困境與思考[J].開放教育研究,2012(5):37-42.

[4]湯文飛,趙曉秋,劉菁.Dreamweaver CS4網站設計實例教程[M].北京:機械工業出版社,2010.

[5]舒波,向磊.“大學計算機基礎”學習資源的設計與應用研究[J].中國電化教育,2012(7):94-96,107.

[6]張蘭芳.基于“項目教學法”的計算機基礎教學及其評價[J].西南師范大學學報:自然科學版,2012(6):245-248.

[7]柳永念.基于項目教學法的非計算機專業計算機教學改革探討[J].教育與職業,2011(24):105-106.