以能力為目標的《Dreamweaver 網(wǎng)頁設(shè)計與制作》課程教學(xué)改革研究

賈利娟

摘要：《Dreamweaver網(wǎng)頁設(shè)計與制作》是一門實踐性很強的課程，在日常的教學(xué)過程中老師除了講授課本上的基礎(chǔ)知識外，重點是培養(yǎng)學(xué)生的分析能力、創(chuàng)新能力和實際的操作能力。該文針對目前高校在課程安排上的問題，從教學(xué)內(nèi)容、教學(xué)方法、教學(xué)手段及考核方式進行了探索與研究。

關(guān)鍵詞：網(wǎng)頁設(shè)計與制作；教學(xué)改革； 教學(xué)方法

中圖分類號：G424 文獻標識碼：A 文章編號：1009-3044（2015）30-0155-02

Research on the Teaching Reform of "Dreamweaver Web Design and Production" With the Ability as the Target

JIA Li-juan

（Shaanxi Radio and TV University ，Xian 710119， China）

Abstract： the Dreamweaver web design and production is a practical course， in the daily teaching process， teachers besides lecturing the basic knowledge of textbook， the key is to cultivate students' analytical ability， innovation ability and actual operation ability. In this paper on the question of curriculum in colleges and universities， it has carried on the exploration and research， from teaching content， teaching methods， teaching means and examination mode.

Key words： web design and production； teaching reform； teaching method

互聯(lián)網(wǎng)是一個蘊藏著無窮資源的寶庫，在資源共享和信息交換方面具有得天獨厚的優(yōu)勢。隨著互聯(lián)網(wǎng)的迅猛發(fā)展，我們可以獲取、交換和存儲連接到網(wǎng)絡(luò)上的各種計算機信息。網(wǎng)絡(luò)上存放信息和提供服務(wù)的地方就是網(wǎng)站，一個成功的網(wǎng)站離不開精美絢麗的網(wǎng)頁，目前Dreamweaver是最受歡迎的網(wǎng)頁制作軟件之一，使用它可以制作出十分精美的網(wǎng)頁。

《Dreamweaver網(wǎng)頁制作與設(shè)計》是一門設(shè)計性和創(chuàng)造性很強的課程，該課程是目前各高等院校計算機應(yīng)用技術(shù)及相關(guān)專業(yè)的一門專業(yè)必修課程。本課程的主要任務(wù)是講授網(wǎng)頁設(shè)計與制作的基礎(chǔ)知識、網(wǎng)頁制作工具的使用方法、靜態(tài)網(wǎng)頁設(shè)計技術(shù)的綜合應(yīng)用以及網(wǎng)站建立與管理等實用技術(shù)。但是在以往的教學(xué)過程中我們只注重課程的理論教學(xué)及制作軟件的使用，忽略了學(xué)生的能力培養(yǎng)。因此筆者結(jié)合自己實際的教學(xué)工作經(jīng)驗結(jié)合課程標準、教學(xué)內(nèi)容、課程知識結(jié)構(gòu)、教材等提出了具體的教學(xué)改革內(nèi)容。

1教學(xué)內(nèi)容探索與改革

按照現(xiàn)代職業(yè)教育理念，緊緊圍繞專業(yè)培養(yǎng)目標，按照“以能力培養(yǎng)為核心，以職業(yè)崗位為目標，以工作過程為導(dǎo)向”設(shè)計課程。結(jié)合筆者三年多的教學(xué)經(jīng)驗，把本門課程的內(nèi)容分為10個完整項目，每個項目又分解為若干個任務(wù)，通過一系列“由簡到繁、由易到難、承前啟后”的階梯式案例演練，使學(xué)生快速掌握網(wǎng)頁設(shè)計制作的思路和基本技能。通過實訓(xùn)練習(xí)和課后習(xí)題，拓展學(xué)生的網(wǎng)頁設(shè)計制作實際應(yīng)用能力。具體教學(xué)項目及內(nèi)容如表1所示。

表1 課程項目教學(xué)內(nèi)容

