行動(dòng)導(dǎo)向教學(xué)法在網(wǎng)頁設(shè)計(jì)實(shí)踐教學(xué)中的應(yīng)用

陳禮娟

【摘要】近年來，我國職業(yè)教育正步入全新的發(fā)展時(shí)期，隨著項(xiàng)目課程的深入推進(jìn)，運(yùn)用行動(dòng)導(dǎo)向教學(xué)法實(shí)施教學(xué)越來越普遍。本文以網(wǎng)頁設(shè)計(jì)教學(xué)中“電子類企業(yè)網(wǎng)站設(shè)計(jì)”的實(shí)際教學(xué)案例，分析說明如何采用行動(dòng)導(dǎo)向教學(xué)法進(jìn)行項(xiàng)目課程的設(shè)計(jì)與實(shí)施。

【關(guān)鍵詞】行動(dòng)導(dǎo)向；教學(xué)法；網(wǎng)頁設(shè)計(jì)；實(shí)踐

一、引言

職業(yè)教育基于行動(dòng)導(dǎo)向的教學(xué)，其根本意義在于：學(xué)習(xí)過程以學(xué)生為中心，教師是整個(gè)學(xué)習(xí)過程的組織者和協(xié)調(diào)者，遵循“信息、計(jì)劃、決策、實(shí)施、評(píng)價(jià)、轉(zhuǎn)化”這一完整的“行動(dòng)”過程序列，在教學(xué)中師生互動(dòng)，讓學(xué)生通過“獨(dú)立地獲取信息、獨(dú)立地制訂計(jì)劃、獨(dú)立地實(shí)施計(jì)劃、獨(dú)立地評(píng)估計(jì)劃”，在自己親自動(dòng)手的實(shí)踐中，掌握專業(yè)知識(shí)、習(xí)得職業(yè)技能，從而構(gòu)建屬于自己的經(jīng)驗(yàn)和知識(shí)體系。職業(yè)教育的教學(xué)是一種“有目標(biāo)的活動(dòng)”，即行動(dòng)，強(qiáng)調(diào)“行動(dòng)即學(xué)習(xí)”，包括個(gè)體的主觀意識(shí)行動(dòng)，又包括個(gè)體的客觀具體行動(dòng)，最終實(shí)現(xiàn)行為動(dòng)作與心智行動(dòng)的統(tǒng)一。行動(dòng)導(dǎo)向教學(xué)法是職業(yè)教育的主要教學(xué)方式方法，其教學(xué)方法實(shí)施的基礎(chǔ)=用心+用手+用腦（職業(yè)活動(dòng)）。職業(yè)教育的職業(yè)屬性要求職業(yè)教育的教學(xué)過程應(yīng)盡可能地與職業(yè)的工作過程保持一致性，學(xué)習(xí)過程依照職業(yè)的工作過程展開，以便獲得完整的職業(yè)行動(dòng)能力。

近年來，我國職業(yè)教育正步入全新的發(fā)展時(shí)期，隨著項(xiàng)目課程的深入推進(jìn)，運(yùn)用行動(dòng)導(dǎo)向教學(xué)法實(shí)施教學(xué)越來越普遍；下面以網(wǎng)頁設(shè)計(jì)教學(xué)中“電子類企業(yè)網(wǎng)站設(shè)計(jì)”為例，從以下幾個(gè)方面淺析行動(dòng)導(dǎo)向教學(xué)法項(xiàng)目課程的設(shè)計(jì)與實(shí)施。

二、教學(xué)分析

