基于工作過程的《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)實(shí)踐探索

向志華

（肇慶科技職業(yè)技術(shù)學(xué)院，廣東 肇慶 526020）

基于工作過程的《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)實(shí)踐探索

向志華

（肇慶科技職業(yè)技術(shù)學(xué)院，廣東 肇慶 526020）

本文基于工作過程，對職業(yè)院校的《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)課程開發(fā)進(jìn)行探索，分析了如何基于崗位需求確立課程培養(yǎng)目標(biāo)，根據(jù)工作過程設(shè)計(jì)課程內(nèi)容、選擇教學(xué)方法和改革考核方式，進(jìn)一步提高學(xué)生的崗位工作能力。

工作過程：課程開發(fā)：實(shí)踐：教學(xué)方法

1.研究背景

根據(jù)對肇慶科技職業(yè)技術(shù)學(xué)院的畢業(yè)生進(jìn)行崗位跟蹤和回訪發(fā)現(xiàn)，我校計(jì)算機(jī)專業(yè)的畢業(yè)生在網(wǎng)頁設(shè)計(jì)方面的崗位主要有：網(wǎng)頁設(shè)計(jì)與制作、網(wǎng)站編輯、網(wǎng)站管理3大崗位群。

網(wǎng)頁設(shè)計(jì)制作：精通Photoshop，Corldraw，F(xiàn)rontpage，Dreamweaver等多項(xiàng)網(wǎng)頁設(shè)計(jì)工具。

網(wǎng)站編輯：具備基本的網(wǎng)頁編輯和修改能力。

網(wǎng)站管理：具備較高的網(wǎng)頁設(shè)計(jì)制作和維護(hù)的能力。

這些工作崗位群不僅要求學(xué)生透徹理解《網(wǎng)頁設(shè)計(jì)與制作》課程的基本知識與操作技能，還要求學(xué)生掌握網(wǎng)頁設(shè)計(jì)與制作的工作過程以及方法，同時(shí)更要具備良好的職業(yè)道德、團(tuán)隊(duì)精神和敬業(yè)精神。但在實(shí)際教學(xué)過程中，有的學(xué)生在完成課程學(xué)習(xí)之后，還是很難掌握好課程知識。為了進(jìn)一步體現(xiàn)職業(yè)院校的教育理念，提高職業(yè)教育的教學(xué)質(zhì)量，必須圍繞實(shí)際的工作過程進(jìn)行《網(wǎng)頁設(shè)計(jì)與制作》課程開發(fā)，才能使課程教學(xué)適應(yīng)行業(yè)發(fā)展的需要[1]。

2.根據(jù)崗位需求和專業(yè)培養(yǎng)目標(biāo)，明確課程培養(yǎng)目標(biāo)

2.1 培養(yǎng)學(xué)生的專業(yè)工作能力，分析典型工作任務(wù)

網(wǎng)頁設(shè)計(jì)制作：要求具備開發(fā)和制作網(wǎng)站的操作技能，能完成對中小型網(wǎng)站整體規(guī)劃和網(wǎng)頁具體設(shè)計(jì)制作，美化等工作任務(wù)。

網(wǎng)站編輯：要求掌握基礎(chǔ)的網(wǎng)頁知識和操作技能，能完成中小型網(wǎng)站的內(nèi)容建設(shè)，包括網(wǎng)站內(nèi)容的編輯、更新和維護(hù)等工作任務(wù)。

網(wǎng)站管理：要求具備較高的網(wǎng)頁制作經(jīng)驗(yàn)和管理能力，能完成對中小型網(wǎng)站的后臺維護(hù)、網(wǎng)站的改版等工作任務(wù)。

2.2 培養(yǎng)學(xué)生的職業(yè)素養(yǎng)和學(xué)習(xí)能力

