中職《動態網頁制作》課程教學探索

謝靖

摘 要：該文依據中職學校《動態網頁制作》課程教學的現狀，從開發語言和開發平臺的選擇、教學內容的優化和教學模式的改進3個方面，探討了該課程教學過程中筆者的一些具體做法。

關鍵詞：ASP Dreamweaver 動態網頁 教學模式

中圖分類號：G424 文獻標識碼：A 文章編號：1672-3791（2015）08（c）-0124-03

《動態網頁制作》是一門研究動態網頁設計和網站建設的課程，是我校計算機專業和電子商務專業學生必修的一門專業課。學習這門課程，對于提高學生的Web站點的規劃能力，了解動態網站的建設和開發過程，都有一個較大的幫助。借助當前流行的易學易用的開發工具，學生比較容易上手，可以快速地開發一個實用性較強的動態網站，因此，在教學過程中，選擇一種適合學生的開發語言和工具，選擇合適的教學內容，探索一種適合學生學習的教學模式，幫助學生快速掌握動態網站開發的基本技能，就顯得尤為重要。

1 課程教學現狀分析

根據筆者多年從事《動態網頁制作》課程教學的經驗，目前，中職學校學生普遍存在下列一些問題。

1.1 上課容易走神、注意力不能持久，缺乏持續學習的毅力

現階段，中職學生中普遍存在上課注意力不集中、不能持久，對所學知識有畏難情緒，缺乏持之以恒的學習態度，這些毛病對于學生學習這門課程都是比較致命的，因為這門課程的學習是由一個由淺入深、循序漸進的過程，在學習過程中，特別注重所學知識的連貫性，而且后續的很多內容都是以一個個項目的形式展現，每一個項目需要一定的課時量來完成，如果學生缺乏持續學習的毅力，中途出現畏難情緒，就會造成半途而廢的結果，所以，這就要求教師在傳授知識、設計教學內容和學生實操方面要多下功夫，設計難易適中、實用性強的案例，提高學生的學習興趣，變被動學習為主動學習。

1.2 數學、英語基礎較差，編寫代碼經常出錯，對學習有一定的影響

在學習本門課程之前，學生們都已經學習了《網頁制作》《VB程序設計》《數據庫基礎》等前導的專業課程，這些課程對于他們進一步學習《動態網頁制作》這門課程是有一定幫助的，但由于目前學生中普遍存在數學、英語等課程基礎薄弱，邏輯思維能力較差等特點，這就造成了他們在學習這門課程時遇到了很大的困難，例如：編寫代碼時常常會出現語句單詞拼寫錯誤、邏輯運算符使用不當等問題，使程序不能順利運行，如此類似的錯誤出現多次后，對學生學習的興趣會有較大的影響。

2 課程教學過程中的一些具體做法

針對上述一些問題，筆者主要從以下三個方面對教學過程進行優化。

2.1 選擇合適的開發語言和平臺

2.1.1 開發語言的選擇

開發動態網站使用的語言有很多，目前使用較多的主要有ASP、PHP、JSP和ASP.NET等。ASP 即Active Server Pages，是微軟公司開發的代替CGI腳本程序的一種應用，它可以與數據庫和其它程序進行交互，是一種簡單、方便的編程工具，它允許使用VBScript或JavaScript這種的簡單腳本語言，編寫嵌入在HTML網頁中的代碼，現在常用于各種動態網站中。筆者在教學中選用的正是ASP，主要考慮到了一下兩個方面的原因：（1）ASP是微軟的產品，與目前普遍使用的Windows操作系統和IE瀏覽器能很好地兼容，服務器的配置、站點的架設比較容易；（2）ASP所使用的腳本語言是VBScript，它是VB語言的一個子集，而VB語言本身就是一種比較容易學習的編程語言，再加上我校計算機專業學生在一年級階段已經學過了《VB程序設計》這門課程，在這個基礎上，進一步學習基于VBScript的ASP動態網頁，應該不會有太大的難度。

2.1.2 開發平臺的選擇

在以往的教學中，通常使用記事本、EditPlus等編輯器作為ASP開發工具，通過手工方式編寫代碼，不僅工作量大，而且還不能直接看到頁面效果，學習的過程十分枯燥，從而使一些程度差的學生產生畏難情緒，逐漸放棄了學習。因此，選擇合適的開發工具對于提高學生的學習興趣是十分重要的。

在本課程教學中，選擇Adobe公司的Dreamweaver作為ASP開發工具，主要原因有兩個，一是學生在前導課程《網頁制作》中時已經使用過該軟件，對該軟件的用戶界面和設計工具的用法都比較熟悉；二是利用Dreamweaver提供的對數據表進行操作的服務器行為，例如記錄集分頁、顯示區域控制、轉到詳細頁面、插入記錄、更新記錄、刪除記錄以及用戶身份驗證等服務器行為，就能快速生成各種數據訪問頁所需的代碼，而且還可以對生成的代碼進行編輯，在這個過程中，學生幾乎不需要手工編寫ASP代碼，因而極大地降低學習的難度，從而提高了學生的學習興趣。