由于授課對(duì)象為計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)學(xué)生，他們將來從事的崗位之一就是網(wǎng)頁設(shè)計(jì)與制作，國家職業(yè)標(biāo)準(zhǔn)要求該崗位的人員掌握網(wǎng)頁設(shè)計(jì)的基本概念，學(xué)會(huì)使用常用的網(wǎng)頁設(shè)計(jì)軟件，掌握常用腳本語言，能夠從事靜態(tài)和動(dòng)態(tài)網(wǎng)頁的設(shè)計(jì)與制作，具備網(wǎng)站的建設(shè)和管理能力。為此，在這一教學(xué)目標(biāo)下要想實(shí)現(xiàn)“教學(xué)內(nèi)容”與“崗位需求”的無縫對(duì)接，就必須依據(jù)企業(yè)實(shí)際需求對(duì)教材進(jìn)行項(xiàng)目化處理，從“網(wǎng)站制作流程”出發(fā)，設(shè)計(jì)本門課程的項(xiàng)目（電子類企業(yè)網(wǎng)站設(shè)計(jì)）及任務(wù)（前期準(zhǔn)備、建立站點(diǎn)、搭建網(wǎng)站框架、網(wǎng)頁美化與特效及各頁面內(nèi)容區(qū)制作）。

由于學(xué)生已具備網(wǎng)頁基本知識(shí)，會(huì)制作簡(jiǎn)單的靜態(tài)網(wǎng)頁。根據(jù)課程標(biāo)準(zhǔn)，可從知識(shí)與技能、過程與方法、情感態(tài)度與價(jià)值觀三維目標(biāo)出發(fā)，將本項(xiàng)目教學(xué)目標(biāo)設(shè)計(jì)為：達(dá)成目標(biāo)引領(lǐng)、促成目標(biāo)支撐的能力化、整合化、系統(tǒng)化教學(xué)目標(biāo)?；诼殬I(yè)崗位工作應(yīng)用，考慮中職學(xué)生學(xué)情，確定本項(xiàng)目的重點(diǎn)是Dreamweaver CS5制作企業(yè)網(wǎng)站的基本技巧；CSS+DIV設(shè)計(jì)網(wǎng)頁的方法與技巧為本單元教學(xué)的關(guān)鍵。難點(diǎn)是HTML代碼編寫的基本技巧。

三、教學(xué)策略

為承載這一教學(xué)內(nèi)容，可將授課地點(diǎn)選在網(wǎng)站設(shè)計(jì)實(shí)訓(xùn)室，并采用任務(wù)驅(qū)動(dòng)法培養(yǎng)學(xué)生的綜合職業(yè)能力。在教學(xué)中運(yùn)用以下教學(xué)手段實(shí)施教學(xué)：

1.教學(xué)資源信息化：使用FLASH動(dòng)畫、優(yōu)秀網(wǎng)站；同時(shí)針對(duì)“教學(xué)關(guān)鍵”設(shè)計(jì)符合學(xué)生認(rèn)知能力和水平的微課，并發(fā)布到素材空間，作為課堂教學(xué)的一種重要補(bǔ)充與拓展資源，滿足學(xué)生的個(gè)性化學(xué)習(xí)。

2.教學(xué)模式情境化：采用企業(yè)項(xiàng)目組管理模式，提升學(xué)生對(duì)實(shí)際工作崗位認(rèn)知。任命曾參加省市級(jí)技能競(jìng)賽的四名學(xué)生為項(xiàng)目組組長，組長的職責(zé)不但要掌握項(xiàng)目組內(nèi)工作狀態(tài)，還要協(xié)調(diào)組內(nèi)資源，配合老師完成本次任務(wù)。

四、教學(xué)過程

本項(xiàng)目的教學(xué)過程以任務(wù)為載體，以企業(yè)網(wǎng)站制作的一般流程開展教學(xué)。

1.前期準(zhǔn)備

①創(chuàng)設(shè)情境，提出任務(wù)

一個(gè)網(wǎng)站項(xiàng)目的需求是各種各樣，甚至千奇百怪的，但無論怎樣，這種需求都是來自于客戶的實(shí)際需求或是公司自身發(fā)展的需要。在這一階段，教師利用情境模擬法提出項(xiàng)目任務(wù)，創(chuàng)設(shè)一個(gè)情境，告訴學(xué)生：某電子企業(yè)想制作一個(gè)網(wǎng)站，用于宣傳它的產(chǎn)品，擴(kuò)大知名度，于是委托我們來完成網(wǎng)站的制作。

