淺析《網(wǎng)頁設(shè)計(jì)與制作》一體化教學(xué)設(shè)計(jì)

摘 要：本文將圍繞“將工作任務(wù)轉(zhuǎn)化為任務(wù)引領(lǐng)、并以任務(wù)驅(qū)動(dòng)進(jìn)行教學(xué)的課程”的思路進(jìn)行《網(wǎng)頁設(shè)計(jì)與制作》課程設(shè)計(jì)。

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)與制作；一體化教學(xué)；設(shè)計(jì)

中圖分類號(hào)：TP393.09

所謂一體化教學(xué)就是充分利用現(xiàn)代教育技術(shù)，將理論、實(shí)驗(yàn)、實(shí)訓(xùn)等教學(xué)內(nèi)容一體化設(shè)置；講授、聽課與實(shí)驗(yàn)、操作等教學(xué)形式一體化實(shí)施；教室、實(shí)驗(yàn)室與實(shí)訓(xùn)場(chǎng)地等教學(xué)條件一體化配置；知識(shí)、技能與素質(zhì)等職業(yè)要求一體化訓(xùn)練，由此形成融知識(shí)傳授、能力培養(yǎng)、素質(zhì)教育于一體的一體化教學(xué)模式，簡(jiǎn)單地說：就是教、學(xué)、做一體化。

它的具體要求是：教學(xué)內(nèi)容和工作任務(wù)一體化；教學(xué)情景和工作環(huán)境一體化；教師和師傅一體化；學(xué)生和員工一體化一體化教學(xué)。一體化教學(xué)的目的是實(shí)現(xiàn)培養(yǎng)目標(biāo)、教學(xué)內(nèi)容、教學(xué)方法、教學(xué)情景、教師隊(duì)伍等與生產(chǎn)實(shí)踐的“無縫”對(duì)接。

這種集理論傳授、現(xiàn)場(chǎng)觀摩、實(shí)踐操作技能訓(xùn)練為一體，集教師與學(xué)生雙向交流，小組討論協(xié)作為一體，增強(qiáng)了學(xué)習(xí)理論的興趣，促進(jìn)了對(duì)理論的理解，提高了學(xué)生的實(shí)訓(xùn)興趣和實(shí)際操作能力，特別適合在計(jì)算機(jī)教學(xué)中應(yīng)用。

根據(jù)一體化教學(xué)的要求，在《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)中實(shí)施一體化教學(xué)，圍繞“將工作任務(wù)轉(zhuǎn)化為任務(wù)引領(lǐng)、并以任務(wù)驅(qū)動(dòng)進(jìn)行教學(xué)的課程”的思路進(jìn)行課程設(shè)計(jì)。

1 工作任務(wù)分析

“網(wǎng)站建設(shè)與維護(hù)”職業(yè)崗位具體的工作為：在一種操作系統(tǒng)平臺(tái)下綜合利用各種相關(guān)軟件完成網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)的工作。對(duì)于該崗位的從業(yè)人員來說，必須懂得Internet、網(wǎng)頁設(shè)計(jì)與制作、后臺(tái)數(shù)據(jù)庫設(shè)計(jì)和建立、網(wǎng)站規(guī)劃與建設(shè)、通訊及網(wǎng)絡(luò)技術(shù)等技術(shù)方面的專業(yè)知識(shí)。具備網(wǎng)站規(guī)劃，靜態(tài)網(wǎng)頁設(shè)計(jì)，建立動(dòng)態(tài)網(wǎng)站，進(jìn)行網(wǎng)站的上傳、更新、維護(hù)的能力，同時(shí)必須具備一定的平面設(shè)計(jì)基礎(chǔ)。

其中網(wǎng)頁設(shè)計(jì)與制作員，其典型的工作任務(wù)是按照客戶的要求進(jìn)行網(wǎng)站規(guī)劃和網(wǎng)頁設(shè)計(jì)，運(yùn)用Dreamweaver、fireworks、Flash等網(wǎng)頁制作工具完成網(wǎng)頁的制作及網(wǎng)站建設(shè)，也為今后勝任小型動(dòng)態(tài)網(wǎng)站建設(shè)、大型網(wǎng)站規(guī)劃與建設(shè)工作打好基礎(chǔ)。

2 工作任務(wù)設(shè)計(jì)

