中職網(wǎng)頁(yè)設(shè)計(jì)與制作課程中的教學(xué)做合一

俞燕丹

（江蘇省錫山中等專(zhuān)業(yè)學(xué)校）

中國(guó)教育家陶行知先生曾說(shuō)過(guò)，“ 行是知之始，知是行之成。 ”“ 做是學(xué)的中心，也是教的中心。 ”他說(shuō)：“ 手和腦在一塊兒干，是創(chuàng)造教育的開(kāi)始；手腦雙全，是創(chuàng)造教育的目的?！弊⒅貙?shí)踐是陶行知先生“ 教學(xué)做合一”的真諦。 國(guó)務(wù)院印發(fā)的國(guó)發(fā)[2014]19 號(hào)文件《 關(guān)于加快發(fā)展現(xiàn)代職業(yè)教育的決定》 中也指出：“ 深化產(chǎn)教融合、校企合作、工學(xué)結(jié)合，推動(dòng)專(zhuān)業(yè)設(shè)置與產(chǎn)業(yè)需求對(duì)接、課程內(nèi)容與職業(yè)標(biāo)準(zhǔn)對(duì)接、教學(xué)過(guò)程與生產(chǎn)過(guò)程對(duì)接、畢業(yè)證書(shū)與職業(yè)資格證書(shū)對(duì)接、職業(yè)教育與終身學(xué)習(xí)對(duì)接，提高人才培養(yǎng)質(zhì)量，強(qiáng)化職業(yè)教育的技術(shù)技能積累作用。 ”

陶行知視“ 教學(xué)做”為一體，“ 做”是核心，主張?jiān)谧鲋薪獭⒆鲋袑W(xué)。在數(shù)學(xué)中等職業(yè)學(xué)校的網(wǎng)頁(yè)設(shè)計(jì)與制作課程中，我們要從培養(yǎng)目標(biāo)出發(fā)，堅(jiān)持理論聯(lián)系實(shí)際的原則，加強(qiáng)學(xué)生動(dòng)手訓(xùn)練，培養(yǎng)學(xué)生的創(chuàng)新能力。

一、選用合理的教材

中等職業(yè)學(xué)校的人才培養(yǎng)模式是指在一定的教育理論指導(dǎo)下，按照特定的培養(yǎng)目標(biāo)和人才規(guī)格，以相對(duì)穩(wěn)定的教學(xué)內(nèi)容、課程體系和評(píng)估方式，實(shí)施人才教育的過(guò)程的總和。

我校網(wǎng)頁(yè)設(shè)計(jì)與制作課程的培養(yǎng)目標(biāo)是能對(duì)網(wǎng)站的功能進(jìn)行分析，全面掌握使用的能力；能對(duì)頁(yè)面進(jìn)行修改的能力。為此，我校選用的教材除了國(guó)規(guī)教材外， 還補(bǔ)充了Adobe 創(chuàng)意大學(xué)的標(biāo)準(zhǔn)教材。教學(xué)內(nèi)容不僅能滿足中等職業(yè)學(xué)校專(zhuān)業(yè)教學(xué)標(biāo)準(zhǔn)，能夠反映當(dāng)前的生產(chǎn)技術(shù)水平和職業(yè)崗位資格要求， 更注重課程內(nèi)容對(duì)接職業(yè)標(biāo)準(zhǔn)、教學(xué)過(guò)程對(duì)接生產(chǎn)過(guò)程。教材的內(nèi)容編排符合學(xué)生認(rèn)知特點(diǎn)， 突出網(wǎng)頁(yè)制作的創(chuàng)意工作流程， 將創(chuàng)意設(shè)計(jì)與軟件功能相結(jié)合， 以軟件的實(shí)際應(yīng)用為主線， 對(duì)行業(yè)中的典型案例與Dreamweaver 軟件新功能等方面的知識(shí)進(jìn)行深入探討。

Adobe 創(chuàng)意大學(xué)的標(biāo)準(zhǔn)教材是聯(lián)合行業(yè)專(zhuān)家、行業(yè)協(xié)會(huì)、教育專(zhuān)家、一線教師、Adobe 技術(shù)專(zhuān)家開(kāi)發(fā)的，重點(diǎn)清晰，內(nèi)容完善，為專(zhuān)業(yè)及其相關(guān)行業(yè)實(shí)踐型人才的培養(yǎng)量身訂制。

二、采用“ 教、學(xué)、做”一體的項(xiàng)目式教學(xué)方法

以學(xué)生為主體，有效設(shè)計(jì)和實(shí)施“ 教、學(xué)、做”一體的項(xiàng)目式教學(xué)方法，通過(guò)真實(shí)、完整的實(shí)例呈現(xiàn)知識(shí)點(diǎn)。

