“網站建設與維護”課程的教學研究與實踐

康梅娟

摘要：“網站建設與維護”是一門實踐性和實用性都很強的課程，本文結合教學目標，對“網站建設與維護”課程從教學內容設置、教學方法和考核方式等方面進行了研究與探索，并取得了良好的教學效果。

關鍵詞：網站建設與維護；案例教學法；任務驅動教學法；項目教學法

中圖分類號：G642

文獻標識碼：A

1引言

隨著Internet技術的發展，網站已經成為信息交流的重要平臺，成為一個單位形象的重要標志。網站建設與維護是企業實現現代化管理和參與國際市場競爭的重要手段。作為21世紀的大學生，為了迎合人才市場的需求，學習并熟練掌握網站的建設和管理技術是非常必要的。

“網站建設與維護”涉及到的工具和技術比較多，在學生對網絡、網站和網頁等概念都已有了初步認識并且已經熟悉數據庫技術的前提下，要想能夠使學生快速熟悉多種建站工具以及掌握多種建站技術，巧妙激發學生的學習興趣，采用多樣化的教學方法和手段都是幫助學生掌握好該門課程的關鍵。

2教學目標和教學內容設置

“網站建設與維護”是為我院網絡工程、信息工程、計算機科學與技術專業本科學生所開設的一門專業選修課程。通過學習本課程，使學生掌握網站的建設步驟，會規劃和設計網站，掌握Web服務器的安裝和配置，能綜合使用靜態網頁技術和動態服務器網頁技術制作網站，掌握網站的測試和發布方法，熟悉網站的推廣和維護技術。

本課程全面地介紹網站規劃設計、建立與配置、制作與測試、發布及維護的方法與技術，具體包括網站建設基礎、網站的規劃與設計、網站的建立與配置、網站制作技術、小型網站建設實例、網站的測試和發布、網站的推廣和維護等。網站建設基礎主要講授網站基礎知識、網站的分類和特征、網站的體系結構和網站的建設步驟，網站的規劃與設計主要講授網站的欄目規劃、網站的目錄結構設計、網站的風格設計和網站的導航設計，網站的建立與配置主要講授申請注冊域名、申請網站空間、IIS和Apache的安裝與配置，網站制作技術主要講授Dreamweaver網頁設計、Photoshop圖像處理、Flash動畫制作、XHTML、腳本的應用和網頁編程技術ASP.Net，小型網站建設實例以一個留言板網站為例介紹了如何綜合運用Dreamweaver、Photoshop、Flash、腳本、ASP.Net和SQL Server開發動態網站，網站的測試和發布主要講授網頁的測試、選擇接入Internet的方式和網站的發布，網站的推廣和維護主要講授網站宣傳與推廣的一般方法、網站更新、網站備份、網站恢復、網站的管理和維護。

本課程圍繞一個小型網站建設實例，將靜態網頁技術和動態服務器網頁技術結合在一起，詳細地講解了Web應用程序的建設和維護。通過本課程的學習，學生可以具備使用多種技術獨立地建設和維護網站的能力。

3教學方法與實踐

“網站建設與維護”是一門實踐性很強的專業選修課程，它涉及到的工具和技術比較多，要想激發學生的學習興趣，提高學生的主觀能動性，要想使學生能夠對所學的知識融會貫通，對所學的技術靈活運用，要想在較短時間內提高學生的動手能力，必須采用行之有效的教學方法并加強實踐環節。

3.1采用案例教學法激發學生學習興趣

案例教學法是指在教師的指導下，根據教學目標和內容的需要，采用案例組織學生進行學習、研究、鍛煉能力的方法。案例教學可激發學生學習的興趣，增強學生在課堂上的參與感，幫助學生加深理解所學知識，從而提高教學質量。