在《網(wǎng)頁設(shè)計(jì)與制作》學(xué)習(xí)領(lǐng)域中貫穿兩個(gè)平行的工作任務(wù)：

一個(gè)是模仿型總?cè)蝿?wù)：《隨州職業(yè)技術(shù)學(xué)院網(wǎng)頁》網(wǎng)站設(shè)計(jì)與制作；一個(gè)是開放型總?cè)蝿?wù)：個(gè)人網(wǎng)站設(shè)計(jì)與制作；

以模仿型總?cè)蝿?wù)作為教學(xué)載體，教學(xué)的基本要求和完成實(shí)際工作所要求的基本知識(shí)、技能都融入在該任務(wù)中。根據(jù)網(wǎng)頁設(shè)計(jì)和網(wǎng)站建設(shè)的實(shí)際工作流程，將該任務(wù)切分為若干子任務(wù)，學(xué)生依據(jù)任務(wù)樣本，在教室的示范引導(dǎo)下通過模仿逐個(gè)子任務(wù)，最后完成總?cè)蝿?wù)，獲取學(xué)習(xí)成果。

與完成該模仿型總?cè)蝿?wù)相平行，以開放型總?cè)蝿?wù)為教學(xué)拓展。教師只給出原則性要求，網(wǎng)站內(nèi)容依據(jù)學(xué)生個(gè)人愛好自由確定，技術(shù)的運(yùn)用在滿足原則要求的前提下，由學(xué)生創(chuàng)意發(fā)揮，實(shí)現(xiàn)知識(shí)的拓展和能力的進(jìn)一步提高。

3 學(xué)習(xí)領(lǐng)域設(shè)計(jì)

本課程學(xué)習(xí)中每個(gè)情境對(duì)應(yīng)一個(gè)子任務(wù)，設(shè)計(jì)方案如下：

表1

總?cè)蝿?wù)：《隨州職業(yè)技術(shù)學(xué)院網(wǎng)頁》網(wǎng)站設(shè)計(jì)與制作

學(xué)習(xí)情境任務(wù)描述

任務(wù)1：網(wǎng)頁設(shè)計(jì)準(zhǔn)備學(xué)習(xí)網(wǎng)頁設(shè)計(jì)基本知識(shí)，賞析國內(nèi)外優(yōu)秀網(wǎng)站，確立從網(wǎng)頁瀏覽者到設(shè)計(jì)者的角色轉(zhuǎn)換意識(shí)，明確貫穿學(xué)習(xí)過程的兩個(gè)總?cè)蝿?wù)，為進(jìn)行網(wǎng)頁設(shè)計(jì)做準(zhǔn)備。

任務(wù)2：建立站點(diǎn)規(guī)劃《隨州職業(yè)技術(shù)學(xué)院網(wǎng)頁》網(wǎng)站，并為該網(wǎng)站創(chuàng)建站點(diǎn)

任務(wù)3：編輯網(wǎng)頁首先設(shè)計(jì)與制作《隨州職業(yè)技術(shù)學(xué)院網(wǎng)頁》網(wǎng)站主頁。在完成主頁設(shè)計(jì)與制作的基礎(chǔ)上，再設(shè)計(jì)與制作“系部風(fēng)采”欄目頁面。

任務(wù)4：創(chuàng)建超級(jí)鏈接為已創(chuàng)建的《隨州職業(yè)技術(shù)學(xué)院網(wǎng)頁》網(wǎng)站主頁、“系部風(fēng)采”欄目頁面建立超級(jí)鏈接。

任務(wù)5：使用模板、庫項(xiàng)目和CSS樣式使用模板創(chuàng)建“系部風(fēng)采”欄目中的若干子頁面，完善已建立的若干網(wǎng)頁。

任務(wù)6：使用動(dòng)態(tài)對(duì)象建立“學(xué)工在線”頁面，為該頁面設(shè)置“打開瀏覽器窗口”、“設(shè)置狀態(tài)欄文字”、“顯示/隱藏層”等行為，給主頁添加時(shí)間軸動(dòng)畫，建立“球迷調(diào)查”頁面。

任務(wù)7：HTML語言和JavaScript技術(shù)查看并解讀主頁中的HTML代碼，使用JavaScript進(jìn)一步完善主頁和“學(xué)工在線”頁面。