在學(xué)習(xí)初級階段，可以通過設(shè)計(jì)生動有趣的項(xiàng)目實(shí)例，充分調(diào)動學(xué)生的學(xué)習(xí)興趣，并激發(fā)他們的工作熱情，從而培養(yǎng)學(xué)生對網(wǎng)頁設(shè)計(jì)課程的自發(fā)主動學(xué)習(xí)能力，這種工作熱情也能夠激勵(lì)學(xué)生在日后的工作崗位上不斷探索，不斷進(jìn)步。

既要培養(yǎng)學(xué)生模仿的能力，又要注意啟發(fā)學(xué)生的創(chuàng)新思維。例如在進(jìn)行網(wǎng)頁建模和布局設(shè)計(jì)時(shí)，可以應(yīng)用靈活表格，層，這時(shí)要鼓勵(lì)學(xué)生多思考，嘗試?yán)貌煌姆椒ㄔO(shè)計(jì)，讓學(xué)生既能把基本知識的基礎(chǔ)打好，又能舉一反三地思考問題。

同時(shí)在教學(xué)過程中必須貫穿培養(yǎng)學(xué)生的團(tuán)結(jié)協(xié)作能力。對一些復(fù)雜的項(xiàng)目可以通過分組合作，讓他們對一些難題進(jìn)行相互交流和討論，互相取長補(bǔ)短，一齊分工合作，共同完成任務(wù)。

3.基于工作任務(wù)，合理選擇課程內(nèi)容，設(shè)計(jì)教學(xué)情境

為了更好的培養(yǎng)學(xué)生的綜合工作能力，不只要按照學(xué)生“由易到難，由淺到深，由表及里”的學(xué)習(xí)認(rèn)知規(guī)律選擇合適的教學(xué)內(nèi)容進(jìn)行講述，還必須合理排序所要講述的課程內(nèi)容，并融入生動有趣的教學(xué)情境中進(jìn)行練習(xí)，讓學(xué)生更容易掌握[2]。

按照網(wǎng)頁設(shè)計(jì)的典型工作任務(wù)，將課程內(nèi)容分為了 5個(gè)學(xué)習(xí)單元：

第l單元：要求學(xué)生對網(wǎng)頁設(shè)計(jì)工具有一個(gè)基本了解，初步掌握網(wǎng)頁設(shè)計(jì)的基礎(chǔ)知識和一般方法。

第2單元：要完成網(wǎng)頁規(guī)劃設(shè)計(jì)的任務(wù)，通過實(shí)例講解和實(shí)際操作，講述網(wǎng)頁色彩搭配、網(wǎng)頁布局和網(wǎng)頁字體的運(yùn)用及設(shè)計(jì)技巧，css樣式層的設(shè)計(jì)。

第3單元：主要講述如何進(jìn)行網(wǎng)頁美化，包括網(wǎng)頁視頻與音效的添加，導(dǎo)航欄的制作，層和行為的使用等。

第4單元：主要介紹更新及維護(hù)網(wǎng)頁的技術(shù)，包括模板和庫項(xiàng)目制作技術(shù)。

第5單元：介紹網(wǎng)站測試和網(wǎng)頁上傳的基本方法及操作實(shí)例。

該課程內(nèi)容安排以 Dreamweaver軟件應(yīng)用為主線，內(nèi)容涉及網(wǎng)頁布局，網(wǎng)頁美化，網(wǎng)站測試等知識，強(qiáng)調(diào)從實(shí)踐應(yīng)用出發(fā)，介紹網(wǎng)頁設(shè)計(jì)和制作的技術(shù)，突出學(xué)以致用。通過該課程的學(xué)習(xí)，使學(xué)生掌握網(wǎng)頁制作的基本知識，熟悉網(wǎng)站設(shè)計(jì)的全過程，并能熟練制作中小型網(wǎng)站。

3.1 教學(xué)情境的設(shè)計(jì)。

