沈曉

《動(dòng)態(tài)網(wǎng)頁(yè)制作》是中職計(jì)算機(jī)網(wǎng)絡(luò)專(zhuān)業(yè)的專(zhuān)業(yè)主干課程。該課程綜合性較強(qiáng)，教師和學(xué)生在教與學(xué)上比較吃力。針對(duì)以往教學(xué)中存在的問(wèn)題，結(jié)合自身教學(xué)實(shí)踐，圍繞“班級(jí)網(wǎng)站”建設(shè)，從開(kāi)發(fā)工具的選擇，內(nèi)容結(jié)構(gòu)的調(diào)整，知識(shí)結(jié)構(gòu)的重組對(duì)《動(dòng)態(tài)網(wǎng)頁(yè)制作》課程教學(xué)作一探討。

動(dòng)態(tài)網(wǎng)頁(yè)制作ASP Dreamweaver內(nèi)容結(jié)構(gòu)知識(shí)結(jié)構(gòu)動(dòng)態(tài)網(wǎng)頁(yè)制作是我校中職計(jì)算機(jī)網(wǎng)絡(luò)專(zhuān)業(yè)的專(zhuān)業(yè)主干課程，其主要任務(wù)是：使學(xué)生掌握動(dòng)態(tài)網(wǎng)頁(yè)制作的知識(shí)和技能，熟悉動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)的基本過(guò)程，能夠?qū)崿F(xiàn)典型的動(dòng)態(tài)模塊。

動(dòng)態(tài)網(wǎng)頁(yè)的制作非常復(fù)雜，需用到ASP、PHP、JSP等動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言。其中，ASP具有操作簡(jiǎn)便、易學(xué)易用的優(yōu)點(diǎn)。因此，我們選用了相對(duì)簡(jiǎn)單的ASP作為制作動(dòng)態(tài)網(wǎng)頁(yè)的語(yǔ)言工具，而數(shù)據(jù)庫(kù)則選擇了前續(xù)課程中的ACCESS。

但以往的課堂經(jīng)驗(yàn)表明，中職學(xué)生邏輯思維能力較差，編程能力較弱，靜態(tài)網(wǎng)頁(yè)制作還能基本掌握，動(dòng)態(tài)開(kāi)發(fā)就顯得尤為困難；教師和學(xué)生在教與學(xué)上中都比較吃力。下面圍繞“班級(jí)網(wǎng)站”項(xiàng)目建設(shè)，結(jié)合自身教學(xué)實(shí)踐，對(duì)《動(dòng)態(tài)網(wǎng)頁(yè)制作》課程教學(xué)作一探討。

一、引入Dreamweaver開(kāi)發(fā)工具，結(jié)合ASP開(kāi)發(fā)制作動(dòng)態(tài)網(wǎng)頁(yè)，降低學(xué)生開(kāi)發(fā)難度

ASP是當(dāng)今流行的動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)技術(shù)之一。通過(guò)其可創(chuàng)建以HTML網(wǎng)頁(yè)為用戶(hù)界面，并能夠?qū)?shù)據(jù)庫(kù)進(jìn)行訪問(wèn)的Web應(yīng)用程序，生成ASP動(dòng)態(tài)頁(yè)面。但以往的ASP教學(xué)以講授手寫(xiě)代碼為主，這無(wú)疑增加了中職學(xué)生的學(xué)習(xí)困難，同時(shí)教學(xué)內(nèi)容也無(wú)法適應(yīng)企業(yè)應(yīng)用的實(shí)際需求。為了能盡量做到少寫(xiě)代碼，同時(shí)方便學(xué)生實(shí)現(xiàn)站點(diǎn)的編輯和管理。在本課程項(xiàng)目“班級(jí)網(wǎng)站”建設(shè)教學(xué)中，我們引入Dreamweaver這一開(kāi)發(fā)工具，用于輔助學(xué)生對(duì)網(wǎng)站、網(wǎng)頁(yè)、和Web應(yīng)用程序進(jìn)行設(shè)計(jì)、編碼。

Dreamweaver 對(duì)ASP 良好的支持，能夠讓學(xué)生快速進(jìn)行Web應(yīng)用程序的開(kāi)發(fā)，生成專(zhuān)業(yè)的動(dòng)態(tài)網(wǎng)頁(yè)。在項(xiàng)目開(kāi)始階段：

模塊一：搭建ASP動(dòng)態(tài)網(wǎng)站運(yùn)行環(huán)境中，我們引導(dǎo)學(xué)生利用Dreamweaver搭建班級(jí)網(wǎng)站框架，并快速建立數(shù)據(jù)庫(kù)連接，從而避開(kāi)了手寫(xiě)代碼進(jìn)行數(shù)據(jù)庫(kù)訪問(wèn)的繁瑣過(guò)程。