任務(wù)8：使用fireworks設(shè)計(jì)圖像設(shè)計(jì)與制作《隨州職業(yè)技術(shù)學(xué)院網(wǎng)頁》網(wǎng)站標(biāo)題圖片

任務(wù)9：創(chuàng)建web對(duì)象設(shè)計(jì)和制作《隨州職業(yè)技術(shù)學(xué)院網(wǎng)頁》網(wǎng)站首頁。

任務(wù)10：使用Flash創(chuàng)建動(dòng)畫設(shè)計(jì)和制作《隨州職業(yè)技術(shù)學(xué)院網(wǎng)頁》網(wǎng)站首頁Flash動(dòng)畫。

任務(wù)11：網(wǎng)頁中的動(dòng)畫設(shè)計(jì)為《隨州職業(yè)技術(shù)學(xué)院網(wǎng)頁》網(wǎng)站中的“系部風(fēng)采”頁面設(shè)計(jì)與動(dòng)畫制作。

任務(wù)12：檢查與發(fā)布網(wǎng)站對(duì)《隨州職業(yè)技術(shù)學(xué)院網(wǎng)頁》網(wǎng)站做發(fā)布前的檢查，申請(qǐng)主頁空間并上傳發(fā)布網(wǎng)站。

4 教學(xué)模式設(shè)計(jì)

本課程采用“理實(shí)一體、任務(wù)驅(qū)動(dòng)”的教學(xué)模式。

課程教學(xué)全部在多媒體機(jī)房進(jìn)行，整個(gè)教學(xué)過程分為“總?cè)蝿?wù)導(dǎo)入→逐個(gè)完成由模仿型總?cè)蝿?wù)分解而成的子任務(wù)，與此同步逐個(gè)完成開放型總?cè)蝿?wù)→最后完成兩個(gè)總?cè)蝿?wù)（獲取學(xué)習(xí)成果）”的過程。

5 評(píng)價(jià)考核模式設(shè)計(jì)

本課程實(shí)行“以完成模仿型總?cè)蝿?wù)質(zhì)量為基礎(chǔ)，以完成開放型總?cè)蝿?wù)質(zhì)量為重點(diǎn)，兼顧學(xué)習(xí)態(tài)度、學(xué)習(xí)紀(jì)律、協(xié)作能力等，全方位、多角度”的考核評(píng)價(jià)模式。

6 職業(yè)能力培養(yǎng)模式設(shè)計(jì)

根據(jù)職業(yè)能力和職業(yè)素質(zhì)目標(biāo)，確定職業(yè)能力培養(yǎng)和課程教學(xué)中相應(yīng)學(xué)習(xí)情境、教學(xué)活動(dòng)一一對(duì)應(yīng)，貫穿于課程教學(xué)始終。培養(yǎng)和提高學(xué)生的網(wǎng)頁鑒賞能力、分析問題的能力、學(xué)習(xí)和探索的能力以及撰寫簡(jiǎn)單科技文檔的能力和團(tuán)隊(duì)協(xié)作能力等。

《網(wǎng)頁設(shè)計(jì)與制作》一體化教學(xué)是一個(gè)系統(tǒng)工程，在一體化教學(xué)中要注意計(jì)算機(jī)教室、教學(xué)計(jì)劃、教材、教案、學(xué)案、及教法、師資等的設(shè)計(jì)，只有這樣，才能符合一體化教學(xué)的要求，才能組織好一體化教學(xué)。相信在不久的將來，為適應(yīng)職業(yè)技術(shù)教育的發(fā)展要求，逐步實(shí)現(xiàn)一體化教學(xué)，為職業(yè)技術(shù)教育培養(yǎng)出更多更好的實(shí)用型、技能型人才。

參考文獻(xiàn)：

[1]劉宏.網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ)教程[M].北京：北京交通大學(xué)出版社，2007.

[2]顧曉燕.網(wǎng)頁設(shè)計(jì)技術(shù)[M].北京：清華大學(xué)出版社，2010.

作者簡(jiǎn)介：李娟（1983.12-），女，服裝與藝術(shù)設(shè)計(jì)系教師，碩士，講師，研究方向：計(jì)算機(jī)教學(xué)。

作者單位：隨州職業(yè)技術(shù)學(xué)院，湖北隨州 441300