教學(xué)情境設(shè)置的好壞直接影響到學(xué)生對學(xué)習(xí)單元的掌握[3]。一個(gè)好的教學(xué)情境首先要注意與當(dāng)前企業(yè)的實(shí)際工作過程相結(jié)合，知識點(diǎn)循序漸進(jìn)，由易到難；其次要能盡可能自然、有機(jī)地結(jié)合學(xué)習(xí)單元中的多項(xiàng)知識點(diǎn)；最后教學(xué)情境難易程度要適中，學(xué)生在通過教師的幫助和自己的努力能夠完成，能獲得成就感。

在《網(wǎng)頁設(shè)計(jì)與制作》的教學(xué)中，所設(shè)置的教學(xué)情境可以來源于企業(yè)開發(fā)的真實(shí)項(xiàng)目、企業(yè)或個(gè)人發(fā)布的網(wǎng)站外接承包項(xiàng)目以及各類技能大賽的仿真項(xiàng)目。下面以第 2單元——網(wǎng)站規(guī)劃教學(xué)過程為例，詳細(xì)講解基于工作導(dǎo)向?qū)W習(xí)情境的創(chuàng)設(shè)與具體實(shí)施。本單元選擇了小型物流公司網(wǎng)站規(guī)劃這個(gè)項(xiàng)目作為載體進(jìn)行教學(xué)情境設(shè)計(jì)。

設(shè)計(jì)項(xiàng)目：小型物流公司網(wǎng)站規(guī)劃。

基本內(nèi)容：公司簡介、企業(yè)動態(tài)、產(chǎn)品介紹、人才招聘、聯(lián)系方式。

規(guī)劃要求：

（1）網(wǎng)站規(guī)劃要反應(yīng)出本網(wǎng)站的主題，簡約，大氣，具有視覺吸引力，網(wǎng)頁要做到重點(diǎn)突出，首頁尤為重要，要達(dá)到廣告宣傳效應(yīng)。

（2）便于管理維護(hù)，易于更新或添加頁面內(nèi)容，有一定的擴(kuò)展性。

（3）網(wǎng)頁的字體要美觀，不同頁面的風(fēng)格要統(tǒng)一，字體的組合要協(xié)調(diào)，圖與文字和諧，內(nèi)容豐富，能支持幾種常用瀏覽器。

4.基于建構(gòu)主義的教學(xué)模式設(shè)計(jì)

“建構(gòu)主義學(xué)習(xí)理論強(qiáng)調(diào)以學(xué)生為主體，教師為主導(dǎo)的雙主教學(xué)模式。學(xué)生是信息加工的主體、知識意義的主動建構(gòu)者，教師是學(xué)生主動建構(gòu)意義的幫助者、促進(jìn)者、指導(dǎo)者；強(qiáng)調(diào)學(xué)習(xí)的合作性和情景性，提倡合作學(xué)習(xí)主動性和交互學(xué)習(xí)?！盵4]在建構(gòu)主義學(xué)習(xí)理論的指導(dǎo)下，教師的教學(xué)活動應(yīng)以學(xué)生為中心，強(qiáng)調(diào)學(xué)生對知識的主動探索、主動發(fā)現(xiàn)和對所學(xué)知識意義的主動建構(gòu)。所采用的教學(xué)方法都強(qiáng)調(diào)學(xué)生是學(xué)習(xí)的主人，是整個(gè)教學(xué)活動的主體。無論是教師的備課、課堂教學(xué)的組織還是課后的學(xué)習(xí)指導(dǎo)，教師都要樹立“學(xué)生是教學(xué)活動的主體”的意識，始終貫徹“以教師為主導(dǎo)，以學(xué)生為主體”的教學(xué)思路。

4.1 營造有助于教學(xué)情境開展的企業(yè)實(shí)踐條件

4.1.1 為學(xué)生提供參與和了解企業(yè)的機(jī)會