[序號＼&項目名稱＼&主要內(nèi)容＼&項目一＼&網(wǎng)頁設(shè)計與制作基礎(chǔ)＼&網(wǎng)頁與網(wǎng)站基本知識、網(wǎng)站開發(fā)的基本流程、Dreamweaver軟件簡介、創(chuàng)建和管理本地站點、HTML標識語言基礎(chǔ)知識。＼&項目二＼&應(yīng)用文本和圖像＼&在網(wǎng)頁中插入文本及文本屬性、格式和樣式的設(shè)置、在網(wǎng)頁中插入圖像及圖像的屬性設(shè)置、網(wǎng)頁中圖文混排版面的制作。＼&項目三＼&插入多媒體元素和超鏈接＼&網(wǎng)頁中Flash動畫的插入與設(shè)置。網(wǎng)頁中視頻、音頻元素的插入與設(shè)置、其他多媒體元素的插入與設(shè)超鏈接的種類和路徑、各類超鏈接的創(chuàng)建（文本、空超鏈接、圖像、E-mail、錨、圖像熱點）。＼&項目四＼&使用CSS樣式＼&CSS樣式的概念與引用、CSS規(guī)則的基本語法和創(chuàng)建方、在網(wǎng)頁文檔中使用CSS樣式。＼&項目五＼&表格＼&創(chuàng)建表格、編輯表格、表格的嵌套、設(shè)置表格的屬性、表格標簽及標簽檢查器、使用表格設(shè)計網(wǎng)頁。＼&項目六＼&框架＼&框架與框架集、框架與框架集的屬性設(shè)置、用框架布局網(wǎng)頁、框架的嵌套、使用浮動框架、利用框架設(shè)計網(wǎng)頁。＼&項目七＼&使用AP Div元素＼&AP Div概述、AP Div的創(chuàng)建和基本操作、使用AP Div布局網(wǎng)頁、AP Div與表格的相互轉(zhuǎn)換、使用AP Div元素布局網(wǎng)頁。＼&項目八＼&使用行為和表單＼&行為的基本知識和基本操作、應(yīng)用Dreameweaver中的內(nèi)置行為、使用行為創(chuàng)建網(wǎng)頁特效、創(chuàng)建表單和表單對象、應(yīng)用表單和表單對象、在網(wǎng)頁中使用Spry布局對象。＼&項目九＼&模板、庫和資源管理＼&創(chuàng)建模板、應(yīng)用模板、應(yīng)用庫、應(yīng)用資源面板。＼&項目十＼&站點的測試、發(fā)布、管理與維護＼&站點的測試和發(fā)布、管理、維護站點、網(wǎng)站的推廣和宣傳。＼&]

2 教學(xué)方法探索與改革

2.1 項目驅(qū)動、案例教學(xué)

采取“項目引導(dǎo)，任務(wù)驅(qū)動，案例教學(xué)，實訓(xùn)練習(xí)，課后習(xí)題”的教學(xué)方法，依據(jù)課程內(nèi)容設(shè)計出相關(guān)工作項目任務(wù)，融入“教、學(xué)、做”一體化進行教學(xué)。在教學(xué)方法上從具體的工作任務(wù)入手，通過具體的案例訓(xùn)練內(nèi)容完成任務(wù)，教學(xué)過程是能力訓(xùn)練過程，所有教學(xué)內(nèi)容都不是從教學(xué)生知識點出發(fā)，而是將知識點融入到相應(yīng)的案例中，讓學(xué)生通過實際的案例訓(xùn)練任務(wù)掌握相應(yīng)的能力。

本課程共由10個項目組成，每個項目包含2—6個案例，每個案例由具體的要求和項目素材兩部分組成。在完成一個項目模塊后，要求學(xué)生把每一個案例都練習(xí)一次，通過練習(xí)強化了學(xué)生的理論知識，加深了對項目知識的了解，提高了學(xué)生實踐技能，為后期獨立完成大作業(yè)打下了良好基礎(chǔ)。

2.2 舉辦網(wǎng)頁設(shè)計大賽

為了激發(fā)學(xué)生學(xué)習(xí)的積極性和創(chuàng)造性，提高學(xué)生的動手能力，在課程學(xué)習(xí)結(jié)束后舉辦網(wǎng)頁設(shè)計大賽，給學(xué)生搭建一個學(xué)習(xí)交流的平臺，達到“以賽促教”，“以賽促學(xué)”的目的。學(xué)生通過參加網(wǎng)頁設(shè)計大賽，提高學(xué)生解決實際問題的能力，同時培養(yǎng)學(xué)生的創(chuàng)新思維及團隊協(xié)作能力。