實踐證明，在手工編碼與可視化設計工具的結合上進行ASP應用開發，可以做到少寫或不寫代碼，提高了工作效率，這對于基礎較差、害怕編寫代碼的中職學生而言，無疑是一種行之有效的方法，在教學中已收到了良好的效果。

2.2 優化教學內容

《動態網頁制作》課程的教學目標是通過“任務引領、項目導向”的教學實踐活動，使學生掌握動態網站開發的相關知識和技能，了解項目開發的全過程，養成良好的項目開發習慣。考慮到該課程的學習需要對HTML語言有較深入的了解，再加上現今流行的CSS層疊樣式表在網頁中的廣泛使用，根據這個思路，確定了下列5個單元和6個項目為教學的主要內容，如表1所示，表中所包含的教學內容，是以任務實訓為主線，以項目為導向，突出了課程的實踐性、應用性和技能性。

2.3 改進教學模式

本課程的教學是在安裝有多媒體教學軟件的計算機室中進行的，機房中的每臺計算機都預先安裝有IIS服務器組件，方便學生學習如何配置自己的Web站點，進行ASP動態網頁制作，在測試時，每臺計算機既是動態網頁測試的服務器端，又是顯示測試結果的瀏覽器端。

在以往教學過程中，教師首先通過屏幕廣播方式來展示任務或項目的運行結果，繼而示范和講授相關的知識和操作步驟，然后由學生自主完成設計和制作過程。在這個過程中，如果學生遇到一個需要用較多的課時才能完成的項目，為了保證項目的連續性，則需要教師在每次課下課前，要求學生把本次課上完成的頁面直接保存在學生機中，留待下一次上課時使用，或者要求學生把這些頁面進行打包，然后通過學生端上傳到教師端，在下次上課的時候，教師再將學生上次傳上來的打包文件通過教師端重新發給學生，以便學生繼續完成同一個項目中后續的任務。在這個過程中，保存在學生機中已經完成的頁面容易被其他人誤刪，或者在教師將學生的打包文件重新發回給他們時，容易被其他學生復制，從而影響了教學的順利實施，進而影響了教學的效果。

針對上述出現的問題，筆者開發一個《個人主頁空間開通系統》網站，在使用時，部署在教師機上，學生在第一次上這門課時，就通過瀏覽器打開該網站，申請一個主頁空間，申請成功后，每個學生都有一個屬于自己的網站空間，以及一個可以登錄自己空間的ftp賬號和密碼，每個學生通過自己的ftp賬號和密碼，登錄各自的空間，可以對網站中的文件進行管理。

該網站的建立，對這門課程的教學起到了一個很好地輔助作用。首先，學生可以在Dreamweaver中以ftp連接服務器的方式定義自己的站點，如圖1所示。

每個學生都可以在自己的計算機中進行網頁設計，在教師機服務器端實時測試網頁的運行情況。每次下課后，學生只要將本次課上完成的網頁通過Dreamweaver的ftp功能上傳到自己的網站空間即可，下一次上課時，可以在前一次課的基礎上，繼續完成同一項目中后續的任務，完全不必理會自己的計算機中的文件是否會被其他人誤刪，萬一真的被誤刪了，他仍然可以從教師機服務器端下載自己之前完成的網站文件，從而確保學生可以在幾個不同的上課時間段內，連續完成同一個項目中的各個任務，而且，由于每次課后，所有學生都會將本次課上完成的網頁上傳到教師機的服務器中，這樣就方便了教師可以隨時在教師機檢查每個學生完成任務的情況。其次，學生使用的這種管理網站的操作模式，與現今在Internet的虛擬主機網站空間上發布網頁、進行管理的這種操作模式相似，因此，通過這樣的操作，學生對網頁的發布、網站的管理會有了一個更深的認識。

另外，為了幫助學生在課余時間能夠進行網上自主學習，筆者還在外網中搭建了一個動態網頁課程輔助教學網站，在該網站上，學生可以瀏覽到許多有關動態網頁制作方面的知識、下載和提交作業、進行問題答疑和在線測試。

3 結語

總之，教師應按照中等職業教育的教學規律和學生的認知特點及實際情況，不斷探索、不斷創新，激發學生的學習興趣，培養學生的應用能力，只有這樣才能順應時代潮流的發展，達到培養高素質高技能人才的目標。

參考文獻

[1] 鄧波濤，查衛亮，范夫偉.動態網站項目實訓教程（DreameweaverCS4+ASP）[M].武漢：華中科技大學出版社，2011.

[2] 陳學平，康海燕，董立國.ASP動態網頁制作教程[M].北京：人民郵電出版社，2012.

[3] 倪洪球.Dreamweaver8+ASP動態網站開發實例精講[M].北京：人民郵電出版社，2007.