謝靖

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

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

中圖分類號(hào)：G424 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1672-3791（2015）08（c）-0124-03

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

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

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

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

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

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

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

2 課程教學(xué)過(guò)程中的一些具體做法

針對(duì)上述一些問(wèn)題，筆者主要從以下三個(gè)方面對(duì)教學(xué)過(guò)程進(jìn)行優(yōu)化。

2.1 選擇合適的開(kāi)發(fā)語(yǔ)言和平臺(tái)

2.1.1 開(kāi)發(fā)語(yǔ)言的選擇

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

2.1.2 開(kāi)發(fā)平臺(tái)的選擇

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

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

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

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

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

2.3 改進(jìn)教學(xué)模式

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

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

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

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

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

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

3 結(jié)語(yǔ)

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

參考文獻(xiàn)

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

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

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