②了解需求，定位功能

我們要制作的是電子類企業(yè)網(wǎng)站，作為一個(gè)企業(yè)網(wǎng)，因其受眾廣泛，定位必須要清晰，企業(yè)通過互聯(lián)網(wǎng)發(fā)布信息，供全球檢索，以此來宣傳企業(yè)、展示產(chǎn)品及服務(wù)，并通過網(wǎng)絡(luò)與各行業(yè)交流、推銷并合作。帶領(lǐng)學(xué)生進(jìn)入到模擬情境后，可以用角色扮演法，由教師和學(xué)生分別扮演企業(yè)方和項(xiàng)目方，了解企業(yè)建網(wǎng)站的需求，并編寫“網(wǎng)站功能描述書”。

③分組

根據(jù)學(xué)生具體情況進(jìn)行分組，共分為4個(gè)項(xiàng)目組，各設(shè)立一名組長。分組時(shí)依據(jù)組內(nèi)性質(zhì)不同，組間性質(zhì)相同的原則。組內(nèi)性質(zhì)不同，不同的學(xué)生之間形成互補(bǔ)，保證組內(nèi)成員各有所長并互相取長補(bǔ)短，每個(gè)學(xué)生在小組中都能發(fā)揮各自的作用，形成合作的基礎(chǔ)。組間性質(zhì)相同，使全班各小組間保持大體的均衡，以保證全班各小組間的公平競(jìng)爭(zhēng)。

④優(yōu)秀網(wǎng)站欣賞與分享，形成標(biāo)準(zhǔn)

開放網(wǎng)絡(luò)給學(xué)生上網(wǎng)，各組搜集一些設(shè)計(jì)美觀有特色、內(nèi)容多元豐富、功能強(qiáng)大、有特色的網(wǎng)站進(jìn)行欣賞與分享，進(jìn)一步啟發(fā)學(xué)生思維，吸引學(xué)生的注意力，激發(fā)其好奇心，促使學(xué)生主動(dòng)參與學(xué)習(xí)。然后組織學(xué)生討論制作一個(gè)既漂亮實(shí)用又符合客戶需求的網(wǎng)站需要把握哪些基本要素，遵循哪些基本原則，并參照企業(yè)標(biāo)準(zhǔn)編寫形成“優(yōu)秀網(wǎng)站標(biāo)準(zhǔn)”。

2.方案論證

圍繞建站任務(wù)，根據(jù)客戶的實(shí)際需求以及網(wǎng)站設(shè)計(jì)的行業(yè)規(guī)定，各小組在組長的組織下，進(jìn)行任務(wù)細(xì)化和分工，確定本組網(wǎng)站的設(shè)計(jì)方案。包括確立網(wǎng)站的主題、采用什么樣的界面色調(diào)風(fēng)格、如何劃分網(wǎng)頁框架欄目及網(wǎng)頁數(shù)量等，完成網(wǎng)站建設(shè)策劃書。

根據(jù)網(wǎng)站建設(shè)策劃書，各小組內(nèi)部討論確定技術(shù)路線和平臺(tái)，明確工作流程，制訂工作計(jì)劃，填寫分工工作計(jì)劃表，工作內(nèi)容可分為素材（文本、圖片）的收集和整理、美工設(shè)計(jì)、FLASH動(dòng)畫制作、視頻拍攝與編輯、網(wǎng)頁制作、數(shù)據(jù)庫設(shè)計(jì)等，讓組內(nèi)所有的成員都參與進(jìn)來，做到人人有事做，事事有人做。

這一過程就是讓學(xué)生確定應(yīng)該怎么做，采用頭腦風(fēng)暴的策略。通過小組內(nèi)的討論，在活躍課堂氣氛的同時(shí)，既組織學(xué)生參與到課堂的知識(shí)學(xué)習(xí)中來，又能提高學(xué)生邏輯思維能力、語言組織能力、協(xié)調(diào)管理能力，培養(yǎng)良好的團(tuán)隊(duì)合作能力。教師可以參與到學(xué)生的交流中來，給出合理建議，同時(shí)觀察各小組的工作狀態(tài)并作好記錄。

