中職網頁設計與制作課程中的教學做合一

俞燕丹

（江蘇省錫山中等專業學校）

中國教育家陶行知先生曾說過，“ 行是知之始，知是行之成。 ”“ 做是學的中心，也是教的中心。 ”他說：“ 手和腦在一塊兒干，是創造教育的開始；手腦雙全，是創造教育的目的。”注重實踐是陶行知先生“ 教學做合一”的真諦。 國務院印發的國發[2014]19 號文件《 關于加快發展現代職業教育的決定》 中也指出：“ 深化產教融合、校企合作、工學結合，推動專業設置與產業需求對接、課程內容與職業標準對接、教學過程與生產過程對接、畢業證書與職業資格證書對接、職業教育與終身學習對接，提高人才培養質量，強化職業教育的技術技能積累作用。 ”

陶行知視“ 教學做”為一體，“ 做”是核心，主張在做中教、做中學。在數學中等職業學校的網頁設計與制作課程中，我們要從培養目標出發，堅持理論聯系實際的原則，加強學生動手訓練，培養學生的創新能力。

一、選用合理的教材

中等職業學校的人才培養模式是指在一定的教育理論指導下，按照特定的培養目標和人才規格，以相對穩定的教學內容、課程體系和評估方式，實施人才教育的過程的總和。

我校網頁設計與制作課程的培養目標是能對網站的功能進行分析，全面掌握使用的能力；能對頁面進行修改的能力。為此，我校選用的教材除了國規教材外， 還補充了Adobe 創意大學的標準教材。教學內容不僅能滿足中等職業學校專業教學標準，能夠反映當前的生產技術水平和職業崗位資格要求， 更注重課程內容對接職業標準、教學過程對接生產過程。教材的內容編排符合學生認知特點， 突出網頁制作的創意工作流程， 將創意設計與軟件功能相結合， 以軟件的實際應用為主線， 對行業中的典型案例與Dreamweaver 軟件新功能等方面的知識進行深入探討。

Adobe 創意大學的標準教材是聯合行業專家、行業協會、教育專家、一線教師、Adobe 技術專家開發的，重點清晰，內容完善，為專業及其相關行業實踐型人才的培養量身訂制。

二、采用“ 教、學、做”一體的項目式教學方法

以學生為主體，有效設計和實施“ 教、學、做”一體的項目式教學方法，通過真實、完整的實例呈現知識點。

1.循序漸進，由淺入深：選擇小范例詮釋理論知識，每一個項目都從最簡單的內容入手， 慢慢深入， 達到制作出高級頁面的效果，避免只講定義的乏味與枯燥，符合學生的認知規律。

2.內容全面，實例豐富：融入大量的實用操作技巧，力求將最常見的軟件技巧與行業流程全面細致地進行介紹。 結合實例介紹每種應用的操作步驟，學生只需要按照步驟一步步進行操作，就可以在不知不覺中掌握大量的知識，創作出精彩的個性網站。

3.行動導向、任務驅動：從網頁制作行業的實際出發，基礎知識與基本技能相結合，緊扣“ 做中學，做中教”的教育理念，將知識點穿插在網站實例制作的操作過程中， 在實際制作中介紹網站開發的實際流程與制作技巧， 尤其是針對實際制作中廣泛采用的“ Div+CSS 布局模式”， 對教材內容進行全面的補充和完善。 拓展HTML 代碼的學習內容、學習方法，通過課后訓練設計達到課堂知識的“ 舉一反三”，這樣更加貼近實際。

4.由易到難、由部分到整體：從網頁制作技能培訓的實際需要出發，設計一個網站建設實例，采用循序漸進的方法，詳細描述網站的開發過程，介紹網頁制作的各種知識、技能和注意事項。 所學知識分別涉及：站點的規劃與管理；文本、圖像及CSS 層疊樣式表；表格布局，超級鏈接；框架布局，多媒體文件；熱區、層和行為；表單及各種表單元素；模板、站點的測試、發布與維護等各項靜態網頁開發知識，采用知識講授與案例教學相結合的方法。

5.綜合運用，注重啟發：制作兩個企業網站，系統全面地介紹網站建設的實際開發流程及常用手法與技巧。每個任務包含“ 任務描述”“ 自己動手”和“ 舉一反三”三個模塊，將知識點、技能點和注意事項穿插在網頁制作的過程中，注重啟發學生的學習興趣，力求在知識結構編排上體現循序漸進、重點突出、難點分散，在語言敘述上注重概念清晰、邏輯性強、通俗易懂、便于理解。

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

現代信息技術使課堂教學以發展為主， 教師通過創造教學環境，在課堂上為學生提供觀察、獨立思考和實踐，將技術與學科教學靈活有機地結合，為學生提供一個友好交互、自由開放的學習環境，組織并指導學生進行實踐活動，激發學生主動去探索、積極去思考，從而極大地提高教學效率。

三、考核評價方式多角度

網頁設計與制作課程對學生的能力要求是：（1）會Dreamweaver的安裝；（2）合理使用網頁元素制作簡單靜態頁面；（3）能夠使用表單、CSS 樣式、行為、層、模板、框架等技術制作比較復雜的靜態網頁，并能夠進行站點發布；（4）初步了解動態網頁設計的基礎知識，能夠制作簡單的留言板等動態網頁。因此，我從以下幾方面對學生進行評價：

1.網頁作品與真實生活是否有關聯，主題鮮明。 這表現為作為真實的項目場景，這種真實場景是對日常企業場景的模擬，或者真實場景中的實際操作。

2.要求學生對一些與職業有關的問題進行思考和解決。 比如企業網站，學生要依據問題，以科學的論證和推理方式設計合乎自身認識的、具有創造性的解決問題的方案，創作具有創造性的網站作品。

3.操作過程和最終作品是評價的重點。 在實際操作過程中，學生解決問題的綜合能力得到鍛煉， 如思考問題能力、 問題反思能力、團結合作能力、信息搜集能力和創造力等，評價中充分展現出來，而網站作品則是各種能力綜合鍛煉得到的結果。

4.學歷證書與職業資格證書對接。Adobe 創意大學考試認證是Adobe 公司推出的權威國際認證， 是針對全球Adobe 軟件的學習者和使用者提供的一套全面科學、嚴謹高效的考核體系，為企業的人才選拔和錄用提供了重要和科學的參考標準。

總而言之，運用陶行知先生的教學做合一思想，我們在中職網頁設計與制作課程中堅持理論與實踐的有機結合，注重學思結合、知行統一，堅持“ 做中學、做中教”，加強理論課程與實踐課程的整合、融合，開展項目教學、場景教學、主題教學和崗位教學，從而強化對學生實踐能力和職業技能的培養。

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

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

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

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