模塊二：注冊(cè)登錄模塊中，運(yùn)用Dreamweaver提供的“用戶(hù)身份驗(yàn)證”服務(wù)器行為（登錄用戶(hù)、限制對(duì)頁(yè)的訪問(wèn)、注銷(xiāo)用戶(hù)、檢查新用戶(hù)名），結(jié)合服務(wù)器行為中強(qiáng)大的“命令”（插入、更新、刪除），在利用純菜單，結(jié)合少許簡(jiǎn)單代碼的形式下，學(xué)生比較理想的實(shí)現(xiàn)了用戶(hù)注冊(cè)、登錄驗(yàn)證、信息修改、退出登錄等功能。

通過(guò)Dreamweaver可視化、免寫(xiě)代碼的設(shè)計(jì)環(huán)境，學(xué)生發(fā)現(xiàn)即使語(yǔ)言基礎(chǔ)較差，也能制作出自己的動(dòng)態(tài)網(wǎng)站。學(xué)生初次享受了動(dòng)態(tài)網(wǎng)頁(yè)的設(shè)計(jì)樂(lè)趣，消除了畏難情緒，部分學(xué)生漸漸進(jìn)入學(xué)習(xí)的狀態(tài)。

二、調(diào)整內(nèi)容結(jié)構(gòu)，以典型項(xiàng)目貫穿教學(xué)始末，幫助學(xué)生建立清晰的動(dòng)態(tài)網(wǎng)站制作實(shí)現(xiàn)的過(guò)程

在以往動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程中，我們會(huì)面面俱到地介紹ASP的常用對(duì)象，SQL語(yǔ)句的語(yǔ)法結(jié)構(gòu)，最后引導(dǎo)學(xué)生與具體的項(xiàng)目聯(lián)系。但是實(shí)踐表明，我們的學(xué)生明明學(xué)了相關(guān)的課程但卻無(wú)法勝任相應(yīng)崗位工作。

為了體現(xiàn)“學(xué)以致用”，切實(shí)做到“學(xué)中做，做中學(xué)”。我們拋棄了先“部分”，后“整體”組裝的傳統(tǒng)安排，嘗試從“整體”到“部分”展開(kāi)教學(xué)。在以工作過(guò)程為導(dǎo)向的項(xiàng)目化教學(xué)思想的指引下，我們選取了“班級(jí)網(wǎng)站”這一典型的功能較齊全的通用型動(dòng)態(tài)網(wǎng)站建設(shè)項(xiàng)目。配合網(wǎng)站開(kāi)發(fā)相應(yīng)崗位的職業(yè)要求和工作流程，對(duì)項(xiàng)目?jī)?nèi)容結(jié)構(gòu)做如下設(shè)計(jì)：

（1）整個(gè)項(xiàng)目分成8個(gè)模塊進(jìn)行；

（2）模塊一：搭建ASP動(dòng)態(tài)網(wǎng)站運(yùn)行環(huán)境，指導(dǎo)學(xué)生搭建班級(jí)首頁(yè)網(wǎng)站框架，形成清晰的網(wǎng)站目錄結(jié)構(gòu)；

（3）在網(wǎng)頁(yè)上預(yù)留動(dòng)態(tài)功能區(qū)域，將動(dòng)態(tài)網(wǎng)頁(yè)制作中的常見(jiàn)模塊：注冊(cè)登錄模塊、新聞發(fā)布模塊、搜索查詢(xún)模塊、投票調(diào)查模塊，留言板模塊，網(wǎng)絡(luò)通訊錄模塊，及每一模塊的后臺(tái)管理整合到班級(jí)網(wǎng)站的建設(shè)中去，形成本項(xiàng)目的模塊二——模塊八。

在教師的引導(dǎo)下，學(xué)生在搭建班級(jí)網(wǎng)站運(yùn)行環(huán)境和框架的基礎(chǔ)上，逐一完成網(wǎng)站中的動(dòng)態(tài)功能模塊。在模塊的完成中，學(xué)生體驗(yàn)了一個(gè)清晰、完整的動(dòng)態(tài)網(wǎng)站制作實(shí)現(xiàn)的過(guò)程，體會(huì)了網(wǎng)站規(guī)劃建設(shè)的過(guò)程，建立起全局建站的意識(shí)。

同時(shí)，為了達(dá)到鞏固提升的目的，網(wǎng)站中還預(yù)留了“班級(jí)簡(jiǎn)介”“班級(jí)管理”“班級(jí)風(fēng)采”“學(xué)習(xí)園地”空白頁(yè)面。學(xué)生可以結(jié)合前面的模塊，模仿、設(shè)計(jì)。

結(jié)合真實(shí)的工作任務(wù)，配合崗位操作的規(guī)范，學(xué)習(xí)的過(guò)程由抽象變的具體，由枯燥增添了樂(lè)趣。