1.循序漸進(jìn)，由淺入深：選擇小范例詮釋理論知識(shí)，每一個(gè)項(xiàng)目都從最簡(jiǎn)單的內(nèi)容入手， 慢慢深入， 達(dá)到制作出高級(jí)頁(yè)面的效果，避免只講定義的乏味與枯燥，符合學(xué)生的認(rèn)知規(guī)律。

2.內(nèi)容全面，實(shí)例豐富：融入大量的實(shí)用操作技巧，力求將最常見(jiàn)的軟件技巧與行業(yè)流程全面細(xì)致地進(jìn)行介紹。 結(jié)合實(shí)例介紹每種應(yīng)用的操作步驟，學(xué)生只需要按照步驟一步步進(jìn)行操作，就可以在不知不覺(jué)中掌握大量的知識(shí)，創(chuàng)作出精彩的個(gè)性網(wǎng)站。

3.行動(dòng)導(dǎo)向、任務(wù)驅(qū)動(dòng)：從網(wǎng)頁(yè)制作行業(yè)的實(shí)際出發(fā)，基礎(chǔ)知識(shí)與基本技能相結(jié)合，緊扣“ 做中學(xué)，做中教”的教育理念，將知識(shí)點(diǎn)穿插在網(wǎng)站實(shí)例制作的操作過(guò)程中， 在實(shí)際制作中介紹網(wǎng)站開(kāi)發(fā)的實(shí)際流程與制作技巧， 尤其是針對(duì)實(shí)際制作中廣泛采用的“ Div+CSS 布局模式”， 對(duì)教材內(nèi)容進(jìn)行全面的補(bǔ)充和完善。 拓展HTML 代碼的學(xué)習(xí)內(nèi)容、學(xué)習(xí)方法，通過(guò)課后訓(xùn)練設(shè)計(jì)達(dá)到課堂知識(shí)的“ 舉一反三”，這樣更加貼近實(shí)際。

4.由易到難、由部分到整體：從網(wǎng)頁(yè)制作技能培訓(xùn)的實(shí)際需要出發(fā)，設(shè)計(jì)一個(gè)網(wǎng)站建設(shè)實(shí)例，采用循序漸進(jìn)的方法，詳細(xì)描述網(wǎng)站的開(kāi)發(fā)過(guò)程，介紹網(wǎng)頁(yè)制作的各種知識(shí)、技能和注意事項(xiàng)。 所學(xué)知識(shí)分別涉及：站點(diǎn)的規(guī)劃與管理；文本、圖像及CSS 層疊樣式表；表格布局，超級(jí)鏈接；框架布局，多媒體文件；熱區(qū)、層和行為；表單及各種表單元素；模板、站點(diǎn)的測(cè)試、發(fā)布與維護(hù)等各項(xiàng)靜態(tài)網(wǎng)頁(yè)開(kāi)發(fā)知識(shí)，采用知識(shí)講授與案例教學(xué)相結(jié)合的方法。

5.綜合運(yùn)用，注重啟發(fā)：制作兩個(gè)企業(yè)網(wǎng)站，系統(tǒng)全面地介紹網(wǎng)站建設(shè)的實(shí)際開(kāi)發(fā)流程及常用手法與技巧。每個(gè)任務(wù)包含“ 任務(wù)描述”“ 自己動(dòng)手”和“ 舉一反三”三個(gè)模塊，將知識(shí)點(diǎn)、技能點(diǎn)和注意事項(xiàng)穿插在網(wǎng)頁(yè)制作的過(guò)程中，注重啟發(fā)學(xué)生的學(xué)習(xí)興趣，力求在知識(shí)結(jié)構(gòu)編排上體現(xiàn)循序漸進(jìn)、重點(diǎn)突出、難點(diǎn)分散，在語(yǔ)言敘述上注重概念清晰、邏輯性強(qiáng)、通俗易懂、便于理解。

6.注重現(xiàn)代信息技術(shù)在教學(xué)中的應(yīng)用。 現(xiàn)代信息技術(shù)參與之后的課堂“ 以教師創(chuàng)造性的教為主導(dǎo)，以學(xué)生探索性的學(xué)為主體”，豐富多彩的教學(xué)環(huán)境，給學(xué)生更大的思維空間，突出學(xué)生的主體地位。 運(yùn)用現(xiàn)代信息技術(shù)，創(chuàng)設(shè)他們感興趣的事物與情境，抓住學(xué)生的心理特點(diǎn)，將抽象化的、概念化的知識(shí)點(diǎn)，以貼近生活的生動(dòng)、鮮明的圖文并茂的畫(huà)面呈現(xiàn)乏味的定義定律，集聲音、文字、圖像、圖畫(huà)動(dòng)態(tài)顯示于一體，達(dá)到將抽象概念具體化、微觀概念宏觀化的目的。 讓學(xué)生易于理解接受，讓學(xué)生身臨其境，親歷其中，得到體驗(yàn)，在輕松的氛圍中愉快地學(xué)習(xí)，提高了學(xué)生的思維能力、想象能力和創(chuàng)新能力。

