李鄂

摘 要：本文闡述了在網(wǎng)頁設(shè)計與制作課程中如何實施運用一體化教學模式，并對當前技工院校電子商務(wù)專業(yè)教學改革進行了探討。

關(guān)鍵詞：電子商務(wù)專業(yè) 網(wǎng)頁設(shè)計與制作 一體化課程教學改革

一體化課程是以職業(yè)能力為培養(yǎng)目標，通過分析典型工作任務(wù)，以任務(wù)為載體，按照工作過程和學生自主學習要求來設(shè)計安排教學活動的課程。2012年，人力資源和社會保障部在全國130余所技工院校中開展機電技術(shù)、數(shù)控技術(shù)等14個專業(yè)的一體化課程教學改革試點工作。襄陽技師學院是全國首批一體化課程教學改革試點院校之一，其電子技術(shù)、數(shù)控技術(shù)被確定為一體化試點專業(yè)。一體化教學的課程實施都集中在機電、機械等專業(yè)，電子商務(wù)專業(yè)一體化教學的成功經(jīng)驗缺乏，盡管也有相關(guān)專家提出電子商務(wù)專業(yè)一體化教學，但基本還處于摸索階段。筆者這幾年在所教授專業(yè)技術(shù)課程中試行一體化教學模式，主持電子商務(wù)專業(yè)一體化課程的研究、設(shè)計和實施，解決和處理了各階段所面臨的難點和困難，深刻體會一體化教學的優(yōu)勢，本文就電子商務(wù)專業(yè)的一體化教學活動進行探討，設(shè)計了一體化教學活動方案，歸納了課程實施一體化教學的實踐體會。

一、選題價值

網(wǎng)頁設(shè)計與制作是襄陽技師學院在電子商務(wù)專業(yè)開設(shè)的一體化課程，它來源于湖北省緊缺技能人才建設(shè)項目網(wǎng)頁設(shè)計與制作一體化精品課程。選用的教材是中國勞動社會保障出版社出版的《Dreamweaver網(wǎng)頁設(shè)計與制作》，結(jié)合輔助教材、精品課程中的校本教材在進行教學設(shè)計時對教材進行了處理，課程劃分為11個典型工作任務(wù)。教學中補充了客戶需求說明書、網(wǎng)站設(shè)計策劃書、作品驗收記錄表、教學評價表等學習材料，方便學生按照一體化工作流程運用所學知識和技能處理工作任務(wù)。本次選用的教學課程《菁菁校園》網(wǎng)站制作是最后一個任務(wù)“設(shè)計制作整站”， 這一學習任務(wù)是在完成前10個任務(wù)的基礎(chǔ)上，設(shè)計制作一個結(jié)構(gòu)完整、綜合性較強的網(wǎng)站。

二、學習目標

學生為電子商務(wù)專業(yè)中級1班，共24人，分為4個小組。班級學風良好，部分學生學習有主動性，具備一定的分析解決問題的能力，能根據(jù)教師提供的網(wǎng)站進行分析模仿做出效果，初步具備完成本任務(wù)所需要的知識和技能，但是部分學生操作能力一般，團隊合作意識不強，設(shè)計、策劃網(wǎng)站方案，構(gòu)建網(wǎng)頁布局的能力偏弱。

學習目標是學生能在教師的引導下，上網(wǎng)查閱相關(guān)資料，小組合作探討制定網(wǎng)站設(shè)計方案；學生能根據(jù)網(wǎng)站的需要和客戶需求對原始素材進行篩選和處理；學生能夠進行自主學習；學生能通過交流與討論對“菁菁校園”網(wǎng)站進行結(jié)構(gòu)設(shè)計和技術(shù)選型；學生能在確定設(shè)計方案和教師的幫助指導下，利用學習材料，由小組組長完成網(wǎng)站首頁效果，其他成員分工合作完成各類資料的收集和分頁面的制作；學生能在完成任務(wù)過程中獲取有效信息，小組展示工作成果，及時對作品進行反思等；能培養(yǎng)學生的團隊合作能力、語言表達能力、歸納總結(jié)能力等。

三、學習內(nèi)容