學(xué)院可以定期邀請一些網(wǎng)頁設(shè)計(jì)工程師、專家學(xué)者等來校講學(xué)，豐富學(xué)生的專業(yè)知識，擴(kuò)大學(xué)生的專業(yè)視野。通過以上的方式，學(xué)生不再對企業(yè)感到陌生，并能很快進(jìn)入工作過程。同時(shí)學(xué)院還可以通過與多家企業(yè)簽署訂單式人才培養(yǎng)或?qū)嵙?xí)基地合作協(xié)議，定期組織學(xué)生赴企業(yè)頂崗實(shí)習(xí)，通過頂崗實(shí)習(xí)，讓學(xué)生了解企業(yè)實(shí)際的工作流程，找出自身狀況與社會實(shí)際需要的差距，為求職與正式工作做好充分的知識、能力準(zhǔn)備。

4.1.2 為專業(yè)教師創(chuàng)造實(shí)踐條件

專業(yè)教師既要豐富的教育理論和專業(yè)理論知識，又要有過硬的操作技能和實(shí)踐經(jīng)驗(yàn)，才能更好的發(fā)揮“主導(dǎo)”作用。學(xué)校可以安排教師下一線企業(yè)進(jìn)行學(xué)習(xí)和工作，了解網(wǎng)站開發(fā)的工作任務(wù)和工作流程，以及往屆畢業(yè)生在工作方面所存在的缺陷，從而進(jìn)行崗位職業(yè)分析與課程內(nèi)容的合理選擇。同時(shí)可以聘請有深厚學(xué)術(shù)水平的專家或企業(yè)工程師擔(dān)任本專業(yè)顧問，為教師進(jìn)行培訓(xùn)和講學(xué)，或者直接參與課程教學(xué)、教材編寫等課程開發(fā)，為專業(yè)辦學(xué)提供一些發(fā)展性的建議。

4.2 以賽促學(xué)、以賽促教、賽教結(jié)合，激勵(lì)參加學(xué)生技能考證，提高學(xué)習(xí)主動性

為了能夠增強(qiáng)學(xué)生的學(xué)習(xí)主動性，提高學(xué)生的動手能力和增強(qiáng)畢業(yè)生的就業(yè)競爭力，可以通過號召學(xué)生積極參加學(xué)院、省市等單位舉行的專業(yè)技能競賽，培養(yǎng)學(xué)生的創(chuàng)新創(chuàng)造精神、團(tuán)隊(duì)競爭意識、實(shí)踐動手能力以及創(chuàng)業(yè)素質(zhì)，激發(fā)他們的自學(xué)熱情，自發(fā)主動的去獲取知識。 教師在平常的教學(xué)過程中，要注意加強(qiáng)對學(xué)生進(jìn)行考題項(xiàng)目訓(xùn)練。學(xué)生通過對考證和競賽題庫內(nèi)容有針對性的進(jìn)行練習(xí)，能更好的靈活應(yīng)用《網(wǎng)頁設(shè)計(jì)與制作》課程的專業(yè)知識和操作方法。而教師通過輔導(dǎo)學(xué)生參加考證，也能鍛煉自己的實(shí)踐教學(xué)能力，提高教學(xué)質(zhì)量，真正實(shí)現(xiàn) “以賽促教、以賽促學(xué)、賽教結(jié)合”。

4.3 采用項(xiàng)目教學(xué)方法，堅(jiān)持“教、學(xué)、做”一體化

基于建構(gòu)主義的項(xiàng)目教學(xué)法是在以學(xué)生為中心的基礎(chǔ)上，在每個(gè)學(xué)習(xí)單元中，結(jié)合項(xiàng)目要求、教學(xué)目標(biāo)，向?qū)W生提出實(shí)際的、在一定時(shí)間內(nèi)可完成的項(xiàng)目目標(biāo)，讓學(xué)生在解決問題的過程中建立自己的知識體系，最后完成此項(xiàng)目。在教學(xué)做一體化下實(shí)施項(xiàng)目教學(xué)，能夠更好的將老師講授的知識與學(xué)生的實(shí)際操作聯(lián)系起來，由教到學(xué)，由學(xué)到用，學(xué)生能夠體會到學(xué)習(xí)的困難，也能感受到戰(zhàn)勝困難后的喜悅。