“網站建設與維護”課程采用“空谷幽蘭的網站”為案例，在該課程的第1堂課演示給學生，讓學生很直觀地理解該課程的教學目標，即學習了這門課后，他們能夠學會哪些技術，應該能夠做出什么樣的作品。“空谷幽蘭的網站”是個小型的個人網站，該網站有網站首頁、美圖欣賞、美文閱讀、開心一笑、留言板、網站鏈接、關于網站和后臺管理共8個欄目。“麻雀雖小，五臟俱全”，“空谷幽蘭的網站”是一個覆蓋了本課程全部重要知識點和技術的小型網站，它上面有采用Flash制作的眩目動畫，還有使用Photoshop制作的精彩圖像，網頁的布局和靜態網頁的制作使用Dreamweaver 8完成，使用JavaScript為網頁添加動感特效，使用ASP.Net和SQL Server實現留言板和后臺管理功能。“空谷幽蘭的網站”是個趣味十足的網站，同時也是離學生比較近、學生很容易接受也很容易實現的網站，在第1堂課上通過該案例的引入，加深了學生對本門課程教學目標的理解，在很大程度上激發了學生學習本門課程的興趣。在以后的課堂教學中，該案例被分解到各個章節的相應知識點處進行詳細講解，縮短了理論與實踐的距離，加深了學生對所學知識的理解，提高了學生分析問題和解決問題的能力。

3.2采用任務驅動教學法提高學生的主觀能動性

任務驅動教學法是指教師把教學內容設計成一個或多個具體的任務，以完成一個個具體的任務為線索，把教學內容巧妙地隱含在每個任務之中并引導學生完成任務，學生通過完成一個個具體的任務掌握教學內容。采用任務驅動教學法，能讓學生“動”起來，進而樂于學習、主動學習、創造性的學習。

“網站建設與維護”課程在第1堂課就給學生布置了一個大任務：參照“空谷幽蘭的網站”制作一個動態網站，并實現該網站的發布、更新和維護。該大任務在實驗教學中被細分為九個小任務，具體包括：網站的規劃和設計、收集資料和素材、申請注冊域名和網站空間、Web服務器的搭建、制作Flash動畫、使用Photoshop處理圖像、使用Dreamweaver和ASP.Net協作開發Web應用程序、使用腳本為網站增添特效、網站的發布和維護。伴隨著授課內容的向前推進，學生將在教師的引導下逐一完成這九個小任務，從而最終圓滿完成大任務。

采用任務驅動教學法進行教學，由于教師教學和學生學習都是圍繞如何完成這個具體的任務進行的，所以教師教學思路清晰，學生學習目的明確，提高了教學效果。采用任務驅動教學法，學生在完成一個個的任務的同時，不僅掌握了該任務所涉及到的知識和技術，還從中獲得了滿足感、成就感，進而更大地激發了他們的求知欲，提高了他們的主觀能動性。

3.3采用項目教學法提高學生的綜合能力

項目教學法是通過實施一個完整的項目并在項目的具體實踐過程中“寓教于學”的一種教學方法，具體做法是將一個完整的項目交給學生獨立完成，讓學生在教師的引導下獨自完成信息收集、方案設計、方案實施以及項目最終評價等整個過程。項目教學法在課堂教學中把理論與實踐教學有機地結合起來，有助于充分發掘學生的創造潛能，提高學生解決實際問題的綜合能力。

“網站建設與維護”課程要求學生獨立完成一個項目：在個人網站、企業網站、電子商務網站中選擇其一，也可以根據自己的實際情況開發其它類網站。但該網站的實現必須能夠覆蓋本門課程所包含的重要知識點和關鍵技術，比如使用Flash制作動畫、使用Photoshop制作或處理網站圖像、合理使用表格或圖層布局網頁、用CSS樣式表控制網頁的外觀、使用SQL Server創建后臺數據庫、使用ASP.Net實現對數據庫中記錄的訪問(如瀏覽、添加、刪除、修改功能)、內置對象的合理使用等。為了幫助學生完成對項目的最終評價，筆者為其提供了項目評分標準。