三、重組知識(shí)結(jié)構(gòu)，力求理論知識(shí)與實(shí)踐知識(shí)有機(jī)融合，實(shí)現(xiàn)“理論夠用，應(yīng)用具體”

ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)是一門(mén)綜合性較強(qiáng)的課程。在“理論夠用”的指導(dǎo)下，本課程的知識(shí)內(nèi)容主要包括以下模塊：前臺(tái)頁(yè)面設(shè)計(jì)與素材制作、ASP基礎(chǔ)知識(shí)、腳本語(yǔ)言基礎(chǔ)、內(nèi)置對(duì)象應(yīng)用、數(shù)據(jù)庫(kù)訪問(wèn)技術(shù)、組件應(yīng)用與開(kāi)發(fā)、安全設(shè)置。為體現(xiàn)“教、學(xué)、做”一體，在教學(xué)中我們將知識(shí)模塊中的重點(diǎn)理論知識(shí)和項(xiàng)目“班級(jí)網(wǎng)站”各任務(wù)模塊進(jìn)行有機(jī)結(jié)合，做到邊學(xué)邊做，理論內(nèi)容與實(shí)踐內(nèi)容有機(jī)結(jié)合，力求“理論夠用，應(yīng)用具體”。

教學(xué)中，我們重點(diǎn)選取了“新聞發(fā)布模塊”這一典型任務(wù)模塊，將ASP的常用知識(shí)和編寫(xiě)技術(shù)、數(shù)據(jù)庫(kù)訪問(wèn)技術(shù)等常用理論內(nèi)容融入其中，具體應(yīng)用，具體介紹。教學(xué)中做了以下設(shè)計(jì)：（1）通過(guò)制作新聞列表頁(yè)面、新聞詳細(xì)內(nèi)容頁(yè)面，鞏固前臺(tái)頁(yè)面設(shè)計(jì)與素材制作的技能；（2）利用服務(wù)器的安裝，運(yùn)行環(huán)境的配置，介紹ASP基礎(chǔ)知識(shí)，逐步掌握ASP頁(yè)面的調(diào)試和排錯(cuò)方法，為后續(xù)學(xué)習(xí)打下基礎(chǔ)；（3）在本任務(wù)中重點(diǎn)利用Do While循環(huán)語(yǔ)句實(shí)現(xiàn)動(dòng)態(tài)讀取新聞列表，達(dá)到逐步掌握常用腳本語(yǔ)言的語(yǔ)法結(jié)構(gòu)及其應(yīng)用；（4）結(jié)合動(dòng)態(tài)詳細(xì)讀取新聞內(nèi)容，實(shí)現(xiàn)點(diǎn)那兒，讀哪兒，介紹Web頁(yè)參數(shù)的傳遞的基本方法和Request對(duì)象的具體應(yīng)；（5）以任務(wù)中的新聞列表內(nèi)容的讀取，具體介紹數(shù)據(jù)庫(kù)訪問(wèn)技術(shù)、數(shù)據(jù)庫(kù)操作的基本方法；（6）在新聞后臺(tái)管理任務(wù)中，介紹系統(tǒng)的安全設(shè)置，如訪問(wèn)權(quán)限設(shè)置等。這樣，理論教學(xué)和實(shí)踐操作同步進(jìn)行，理論知識(shí)的應(yīng)用變得具體、形象。同時(shí)，任務(wù)模塊完成后，學(xué)生都有一個(gè)完整的作品，消除了學(xué)習(xí)的盲目性、被動(dòng)性，增強(qiáng)了學(xué)習(xí)的興趣。

實(shí)踐表明，《動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》實(shí)施以工作過(guò)程為導(dǎo)向的項(xiàng)目化教學(xué)，從本質(zhì)上改變了教學(xué)目的。這種改變縮短了學(xué)生與崗位之問(wèn)的距離，使學(xué)生能夠承擔(dān)相應(yīng)的工作，大大提高了學(xué)習(xí)的針對(duì)性。同時(shí)，活動(dòng)中，學(xué)生團(tuán)隊(duì)協(xié)作能力、分析解決問(wèn)題等能力也得到了相應(yīng)鍛煉和提高。

參考文獻(xiàn)：

＼[1＼]劉貴國(guó).DreamweaverCS3動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)ASP篇.清華大學(xué)出版社，2008.

＼[2＼]劉益新.高職高專(zhuān)《ASP動(dòng)態(tài)網(wǎng)頁(yè)制作》教學(xué)方法研究.職業(yè)教育研究，2012，（3）.

＼[3＼]翁澤鵬.中職ASP動(dòng)態(tài)網(wǎng)頁(yè)制作課堂教學(xué)實(shí)踐探索.科技信息，2012，（06）.