Dreamweaver課程設計初探

◆劉海霞 馮秀玲

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

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

1 教學目標分析

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

知識學習目標：了解關于網(wǎng)頁的基本概念，認識構成網(wǎng)頁的常用元素，理解站點的概念，理解CSS的概念及規(guī)則、DIV與AP DIV的區(qū)別及聯(lián)系，了解網(wǎng)頁的常見布局。

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

2 教學內(nèi)容選取

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

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

表2 教學環(huán)節(jié)及實施過程

3 教學過程設計及實施

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

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

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

在具體教學過程中，以案例為教學單元，具體教學環(huán)節(jié)如表2所示。

3.2 綜合訓練模塊教學設計及實施——協(xié)作學習、項目驅(qū)動

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

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

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

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

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

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

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

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

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

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

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

4 結束語

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

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

2）采用案例教學、任務驅(qū)動，協(xié)作學習、項目驅(qū)動兩種教學模式，更加符合學生的認知規(guī)律，充分調(diào)動學生的學習興趣和學習積極性。

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

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

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

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

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

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

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

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

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