采用項目教學法，學生通過獨立完成項目把理論與實踐有機地結合起來，不僅提高了理論水平和實際操作技能，而且提高了解決實際問題的綜合能力。同時，教師在幫助和引導學生的過程中，開闊了視野，提高了業務水平。

3.4采用開放式實驗教學模式提高學生動手能力

所謂開放式實驗教學，是指高校實驗室在時間、空間、內容和教學方法等方面對學生開放，由學生自主選擇并進行實驗學習與研究的教學方式。開放式實驗教學模式是課堂教學的一種有效的補充和延伸，對于培養學生的創新精神、提高學生的動手能力具有重要意義。

由于“網站建設與維護”課程的實踐性、操作性較強，除了通過本門課程的實驗教學外，還需要提供更多的上機時間以供學生練習，開放式實驗教學就是一個很好的補充。本門課程以“動態網站制作大賽”的形式開設了開放式實驗項目，感興趣參賽的學生在課余時間可以到指定機房上機練習，該項目的開設有助于提高學生的計算機操作水平和動態網站制作水平，引導學生積極思考、進行科學實踐、培養拓展自我能力的意識，提高學生的動手能力和專業素養。

3.5充分利用網絡資源提高學生的學習能力

“授人以魚，不如授人以漁”。為了提高學生的學習能力，筆者從以下幾方面做了努力：

1) 建立“網站建設與維護”教學網站并發布到Internet，將本門課程的教學大綱、實驗大綱、實驗指導書、電子教案、考試大綱、電子課件等都放到網站上，以方便學生在線學習。該網站還具有在線考試和留言板的功能，可便于學生在線測試所學情況以及在線答疑。

2) 建立FTP服務器，將本門課程用到的軟件(如IIS、.Net Framework、Visual Studio.NET 2003、SQL Server 2000、Dreamweaver 8、Flash MX 2004、Photoshop、LeapFtp等)和一些好的學習視頻光盤放到服務器上，以便學生下載使用，同時也便于學生保存作品。

3) 為學生推薦好的學習網站(如http://www.csdn.net)和素材庫網站(如http://www.dabaoku.com)。

4考核方式的改進

由于“網站建設與維護”課程的實踐性較強，開設該門課程的主要目的是使學生具備綜合使用多種技術建設和維護網站的能力，因此采用傳統的筆試考核模式不能真實地反映學生的學習情況，要想衡量學生學習這門課程的好壞，需將考試重點轉移到對學生的實際技能方面的考核上。

對于學生成績的評定，采取平時+實踐的考核方式進行。平時成績占30%，平時成績根據學生的到課表現、上交作業、上機實驗情況產生；實踐成績占70%，實踐成績根據期末學生所制作的作品情況產生。這種考核方式注重實踐操作和應用開發能力的培養，有利于提高學生的學習積極性和主動性。

5結束語

“網站建設與維護”是一門實踐性和實用性都很強的課程，只有激發學生的學習興趣，使學生學習由被動變為主動，采取行之有效的多樣化的教學方法和手段，注重對學生實踐技能的考核，才能提高教學質量，收到良好的教學效果。

參考文獻：

[1] 謝慶平. 任務驅動式教學法在“網頁制作”教學中的應用[J]. 產業與科技論壇,2007(10).

[2] 吳蓮貴,易瑜. 高職“Web網站設計”精品課程建設[J]. 計算機教育,2007(9).

[3] 徐遠棋. 淺析案例教學法在計算機教學中的應用[J]. 中山大學學報論叢,2005,25(04).

[4] 樂文行. 淺談項目教學法在計算機軟件教學中的應用[J]. 廣西教育學院學報,2005(06).

Teaching Research and Practice on “Design and Maintenance of Website”

KANG Mei-juan

(School of Information Linyi Normal University, Linyi 276000, China)

Abstract: “Design and Maintenance of Website” is a very practical and applied course. In order to acquire favorable teaching effect, teaching content, teaching methods and examine methods of “Design and Maintenance of Website” are studied and explored in this paper, combining with the teaching object.

Key words: Design and Maintenance of Website; case method; task-driven method; project method