4.3.1 在教學(xué)前期，通過知識點(diǎn)的學(xué)習(xí)，培養(yǎng)學(xué)生的模仿能力，構(gòu)建學(xué)生自己的知識體系

建構(gòu)主義學(xué)習(xí)理論認(rèn)為教學(xué)活動應(yīng)以學(xué)生為中心，強(qiáng)調(diào)學(xué)生對知識的主動探索、主動發(fā)現(xiàn)和對所學(xué)知識意義的主動建構(gòu)。

在教學(xué)前期，學(xué)生主要是學(xué)習(xí)網(wǎng)頁示范項(xiàng)目，以“小型物流公司網(wǎng)站規(guī)劃”為例，該項(xiàng)目的教學(xué)安排如下：

項(xiàng)目任務(wù)：小型物流公司網(wǎng)站規(guī)劃

項(xiàng)目目標(biāo)：要求學(xué)生能掌握網(wǎng)站規(guī)劃的原理和設(shè)計(jì)方法

教學(xué)內(nèi)容：

（1）了解網(wǎng)站的不同風(fēng)格種類和色彩搭配原理；

（2）對網(wǎng)絡(luò)上優(yōu)秀網(wǎng)站的規(guī)劃思路進(jìn)行分析和學(xué)習(xí)；

（3）根據(jù)公司文化對網(wǎng)站規(guī)劃的創(chuàng)意進(jìn)行思考和設(shè)想；

（4）網(wǎng)站布局的具體設(shè)計(jì)和頁面元素搭配。

教學(xué)方法：教師講授、學(xué)生自主學(xué)習(xí)，教、學(xué)、做一體化。授課教師在講操作時(shí)，必須分步驟講解，新知識點(diǎn)越多，步驟應(yīng)分得越細(xì)，把小型物流公司網(wǎng)站規(guī)劃每一步的功能和方法講述清楚。同時(shí)還要注意控制好速度，給學(xué)生足夠的自我練習(xí)和消化時(shí)間，保證授課和學(xué)生的練習(xí)能同步進(jìn)行。

要完成項(xiàng)目設(shè)計(jì)目標(biāo)，學(xué)生首先要瀏覽大量的相關(guān)網(wǎng)頁，學(xué)習(xí)優(yōu)秀網(wǎng)站的規(guī)劃方法。在具體的學(xué)習(xí)過程中，學(xué)生帶著目標(biāo)和問題進(jìn)行學(xué)習(xí)和探索，對于網(wǎng)頁規(guī)劃做出大膽的假設(shè)和嘗試。在學(xué)生動手操作期間，教師要做好指導(dǎo)工作，深入到學(xué)生中間，觀察他們的操作，如果發(fā)現(xiàn)錯(cuò)誤要及時(shí)幫學(xué)生指出，輔導(dǎo)他們改正。

再通過類似作業(yè)的練習(xí)，學(xué)生可以更深刻地掌握課程知識點(diǎn)，慢慢擺脫模仿，嘗試自己思考和創(chuàng)新。在這種教學(xué)法下，學(xué)生能用自己的頭腦和過去掌握的課程內(nèi)容重新審視問題，理清它們的邏輯結(jié)構(gòu)和相互關(guān)系，構(gòu)建新的知識體系。

4.3.2 在教學(xué)后期注重培養(yǎng)學(xué)生協(xié)同工作的能力

教學(xué)后期的綜合項(xiàng)目實(shí)訓(xùn)是項(xiàng)目教學(xué)法實(shí)施的核心環(huán)節(jié)，教師在模擬企業(yè)需求給學(xué)生下達(dá)任務(wù)后，再按照項(xiàng)目建設(shè)的任務(wù)安排學(xué)生分組實(shí)訓(xùn)，共同去完成任務(wù)。學(xué)生在高度仿真的開發(fā)環(huán)境中，通過不斷實(shí)踐去熟悉工作流程，并在不斷的實(shí)戰(zhàn)演練中提高自己，逐漸掌握一個(gè)小型企業(yè)網(wǎng)站的開發(fā)過程，增強(qiáng)自己的知識運(yùn)用能力、團(tuán)結(jié)協(xié)作能力。

