摘 要：本文將圍繞“將工作任務轉化為任務引領、并以任務驅動進行教學的課程”的思路進行《網頁設計與制作》課程設計。

關鍵詞：網頁設計與制作；一體化教學；設計

中圖分類號：TP393.09

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

它的具體要求是：教學內容和工作任務一體化；教學情景和工作環(huán)境一體化；教師和師傅一體化；學生和員工一體化一體化教學。一體化教學的目的是實現培養(yǎng)目標、教學內容、教學方法、教學情景、教師隊伍等與生產實踐的“無縫”對接。

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

根據一體化教學的要求，在《網頁設計與制作》教學中實施一體化教學，圍繞“將工作任務轉化為任務引領、并以任務驅動進行教學的課程”的思路進行課程設計。

1 工作任務分析

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

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

2 工作任務設計

在《網頁設計與制作》學習領域中貫穿兩個平行的工作任務：

一個是模仿型總任務：《隨州職業(yè)技術學院網頁》網站設計與制作；一個是開放型總任務：個人網站設計與制作；

以模仿型總任務作為教學載體，教學的基本要求和完成實際工作所要求的基本知識、技能都融入在該任務中。根據網頁設計和網站建設的實際工作流程，將該任務切分為若干子任務，學生依據任務樣本，在教室的示范引導下通過模仿逐個子任務，最后完成總任務，獲取學習成果。

與完成該模仿型總任務相平行，以開放型總任務為教學拓展。教師只給出原則性要求，網站內容依據學生個人愛好自由確定，技術的運用在滿足原則要求的前提下，由學生創(chuàng)意發(fā)揮，實現知識的拓展和能力的進一步提高。

3 學習領域設計

本課程學習中每個情境對應一個子任務，設計方案如下：

表1

總任務：《隨州職業(yè)技術學院網頁》網站設計與制作

學習情境任務描述

任務1：網頁設計準備學習網頁設計基本知識，賞析國內外優(yōu)秀網站，確立從網頁瀏覽者到設計者的角色轉換意識，明確貫穿學習過程的兩個總任務，為進行網頁設計做準備。

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

任務3：編輯網頁首先設計與制作《隨州職業(yè)技術學院網頁》網站主頁。在完成主頁設計與制作的基礎上，再設計與制作“系部風采”欄目頁面。

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

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

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

任務7：HTML語言和JavaScript技術查看并解讀主頁中的HTML代碼，使用JavaScript進一步完善主頁和“學工在線”頁面。

任務8：使用fireworks設計圖像設計與制作《隨州職業(yè)技術學院網頁》網站標題圖片

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

任務10：使用Flash創(chuàng)建動畫設計和制作《隨州職業(yè)技術學院網頁》網站首頁Flash動畫。

任務11：網頁中的動畫設計為《隨州職業(yè)技術學院網頁》網站中的“系部風采”頁面設計與動畫制作。

任務12：檢查與發(fā)布網站對《隨州職業(yè)技術學院網頁》網站做發(fā)布前的檢查，申請主頁空間并上傳發(fā)布網站。

4 教學模式設計

本課程采用“理實一體、任務驅動”的教學模式。

課程教學全部在多媒體機房進行，整個教學過程分為“總任務導入→逐個完成由模仿型總任務分解而成的子任務，與此同步逐個完成開放型總任務→最后完成兩個總任務（獲取學習成果）”的過程。

5 評價考核模式設計

本課程實行“以完成模仿型總任務質量為基礎，以完成開放型總任務質量為重點，兼顧學習態(tài)度、學習紀律、協(xié)作能力等，全方位、多角度”的考核評價模式。

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

根據職業(yè)能力和職業(yè)素質目標，確定職業(yè)能力培養(yǎng)和課程教學中相應學習情境、教學活動一一對應，貫穿于課程教學始終。培養(yǎng)和提高學生的網頁鑒賞能力、分析問題的能力、學習和探索的能力以及撰寫簡單科技文檔的能力和團隊協(xié)作能力等。

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

參考文獻：

[1]劉宏.網頁設計與制作基礎教程[M].北京：北京交通大學出版社，2007.

[2]顧曉燕.網頁設計技術[M].北京：清華大學出版社，2010.

作者簡介：李娟（1983.12-），女，服裝與藝術設計系教師，碩士，講師，研究方向：計算機教學。

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