2.3 加強實踐教學(xué)

加強校企合作：①聘請企業(yè)專業(yè)人員來校作為兼職教師給學(xué)生上課，把企業(yè)的真實工作任務(wù)和真實情景帶到課堂，使學(xué)生體會到職業(yè)能力和崗位角色的要求。②學(xué)生到企業(yè)進行頂崗實習(xí)，了解職業(yè)技能的新要求，企業(yè)的真實需求，同時讓學(xué)生在企業(yè)學(xué)習(xí)的過程中參與真實項目，激發(fā)學(xué)生的學(xué)習(xí)興趣，促使學(xué)生更好的掌握理論知識。

3 教學(xué)手段改革

本門課程傳統(tǒng)的教學(xué)模式是：教師在多媒體教室授課，然后安排學(xué)生在機房實驗，練習(xí)教師所講內(nèi)容。這種教學(xué)方式使學(xué)生只能對書上及課堂上講的內(nèi)容進行實驗，而忽略了學(xué)生上機實驗的自主性，很難使學(xué)生提高和創(chuàng)新。因此為了保障該門課程的改革，學(xué)校需要建立專門的網(wǎng)站設(shè)計實驗室并安裝投影儀，實驗室每臺計算機上安裝多媒體教學(xué)軟件，使學(xué)生在課堂上能夠一邊聽老師講解一邊自己操作練習(xí)，完成實踐-理論-再實踐的學(xué)習(xí)過程。

4考核方式改革

《Dreamweaver網(wǎng)頁設(shè)計與制作》是一門實踐性很強的課程，因此它不能采取筆試的方式進行考核。但是如果單純采用上機考試，學(xué)生在有限的時間內(nèi)一般無法完成網(wǎng)站的制作，達不到全面考查學(xué)生綜合實踐能力的要求。所以對于該課程的考核建立過程考評與期末考評相結(jié)合的方法，強調(diào)過程考評的重要性。具體考核方式見表2。

表 2 課程考核方式表

[考核方式＼&過程考評（50%）＼&期末考評（50%）＼&學(xué)習(xí)態(tài)度＼&試驗與實訓(xùn)考評＼&20＼&30＼&考評實施＼&完成各教學(xué)單元的實訓(xùn)練項目＼&大作品＼&]

對于期末考評專門安排一周的課程設(shè)計時間，要求學(xué)生在一周的時間內(nèi)獨立完成一個主題網(wǎng)站的設(shè)計與制作，并把學(xué)生的作品評定成績作為本門課程的成績，這樣讓學(xué)生重視了對實際的動手操作的掌握，同時也給學(xué)生一個更大程度的提高、創(chuàng)新的機會。

5 結(jié)束語

《Dreamweaver網(wǎng)頁設(shè)計與制作》是一門實踐性及綜合性很強的課程，通過在教學(xué)過程中進行改革與創(chuàng)新，采用項目驅(qū)動、案例教學(xué)的教學(xué)方式，激發(fā)了學(xué)生的學(xué)習(xí)積極性及對網(wǎng)頁設(shè)計與制作的興趣，同時培養(yǎng)了學(xué)生的綜合素質(zhì)和實際操作技能。在近2年的課程教學(xué)中，這種教學(xué)方式取得了良好的效果，并受到了學(xué)生的好評和歡迎。

參考文獻：

[1] 魯圓圓.《網(wǎng)頁設(shè)計與制作》課程教學(xué)改革研究[J].軟件導(dǎo)刊，2014（10）：177-178.

[2] 趙玲玲，朱美潔，李招弟.應(yīng)用型本科專業(yè)網(wǎng)頁設(shè)計與制作課程教學(xué)改革研究[J].北京城市學(xué)院學(xué)報，2013（4）：52-54.

[3] 任翠池，姜晗.《網(wǎng)頁設(shè)計與制作》課程教學(xué)改革研究與實踐[J].課程教育研究，2013（8）：217-217.