中職《動態(tài)網(wǎng)頁制作》課程教學探索

謝靖

摘 要：該文依據(jù)中職學?！秳討B(tài)網(wǎng)頁制作》課程教學的現(xiàn)狀，從開發(fā)語言和開發(fā)平臺的選擇、教學內(nèi)容的優(yōu)化和教學模式的改進3個方面，探討了該課程教學過程中筆者的一些具體做法。

關(guān)鍵詞：ASP Dreamweaver 動態(tài)網(wǎng)頁 教學模式

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

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

1 課程教學現(xiàn)狀分析

根據(jù)筆者多年從事《動態(tài)網(wǎng)頁制作》課程教學的經(jīng)驗，目前，中職學校學生普遍存在下列一些問題。

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

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

1.2 數(shù)學、英語基礎(chǔ)較差，編寫代碼經(jīng)常出錯，對學習有一定的影響

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

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

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

2.1 選擇合適的開發(fā)語言和平臺

2.1.1 開發(fā)語言的選擇

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

2.1.2 開發(fā)平臺的選擇

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

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

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

2.2 優(yōu)化教學內(nèi)容

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

2.3 改進教學模式

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

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

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

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

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

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

3 結(jié)語

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

參考文獻

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

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

[3] 倪洪球.Dreamweaver8+ASP動態(tài)網(wǎng)站開發(fā)實例精講[M].北京：人民郵電出版社，2007.