學習內(nèi)容是模擬真實的工作任務(wù)。學生以“某市七唯網(wǎng)絡(luò)公司”網(wǎng)頁設(shè)計師的身份，接到了客戶（××技師學院團委）制作以“菁菁校園”為主題的靜態(tài)網(wǎng)站工作，提供學院LOGO、圖片和活動文本資料等，為其制作一個充滿青春活力的校園網(wǎng)站。根據(jù)工作要求，完成“菁菁校園”網(wǎng)站制作任務(wù)需要18個課時。提供的學習資料有教學課件、微課視頻、學習任務(wù)書、網(wǎng)站設(shè)計策劃書、素材包（網(wǎng)站效果源文件、客戶提供的LOGO、文字、圖片等素材）、作品驗收表、教學評價表、課外拓展任務(wù)書等，所有資料學生可以通過一體化機房云課堂軟件實現(xiàn)教師機和學生機的共享。

學習方法是任務(wù)驅(qū)動法，教師布置下達學習任務(wù)——完成“菁菁校園”網(wǎng)站制作。學生根據(jù)客戶要求，借助學習資源和資料，進行自主探究和合作探索的學習實踐活動。任務(wù)的完成流程，與公司的工作流程相類似，目的是讓學生熟悉公司的工作過程、內(nèi)容及方法，通過“做中學、學中做”的方式完成工作任務(wù)；另外，采用分組教學的形式，結(jié)合角色扮演、演示、講授等多種方法，在模擬的工作環(huán)境中培養(yǎng)學生的職業(yè)能力?？傮w設(shè)計為工學結(jié)合一體化的教學模式。

四、教學實施過程

“菁菁校園”網(wǎng)站制作是一個完整的工作任務(wù)，按照任務(wù)驅(qū)動法的流程貫穿于整個教學過程中。任務(wù)開始前，教師已經(jīng)根據(jù)學生特點和技能情況對學生進行了分組，分為四個小組，每組6人。在一體化機房準備好軟件，學習資料通過云課堂軟件實現(xiàn)教師機和學生機的共享。

1.任務(wù)布置，創(chuàng)設(shè)工作情境

教師給學生下發(fā)學習任務(wù)書，上面有詳細的客戶需求說明（技術(shù)要求、素材圖片），讓學生明確任務(wù)要求。

2.任務(wù)分析，方案制定

教師給學生提供有空白的網(wǎng)站設(shè)計策劃書文檔，小組通過合作探究的方式，對設(shè)計方案進行分析、討論，進行方案展示，師生反復研討、修改，完成網(wǎng)站設(shè)計策劃書，要求6個課時內(nèi)完成方案。將客戶需求轉(zhuǎn)換為明確、完整并且可操作執(zhí)行的設(shè)計方案對學生來說比較難，這需要教師的引導，幫助學生盡快地理順思路，同時借助學習材料，小組積極合作探究。方案的成功制定對指導后期網(wǎng)站制作和首頁制作起到重要作用。

3.任務(wù)實施，制作網(wǎng)站

這一環(huán)節(jié)中，教師引導學生做任務(wù)具體細分。

環(huán)節(jié)一：任務(wù)分析，方案解讀。在做首頁前教師要求學生做好站點文件、文件夾的統(tǒng)一命名，便于后期首頁和整站的合成。教師引導學生再次對網(wǎng)站設(shè)計策劃書進一步地分析解讀，尤其強調(diào)策劃書中制定的網(wǎng)站技術(shù)要點部分。

環(huán)節(jié)二：首頁布局。教師給學生提供可參考的首頁布局案例，要求頁眉、banner、導航、編輯區(qū)、頁尾必不可少。每組確立首頁布局風格，組長做好組員的區(qū)塊劃分工作，運用表格和復雜的嵌套表格制作，這項技術(shù)學生在前期的工作任務(wù)中已經(jīng)熟練掌握，小組成員通過自主探索能完成首頁各個區(qū)塊的制作，為作品的初步實現(xiàn)打下基礎(chǔ)。