3.網(wǎng)站設(shè)計(jì)與制作實(shí)現(xiàn)

這個(gè)階段的任務(wù)就是一步步實(shí)施制定的計(jì)劃，通過小組內(nèi)多重交流和問題的探討分析解決等形式開展交往性學(xué)習(xí)，學(xué)生逐步加強(qiáng)自行組織和負(fù)責(zé)學(xué)習(xí)過程，教師發(fā)揮咨詢者和協(xié)調(diào)者的作用，類似于導(dǎo)演的角色，在整體上引導(dǎo)和把控學(xué)習(xí)過程，檢查工作進(jìn)度和中期成果。

這期間各組建立站點(diǎn)物理結(jié)構(gòu)，利用DIV搭建網(wǎng)頁框架，利用CSS美化文字、鏈接、圖片、表格、表單，使用HTMT標(biāo)記，為各網(wǎng)頁添加并美化內(nèi)容區(qū)等。小組內(nèi)個(gè)人活動(dòng)主要有資料的收集整理，F(xiàn)LASH網(wǎng)頁動(dòng)畫的制作，圖形圖像的處理等。組長主要掌控網(wǎng)站制作的整體設(shè)計(jì)方案，監(jiān)督整體的進(jìn)度。

在網(wǎng)站設(shè)計(jì)制作過程中學(xué)生出現(xiàn)的問題主要有：一是所設(shè)計(jì)網(wǎng)站與客戶需求不匹配；二是所設(shè)計(jì)網(wǎng)站未涵蓋所有客戶需求。如何使學(xué)生以Dreamweaver CS5為工具，將企業(yè)的需求準(zhǔn)確、全面的轉(zhuǎn)換為網(wǎng)站就成為了本項(xiàng)目教學(xué)的重點(diǎn)。為突破這一重點(diǎn)，將網(wǎng)站的設(shè)計(jì)分解為確定欄目、美工設(shè)計(jì)、網(wǎng)頁標(biāo)準(zhǔn)字體、網(wǎng)站LOGO、基本顏色、動(dòng)畫設(shè)計(jì)、圖片素材整理等，再根據(jù)此定位分別制作出首頁、二級(jí)頁面及內(nèi)容詳頁P(yáng)SD草圖，并根據(jù)需要切圖備用；網(wǎng)站設(shè)計(jì)完成后，進(jìn)入網(wǎng)頁設(shè)計(jì)實(shí)現(xiàn)環(huán)節(jié)，這項(xiàng)任務(wù)主要采用DIV+CSS布局方式完成，在此階段重點(diǎn)突破關(guān)鍵點(diǎn)和難點(diǎn)。

4.網(wǎng)站推廣與維護(hù)

在教學(xué)的過程中將理論知識(shí)和操作實(shí)踐進(jìn)行有效融合，從而使中職計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)課程的教學(xué)過程呈現(xiàn)職業(yè)化、過程化和綜合化的發(fā)展趨勢(shì)，并且在教學(xué)的過程中逐漸引導(dǎo)學(xué)生成為學(xué)習(xí)的主體，是行動(dòng)導(dǎo)向教學(xué)法實(shí)施的重點(diǎn)。因此，在網(wǎng)站推廣與維護(hù)階段，為了模擬真實(shí)的應(yīng)用場(chǎng)景，我們把實(shí)訓(xùn)室的教師機(jī)作為服務(wù)器，讓各個(gè)小組分別在教師機(jī)測(cè)試上傳，其他小組成員則進(jìn)行網(wǎng)站訪問，并根據(jù)訪問體驗(yàn)提出反饋意見。各組長綜合反饋意見后再組織小組成員討論修改，教師在修改過程中主要進(jìn)行疑難解答。經(jīng)過反復(fù)測(cè)試訪問修改后，最終各小組形成自己完整的網(wǎng)站。

