資源描述：
《web程序設計實驗指導書》由會員上傳分享，免費在線閱讀，更多相關內容在學術論文-天天文庫。
1、《Web程序設計》實驗指導書(適合計算機科學與技術專業(yè))計算機與信息工程系2011年7月目錄實驗概述1實驗項目一運用XHTML標記進行網頁設計5實驗項目二運用ASP.NET內置對象完成Web程序設計（一）7實驗項目三運用ASP.NET內置對象完成Web程序設計（二）10實驗項目四運用服務器控件完成頁面設計12實驗項目五采用頁面切換與導航技術完成網頁設計14實驗項目七使用Ado.net進行數(shù)據(jù)庫程序設計（二）17實驗項目八熟悉與運用ASP.NETAJAX基本控件18實驗項目九Web綜合程序設計1920
2、實驗概述一、課程實驗概況學習Web程序設計課程的目的是能夠開發(fā)基于Web的應用軟件，是在了解Web程序基本原理和技術的基礎上，進行Web程序的編程能力學習和訓練，要熟練地掌握Web程序設計的全過程，包括：開發(fā)環(huán)境的構建、開發(fā)工具的使用、獨立編寫程序、各種調試技術、程序運行結果分析。上機實驗的目的，不僅僅是為了驗證教材和講課的內容，或者驗證自己所編寫的程序的正確與否。Web程序設計課程上機實驗的目的是：1．加深對講授內容的理解，尤其是各種Web技術的應用。2．熟練掌握常用的開發(fā)工具。3．學會上機調試程
3、序。通過上機練習掌握根據(jù)出錯信息判斷錯誤位置和錯誤原因，掌握各種調試技術的靈活應用。4．掌握根據(jù)功能要求進行程序分析和設計的能力。二、實驗前的準備工作1．熟悉所用的開發(fā)工具和環(huán)境。本指導書所用開發(fā)環(huán)境為：操作系統(tǒng)：WindowsXP開發(fā)工具：VisualStudio2008數(shù)據(jù)庫管理系統(tǒng)：SQLServer2005或SQLServer2005ExpressWWW服務器：IIS6.0或VS2008內置WWW服務2．復習和掌握與實驗有關的教學內容。3．準備好上機所需的程序，切忌不預先設計好程序或抄別人的
4、程序去上機。4．對程序中可能出現(xiàn)的問題應事先有估計有對策，對程序中自己有疑問的地方應先作上標記，以便上機時特別給予注意。5．準備好調試程序和運行程序所需的數(shù)據(jù)。三、實驗的步驟1．創(chuàng)建網站（1）打開VisualStudio2008，如圖1所示。（2）點擊圖1中新建網站標識用于創(chuàng)建新網站，打開圖2所示新建網站對話框。若打開現(xiàn)有網站，則單擊圖1中打開網站標識。也可以通過圖3所示“文件”菜單的相應菜單項新建網站（或打開網站）。（3）在新建網站對話框中，模板選擇“ASP.NET網站”，位置選擇“文件系統(tǒng)”，并
5、通過“瀏覽”按鈕確定網站對應文件夾的位置，語言選擇“VisualC#”20，.NET架構保持“.NETFramework3.5”不變，然后點擊“確定”按鈕，則創(chuàng)建網站成功。新建網站打開網站圖1圖2圖32．創(chuàng)建網頁（1）點擊“網站”菜單中的“添加新項”菜單項，或在“解決方案資源管理器”20窗口中項目的快捷菜單項中選擇“添加新項”菜單項，打開“添加新項”對話框如圖4所示。圖4（2）在“添加新項”對話框中，模板選擇“Web窗體”，名稱中給網頁命名，語言選擇“VisualC#”，選中“將代碼放在單獨的文件中
6、”，然后點擊“添加”按鈕，則創(chuàng)建新的網頁如圖5所示。圖5（3）在圖5中，可以選擇“源”、“設計”或“拆分”不同界面進行網頁設計。（4）設計完成后，可以點擊工具欄“在瀏覽器中查看”按鈕，或選擇設計頁面的快捷菜單中“在瀏覽器中查看”項，瀏覽頁面效果。（5）設計完成（或設計過程中）選擇“文件”菜單的“全部保存”項保存項目。四、實驗報告實驗報告應包括以下內容：實驗目的、實驗內容、程序清單、運行結果、對運行結果的分析以及本次調試程序所取得的經驗。20五、實驗任務與時間安排序號實驗項目實驗類型實驗類別學時1運用
7、XHTML標記進行網頁設計必做設計性22運用ASP.NET內置對象完成Web程序設計（一）必做設計性23運用ASP.NET內置對象完成Web程序設計（二）必做設計性24運用服務器控件完成頁面設計必做設計性25采用頁面切換與導航技術完成網頁設計必做設計性26使用Ado.net進行數(shù)據(jù)庫程序設計（一）必做設計性27使用Ado.net進行數(shù)據(jù)庫程序設計（二）必做設計性28熟悉與運用ASP.NETAJAX基本控件必做設計性29綜合程序設計必做綜合性2注：實驗類型為選做和必做；實驗類別為綜合性、設計性、創(chuàng)新性
8、、驗證性、演示性等。六、參考教材[1]石志國.ASP.NET程序設計實用教程.北京:電子工業(yè)出版社,2006.[2]郭洪濤.ASP.NET(C#)大學實用教程.北京:電子工業(yè)出版社,2007.20實驗項目一運用XHTML標記進行網頁設計一、實驗目的1．掌握開發(fā)工具VS2008開發(fā)網站的基本步驟。2．掌握一個靜態(tài)網頁的設計步驟。3．通過幾個網頁的設計掌握XHTML標記的作用。二、實驗內容1．創(chuàng)建一個XHTML頁面rumengling.aspx，輸出結果如圖1-1所示。圖