以“小型物流公司網(wǎng)站創(chuàng)建”過程為例，通常要完成的工作任務(wù)如表1所示：

表1 任務(wù)安排表

在此過程中，學(xué)生要共同合作完成一套完整的項(xiàng)目設(shè)計(jì)，一個(gè)從無到有的網(wǎng)站開發(fā)，碰到問題，首先要自己主動思考，綜合運(yùn)用已學(xué)知識去解決問題，接著還可以與本組成員或其他開發(fā)小組共同會話交流，探討解決問題的更好方法，共同攻克難題，完成工作要求。同時(shí)學(xué)生還要注意完成對項(xiàng)目的語言描述及相關(guān)文檔的撰寫，培養(yǎng)自己的團(tuán)隊(duì)溝通技能和社會能力。通過學(xué)習(xí)如何在團(tuán)隊(duì)中與他人協(xié)作，最大程度發(fā)揮自身的作用，進(jìn)而培養(yǎng)團(tuán)隊(duì)合作精神和競爭意識。

5.教學(xué)考核和總結(jié)評價(jià)

《網(wǎng)頁設(shè)計(jì)與制作》是一門實(shí)踐性較強(qiáng)，富有創(chuàng)造性的課程，如果只靠傳統(tǒng)的期末考試或提交作品來進(jìn)行評價(jià)，只看重結(jié)果，必然會忽視學(xué)生的日常學(xué)習(xí)和體驗(yàn)過程，所以對《網(wǎng)頁設(shè)計(jì)與制作》的考核應(yīng)堅(jiān)持以評價(jià)學(xué)生實(shí)踐能力為中心，采取多元化的考核方式，并且把過程性考核作為考核的重要部分，達(dá)到以考促學(xué)的目的。按照這種考核思路，本課程的實(shí)際考核方式采用基礎(chǔ)項(xiàng)目考核，合作項(xiàng)目考核和期末上機(jī)考試相結(jié)合的方法。

在考核學(xué)生的同時(shí)，教師還要注意進(jìn)行互動性的教學(xué)總結(jié)，主要是進(jìn)行項(xiàng)目講評及知識點(diǎn)的深入分析和總結(jié)。教師可以將優(yōu)秀的學(xué)生作品進(jìn)行展示和點(diǎn)評，也可以請同學(xué)上臺以演講的形式發(fā)言，講述他自己的創(chuàng)作思路，講述自己如何通過多種途徑自學(xué)，巧妙地把一些課外知識和課堂上的知識相結(jié)合，實(shí)現(xiàn)技術(shù)難點(diǎn)的突破。教師應(yīng)用發(fā)展的眼光看待每一位學(xué)生，去挖掘創(chuàng)設(shè)豐富的教學(xué)情境，藝術(shù)運(yùn)用教學(xué)方法和課堂評價(jià)機(jī)制，激發(fā)學(xué)生的學(xué)習(xí)興趣。

[1] 姜大源.論高職教育工作過程系統(tǒng)化課程開發(fā)[J].徐州建筑職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2010，（10）.

[2] 高云.高職高?！毒W(wǎng)頁設(shè)計(jì)》課程改革探索[J].吉林省教育學(xué)院學(xué)報(bào)，2009，（11）.

[3] 于曉霞，沈志剛.基于工作過程的《網(wǎng)頁設(shè)計(jì)與制作》課程學(xué)習(xí)情境的設(shè)計(jì)[J].福建電腦，2011，（6）.

[4] 赫宜.運(yùn)用建構(gòu)主義理論指導(dǎo)計(jì)算機(jī)教學(xué)[J].計(jì)算機(jī)教育，2007，（8）.

G71

A

1008-7427（2012）06-0030-02

2012-04-12

作者系肇慶科技職業(yè)技術(shù)學(xué)院講師。