環(huán)節(jié)三：素材處理。在各個區(qū)塊中編輯客戶提供的LOGO、圖片和文本資料，并進行合理的篩選和處理，是這個階段的工作任務(wù)。圖片和文本涉及尺寸、背景、色彩、欄目等技術(shù)問題，小組組員自主探索解決。但是客戶要求在banner區(qū)域用提供的圖片素材做出一種“走馬燈”的滾動圖片效果，有一定難度。教師進行重點講解演示操作過程。同時給學生提供操作微視頻、任務(wù)書、詳細操作步驟，組員通過自主探索，小組通過合作探究，學習完成網(wǎng)頁元素滾動圖片效果的處理，攻克學習障礙。小組組員完成各個區(qū)塊元素的添加處理，通過云課堂的局域網(wǎng)絡(luò)提交給組長，方便組長進行首頁各版塊的整合。

環(huán)節(jié)四：完成首頁，美化首頁。這個環(huán)節(jié)教師需要運用CSS樣式對首頁進行美化處理。需要運用CSS對文字、項目符號、單元格、表格、濾鏡等進行效果處理，教師巡回指導過程中發(fā)現(xiàn)小組不會定義濾鏡。這也是在前面CSS學習的工作任務(wù)中，同學們最難掌握的技能知識，更不容易實現(xiàn)實際運用。教師對CSS濾鏡知識進行詳細講解，甚至是多次講解，巡視中對個別小組單獨操作演示，還提供了CSS濾鏡的微課視頻和學習資料，方便小組合作學習，共同突破學習難點，增強學生的學習信心，保障任務(wù)的順利實施。最后組長將本組首頁作品整合打包上傳教師機作業(yè)提交區(qū)。教師收集作品，提出整改意見，為后期教學分頁制作做好準備。

環(huán)節(jié)五：分頁的制作。要求6個課時內(nèi)完成，整合成整站。小組分工完成各個分頁的制作，組長操作合作完成整站，將本組作品提交。教師收集各組整站作品。

4.任務(wù)評估，驗收作品

這一環(huán)節(jié)教師采用角色扮演的方式，組長即項目經(jīng)理，進行作品展示，并講解設(shè)計思路及工作流程，組員扮演客戶代表驗收作品，填寫反饋評價表，評選出最佳網(wǎng)站作品。學生填寫教學評價表等資料。

5.任務(wù)總結(jié)，作業(yè)拓展

師生總結(jié)課堂收獲，教師下發(fā)布置課外拓展任務(wù)書，學生接收和檢查個人設(shè)備，最后打掃機房衛(wèi)生。

一體化課程“菁菁校園”網(wǎng)站制作的工作任務(wù)課程結(jié)束。

五、學業(yè)評價

課程采用“作品驗收表+教學評價表” 結(jié)合的評價策略，對學生課程的學習表現(xiàn)和完成作品的質(zhì)量進行監(jiān)控。在這個過程中教師要關(guān)注學生的設(shè)計方案是否明確、具體和完整，了解學生是否掌握設(shè)計方案的制定方法；檢查文件結(jié)構(gòu)和首頁布局是否合理，命名是否規(guī)范；看篩選的素材是否體現(xiàn)主題，效果是否美觀；檢查首頁CSS樣式和特效技術(shù)運用的熟練程度等。

六、 教學總結(jié)

一體化課程中有許多教學亮點值得總結(jié)。如學習成就感、多種教學方法靈活運用、學習被動轉(zhuǎn)主動、學習資源豐富、模擬工作環(huán)境。當然在教學中也存在不足。一是部分學生學習缺乏主動性，處于“旁觀者”的位置，在以后的教學中應(yīng)把學習任務(wù)細化、具體化。二是學生接受能力參差不齊，差異較大，因此一體化教學模式和傳統(tǒng)教學方法要結(jié)合運用，在巡回指導時加強對學生的分層指導和檢查。三是學生的語言表達能力弱，需要加強職業(yè)能力的訓練。

參考文獻：

[1]時炳艷.基于任務(wù)驅(qū)動的“網(wǎng)頁設(shè)計制作”課程教學設(shè)計[J].現(xiàn)代教育科學，2010（1）.

（作者單位：襄陽技師學院）