5.成果驗(yàn)收，多重評(píng)估

各組長組織成員學(xué)習(xí)“優(yōu)秀網(wǎng)站標(biāo)準(zhǔn)”，申請(qǐng)驗(yàn)收的小組成員需對(duì)客戶（教師）進(jìn)行網(wǎng)站操作訪問演示，鍛煉其表達(dá)溝通能力。教師全程按照標(biāo)準(zhǔn)規(guī)范學(xué)生操作。

工作任務(wù)評(píng)價(jià)是需要教師和學(xué)生共同參與的多重評(píng)價(jià)，評(píng)價(jià)以小組為單位，不是單純地給學(xué)生或小組打出一個(gè)成績(jī)，而是在評(píng)價(jià)的過程中幫助學(xué)生發(fā)現(xiàn)問題、分析問題并解決問題。評(píng)價(jià)的過程同時(shí)也是經(jīng)驗(yàn)交流的過程，不僅是對(duì)制作網(wǎng)站方法和技巧的評(píng)價(jià)，更是對(duì)小組整體工作和集體智慧的評(píng)價(jià)。

五、教學(xué)效果小結(jié)

通過教學(xué)發(fā)現(xiàn)本項(xiàng)目教學(xué)的亮點(diǎn)主要有以下幾點(diǎn)：

1.將學(xué)習(xí)對(duì)象設(shè)計(jì)成任務(wù)。通過電子類企業(yè)網(wǎng)站設(shè)計(jì)作為課程載體，激發(fā)了學(xué)生的學(xué)習(xí)興趣。

2.將學(xué)習(xí)對(duì)象設(shè)計(jì)成一個(gè)真實(shí)具體的工作過程。采用企業(yè)項(xiàng)目組管理模式，把課堂完全交給學(xué)生，以教師為主導(dǎo)、以學(xué)生為主體。

3.將學(xué)習(xí)對(duì)象設(shè)計(jì)成工具。在完成項(xiàng)目的技術(shù)工作和組織工作中，強(qiáng)化非智力因素的滲透、提升職業(yè)素養(yǎng)。

六、結(jié)語

在網(wǎng)頁設(shè)計(jì)人才培育過程中不僅要提高學(xué)生的動(dòng)手能力，并且還需要學(xué)生在應(yīng)對(duì)復(fù)雜的工作環(huán)境時(shí)，可以及時(shí)準(zhǔn)確地處理發(fā)生的問題，而不是只能處理一些單一不變的工作問題，在教學(xué)的過程中不僅需要將所有的教學(xué)內(nèi)容遷移到實(shí)踐課程中，并且還需要為學(xué)生創(chuàng)建一些復(fù)雜多變的虛擬工作環(huán)境，從而不斷的提高學(xué)生的綜合工作能力。在網(wǎng)頁設(shè)計(jì)課中采用行動(dòng)導(dǎo)向教學(xué)法，以學(xué)生今后的工作為基本導(dǎo)向，以學(xué)生自主學(xué)習(xí)為實(shí)踐的流程，不僅讓學(xué)生的職業(yè)技能得到更多的提高，并且學(xué)生的身心也得到了更加健康的生長。對(duì)教師而言，需要精心設(shè)計(jì)課程內(nèi)容并設(shè)置合理的學(xué)習(xí)情景，還需提高自身的理論和專業(yè)素養(yǎng)，從而更好的在教學(xué)活動(dòng)中引導(dǎo)學(xué)生完成相應(yīng)的項(xiàng)目或任務(wù)，從而讓每一名學(xué)生都能夠?qū)W有所得。

參考文獻(xiàn)：

[1]戴士弘.職教院校整體教改[M].清華大學(xué)出版社，2015.

[2]黃藍(lán)會(huì).行動(dòng)導(dǎo)向教學(xué)法在高校計(jì)算機(jī)教改中的應(yīng)用分析[J].電腦迷，2018（09）：121.