以“班級網(wǎng)站”建設(shè)為例，踐行《動態(tài)網(wǎng)頁制作》項目教學(xué)

沈曉

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

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

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

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

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

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

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

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

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

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

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

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

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

（1）整個項目分成8個模塊進行；

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

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

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

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

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

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

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

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

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

參考文獻(xiàn)：

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

＼[2＼]劉益新.高職高?！禔SP動態(tài)網(wǎng)頁制作》教學(xué)方法研究.職業(yè)教育研究，2012，（3）.

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