現(xiàn)代信息技術(shù)使課堂教學(xué)以發(fā)展為主， 教師通過(guò)創(chuàng)造教學(xué)環(huán)境，在課堂上為學(xué)生提供觀察、獨(dú)立思考和實(shí)踐，將技術(shù)與學(xué)科教學(xué)靈活有機(jī)地結(jié)合，為學(xué)生提供一個(gè)友好交互、自由開(kāi)放的學(xué)習(xí)環(huán)境，組織并指導(dǎo)學(xué)生進(jìn)行實(shí)踐活動(dòng)，激發(fā)學(xué)生主動(dòng)去探索、積極去思考，從而極大地提高教學(xué)效率。

三、考核評(píng)價(jià)方式多角度

網(wǎng)頁(yè)設(shè)計(jì)與制作課程對(duì)學(xué)生的能力要求是：（1）會(huì)Dreamweaver的安裝；（2）合理使用網(wǎng)頁(yè)元素制作簡(jiǎn)單靜態(tài)頁(yè)面；（3）能夠使用表單、CSS 樣式、行為、層、模板、框架等技術(shù)制作比較復(fù)雜的靜態(tài)網(wǎng)頁(yè)，并能夠進(jìn)行站點(diǎn)發(fā)布；（4）初步了解動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)知識(shí)，能夠制作簡(jiǎn)單的留言板等動(dòng)態(tài)網(wǎng)頁(yè)。因此，我從以下幾方面對(duì)學(xué)生進(jìn)行評(píng)價(jià)：

1.網(wǎng)頁(yè)作品與真實(shí)生活是否有關(guān)聯(lián)，主題鮮明。 這表現(xiàn)為作為真實(shí)的項(xiàng)目場(chǎng)景，這種真實(shí)場(chǎng)景是對(duì)日常企業(yè)場(chǎng)景的模擬，或者真實(shí)場(chǎng)景中的實(shí)際操作。

2.要求學(xué)生對(duì)一些與職業(yè)有關(guān)的問(wèn)題進(jìn)行思考和解決。 比如企業(yè)網(wǎng)站，學(xué)生要依據(jù)問(wèn)題，以科學(xué)的論證和推理方式設(shè)計(jì)合乎自身認(rèn)識(shí)的、具有創(chuàng)造性的解決問(wèn)題的方案，創(chuàng)作具有創(chuàng)造性的網(wǎng)站作品。

3.操作過(guò)程和最終作品是評(píng)價(jià)的重點(diǎn)。 在實(shí)際操作過(guò)程中，學(xué)生解決問(wèn)題的綜合能力得到鍛煉， 如思考問(wèn)題能力、 問(wèn)題反思能力、團(tuán)結(jié)合作能力、信息搜集能力和創(chuàng)造力等，評(píng)價(jià)中充分展現(xiàn)出來(lái)，而網(wǎng)站作品則是各種能力綜合鍛煉得到的結(jié)果。

4.學(xué)歷證書(shū)與職業(yè)資格證書(shū)對(duì)接。Adobe 創(chuàng)意大學(xué)考試認(rèn)證是Adobe 公司推出的權(quán)威國(guó)際認(rèn)證， 是針對(duì)全球Adobe 軟件的學(xué)習(xí)者和使用者提供的一套全面科學(xué)、嚴(yán)謹(jǐn)高效的考核體系，為企業(yè)的人才選拔和錄用提供了重要和科學(xué)的參考標(biāo)準(zhǔn)。

總而言之，運(yùn)用陶行知先生的教學(xué)做合一思想，我們?cè)谥新毦W(wǎng)頁(yè)設(shè)計(jì)與制作課程中堅(jiān)持理論與實(shí)踐的有機(jī)結(jié)合，注重學(xué)思結(jié)合、知行統(tǒng)一，堅(jiān)持“ 做中學(xué)、做中教”，加強(qiáng)理論課程與實(shí)踐課程的整合、融合，開(kāi)展項(xiàng)目教學(xué)、場(chǎng)景教學(xué)、主題教學(xué)和崗位教學(xué)，從而強(qiáng)化對(duì)學(xué)生實(shí)踐能力和職業(yè)技能的培養(yǎng)。

[1]陶行知.陶行知全集：卷1[M].成都：四川教育出版社，1991.

[2]陶行知.陶行知全集：卷2[M].成都：四川教育出版社，1991.

[3]陶行知.陶行知全集：卷3[M].成都：四川教育出版社，1991.

[4]黃克孝.職業(yè)和技術(shù)教育課程概論[M].上海：華東師范大學(xué)出版社，2001.