Web程序設(shè)計(jì)基礎(chǔ)實(shí)驗(yàn)教學(xué)案

1、-. z -. - 考試資料本 課 程 教 學(xué) 總 體 安 排課 程 名 稱：Web程序設(shè)計(jì)根底實(shí)驗(yàn)課程性質(zhì)與類型：專業(yè)根底課+必修總學(xué)時(shí)、學(xué)分：32學(xué)時(shí)，1學(xué)分教學(xué)目的與要求：該實(shí)驗(yàn)課附屬Web程序設(shè)計(jì)根底，是課堂教學(xué)的補(bǔ)充，主要以實(shí)踐環(huán)節(jié)教學(xué)為主，通過實(shí)驗(yàn)使學(xué)生更好地掌握HTML根底知識(shí)、ASP.NET根底知識(shí)、ASP.NET效勞器控件、頁面切換與導(dǎo)航、頁面布局、ADO.NET數(shù)據(jù)、ASP.NET中的數(shù)據(jù)綁定等技術(shù)，使學(xué)生掌握ASP.NET開發(fā)方法和Web應(yīng)用程序的技術(shù)。教材及參考書目：教材：ASP.NET 3.5 開發(fā)實(shí)例教程 偉、衛(wèi)琳 清華大學(xué) 參考書目：1.ASP.NET網(wǎng)頁設(shè)計(jì)與開

2、發(fā) 馬俊等 人民郵電 2007.6 2. c* & ASP.NET淑芬等 中國青年 2001.8考核方式及成績計(jì)算方法：考核方式：考察總成績=平時(shí)成績*20%+期末成績*80%+實(shí)驗(yàn)成績*10%課 程 教 學(xué) 日 歷課程名稱：Web程序設(shè)計(jì)根底實(shí)驗(yàn) 學(xué)期：2021-2021學(xué)年第二學(xué)期周次章節(jié)及教學(xué)容累計(jì)學(xué)時(shí)1ASP.NET與VWD 2005開發(fā)平臺(tái)22*HTML根底知識(shí)23*HTML根底知識(shí)24ASP.NET 根底知識(shí)25ASP.NET 根底知識(shí)26ASP.NET 效勞器控件27ASP.NET 效勞器控件28ASP.NET 效勞器控件29頁面切換與導(dǎo)航210頁面切換與導(dǎo)航211頁面布局212

3、頁面布局213ADO.NET數(shù)據(jù)214ADO.NET數(shù)據(jù)215ASP.NET中的數(shù)據(jù)綁定216ASP.NET中的數(shù)據(jù)綁定2實(shí)驗(yàn)一ASP.NET與VWD 2005開發(fā)平臺(tái)實(shí)驗(yàn)名稱：ASP.NET與VWD 2005開發(fā)平臺(tái)實(shí)驗(yàn)時(shí)數(shù)：2學(xué)時(shí)授課類型：實(shí)驗(yàn)課教學(xué)方法與手段：指導(dǎo)目的要求：1安裝ASP.NET的開發(fā)環(huán)境VWD 20052熟悉VWD 2005開發(fā)環(huán)境3創(chuàng)立簡單的動(dòng)態(tài)。實(shí)驗(yàn)容：1安裝VWD 2005，建立ASP.NET的運(yùn)行環(huán)境。2使用VWD 2005創(chuàng)立lian*i1，并創(chuàng)立第一個(gè)頁面e*am1.asp*3單擊頁面e*am1.asp*的設(shè)計(jì)標(biāo)簽，切換到頁面設(shè)計(jì)窗口，在頁面中鍵入：這是我的第

4、一個(gè)ASP.NET程序。4運(yùn)行這個(gè)頁面。 實(shí)驗(yàn)二*HTML根底知識(shí)實(shí)驗(yàn)名稱：*HTML根底知識(shí)實(shí)驗(yàn)時(shí)數(shù)：4學(xué)時(shí)授課類型：實(shí)驗(yàn)課教學(xué)方法與手段：指導(dǎo)目的要求：1熟悉并會(huì)使用*HTML的頁面格式及語法規(guī)則2掌握*HTML文本標(biāo)記、列表標(biāo)記、表格標(biāo)記、圖像標(biāo)記、超標(biāo)記等標(biāo)記的使用。實(shí)驗(yàn)容：(1) 創(chuàng)立一個(gè)*HTML頁面 rumengling.asp*，結(jié)果如下圖：(2) 練習(xí)列表標(biāo)記songci.asp*，輸出結(jié)果如下圖：(3) 用*HTML語言編寫符合以下要求的頁面：標(biāo)題為An e*ample of image，在瀏覽器窗口中顯示一個(gè)圖像。圖像的寬度為200個(gè)像素點(diǎn)，高度為150個(gè)像素點(diǎn)，邊框?qū)挾?/p>

5、為10個(gè)像素點(diǎn)。 (4) 在網(wǎng)頁中做一課程表，要求所有的文字均居中，背景為黃色，表格居中，寬度為500像素。單元格間距與單元格邊距為20像素。5創(chuàng)立一個(gè)網(wǎng)頁，通過可以跳轉(zhuǎn)到1創(chuàng)立的rumengling.asp*上。實(shí)驗(yàn)三 ASP.NET 根底知識(shí)實(shí)驗(yàn)名稱：ASP.NET 根底知識(shí)實(shí)驗(yàn)時(shí)數(shù)：4學(xué)時(shí)授課類型：實(shí)驗(yàn)課教學(xué)方法與手段：指導(dǎo)目的要求：1了解ASP.NET頁面的運(yùn)行機(jī)制和配置文件管理方式2熟練掌握ASP.NET各種對(duì)象的使用方法。實(shí)驗(yàn)容：(1) 編寫程序，實(shí)現(xiàn)讓用戶輸入兩個(gè)整數(shù)，并使用一個(gè)按鈕進(jìn)展數(shù)據(jù)提交，使用Request對(duì)象來得到用戶提交的數(shù)據(jù)，比擬Get和Post方法的不同。(2)

6、編寫程序，使用Response對(duì)象的Write，Redirect，End方法。(3) 編寫程序，利用Session保存用戶輸入的信息，并在頁面上顯示。(4) 編寫程序，使用Cookie記錄用戶名，并在頁面上顯示出來。(5) 利用Application對(duì)象實(shí)現(xiàn)量統(tǒng)計(jì)。實(shí)驗(yàn)四ASP.NET 效勞器控件實(shí)驗(yàn)名稱：ASP.NET 效勞器控件實(shí)驗(yàn)時(shí)數(shù)：6學(xué)時(shí)授課類型：實(shí)驗(yàn)課教學(xué)方法與手段：指導(dǎo)目的要求：1熟悉用戶控件的創(chuàng)立技術(shù)，掌握用戶控件的屬性、事件、方法的定義和使用。2學(xué)會(huì)利用自定義用戶控件制作導(dǎo)航條和用戶登錄控件。實(shí)驗(yàn)容：1新建名字為ServerControlE*periment。2在defaul

7、t.asp*頁面中，添加1個(gè)Te*tBo*控件、2個(gè)Button控件、一個(gè)ListBo*控件，如下圖。將2個(gè)Button控件的Te*t屬性分別改為增加和刪除。當(dāng)單擊【增加】按鈕時(shí)，將Te*tBo*文本框中的輸入值添加到ListBo*中，但單擊【刪除】按鈕時(shí)，刪除ListBo*中當(dāng)前選定項(xiàng)。3添加一個(gè)網(wǎng)頁，要求將Label控件、LinkButton控件、HyperLink控件放在Panel控件中，當(dāng)單擊一組Button按鈕時(shí)改變Panel控件的背風(fēng)光，單擊另一組Button控件時(shí)改變Panel控件中文字的大小。單擊LinkButton和HyperLink控件時(shí)分別導(dǎo)航到新的網(wǎng)頁或。單擊Radio

8、Button控件時(shí)隱藏Panel控件，單擊另一個(gè)RadioButton控件時(shí)顯示Panel控件。如下圖。4添加一個(gè)網(wǎng)頁，在MultiView控件添加3個(gè)View控件，在每個(gè)View控件中各添加Image控件，再添加3個(gè)RadioButton控件切換各個(gè)View視圖，每個(gè)View視圖顯示不同的圖像。5添加一個(gè)網(wǎng)頁，在頁面中添加AdRotator控件，*ML廣告數(shù)據(jù)源，實(shí)現(xiàn)廣告圖像顯示，當(dāng)單擊廣告圖像時(shí)導(dǎo)航到相應(yīng)的網(wǎng)頁。6添加一個(gè)網(wǎng)頁，在頁面中添加CheckBo*List控件，單擊Button按鈕時(shí)將CheckBo*List的選項(xiàng)寫到ListBo*中。7添加一個(gè)網(wǎng)頁，在頁面中添加RadioButt

9、onList控件，單擊Button按鈕時(shí)將CheckBo*List的選項(xiàng)寫到ListBo*中。8添加一個(gè)網(wǎng)頁，選擇DropDownList控件的選項(xiàng)時(shí)導(dǎo)航到相應(yīng)的。9添加一個(gè)網(wǎng)頁，在頁面中添加Te*tBo*、RequiredFiledValidator和pareValidator控件，實(shí)現(xiàn)pareValidator控件的Operator行為的Equal、GreaterThan等屬性值得驗(yàn)證。實(shí)驗(yàn)五頁面切換與導(dǎo)航實(shí)驗(yàn)名稱：頁面切換與導(dǎo)航實(shí)驗(yàn)時(shí)數(shù)：4學(xué)時(shí)授課類型：實(shí)驗(yàn)課教學(xué)方法與手段：指導(dǎo)目的要求：1熟悉頁面切換和導(dǎo)航的常用方法，掌握利用超、按鈕的PostBackUrl屬性、Response.Re

10、direct和Server.Transfer屬性實(shí)現(xiàn)從一個(gè)頁面切換到另一個(gè)頁面的方法2熟練利用SiteMapPath、Menu和TreeView控件實(shí)現(xiàn)導(dǎo)航。實(shí)驗(yàn)容：1新建一個(gè)名為Pages_E*ercise的應(yīng)用程序。2添加一個(gè)名為Home.asp*的主網(wǎng)頁。3添加一個(gè)網(wǎng)頁P(yáng)age1.asp*，利用超實(shí)現(xiàn)從Home.asp*切換到此網(wǎng)頁。4添加三個(gè)網(wǎng)頁P(yáng)age2.asp*，Page3.asp*，Page4.asp*分別利用Button、LinkButton和ImageButton控件的PostBackUrl屬性實(shí)現(xiàn)網(wǎng)頁切換。5添加兩個(gè)網(wǎng)頁P(yáng)age5.asp*，Page6.asp*，分別利用R

11、esponse.Redirect對(duì)象傳遞數(shù)據(jù)的方法實(shí)現(xiàn)從Page2.asp*傳遞數(shù)據(jù)到Page5.asp* 和Server.Transfer對(duì)象傳遞數(shù)據(jù)的方法實(shí)現(xiàn)從Page3asp*傳遞數(shù)據(jù)到Page6.asp*。6利用站點(diǎn)地圖和SiteMapPath導(dǎo)航控件實(shí)現(xiàn)從Home.asp*到Page1.asp*， Page2.asp*，Page3.asp*，Page4.asp*導(dǎo)航。7在網(wǎng)頁Home.asp*中，利用Menu控件實(shí)現(xiàn)自定義導(dǎo)航。8在網(wǎng)頁P(yáng)age_1.asp*中，利用TreeView控件實(shí)現(xiàn)自定義導(dǎo)航。實(shí)驗(yàn)六頁面布局實(shí)驗(yàn)名稱：頁面布局實(shí)驗(yàn)時(shí)數(shù)：4學(xué)時(shí)授課類型：實(shí)驗(yàn)課教學(xué)方法與手段：指導(dǎo)

12、目的要求：1熟悉層的應(yīng)用，掌握層的布局，2掌握母版頁的創(chuàng)立及使用方法，能夠通過創(chuàng)立母版頁來實(shí)現(xiàn)導(dǎo)航頁面的設(shè)計(jì) 。實(shí)驗(yàn)容：1新建一個(gè)名為CRM的2在【解決資源管理器】中右擊的名稱，然后單擊【添加新項(xiàng)】，添加母版頁Master13在母版頁Master1中，刪除ContentPlaceHolder控件，插入四個(gè)層。 所有，違者必究4分別設(shè)置每個(gè)層的CSS樣式。5添加容頁。6瀏覽網(wǎng)頁如下圖效果。7定義兩個(gè)主題，利用主題實(shí)現(xiàn)換膚。實(shí)驗(yàn)七ADO.NET數(shù)據(jù)庫 實(shí)驗(yàn)名稱：ADO.NET數(shù)據(jù)庫實(shí)驗(yàn)時(shí)數(shù)：4學(xué)時(shí)授課類型：實(shí)驗(yàn)課教學(xué)方法與手段：指導(dǎo)目的要求：1熟悉ADO.NET數(shù)據(jù)庫技術(shù)，2掌握mand和Data

13、Adapter對(duì)象操作數(shù)據(jù)庫數(shù)據(jù)的方法。實(shí)驗(yàn)容：1新建名字為Accessdatabase_ E*ercise的。2在的App_Data文件夾中，建立數(shù)據(jù)庫MyDatabase_ E*ercise.mdf。3在該數(shù)據(jù)庫中建立一職工表，并且添加一些模擬的職工記錄。其關(guān)系模式如下：EmployeesID，NAME，SE*，AGE，Date of work，F(xiàn)ilename of Photo4在web.config配置文件中，修改標(biāo)記如下。5添加一個(gè)網(wǎng)頁，利用mand對(duì)象實(shí)現(xiàn)新職工的錄入。6添加一個(gè)網(wǎng)頁，利用mand對(duì)象實(shí)現(xiàn)刪除指定編號(hào)的職工記錄。7添加一個(gè)網(wǎng)頁，利用mand對(duì)象實(shí)現(xiàn)修改指定編號(hào)的職工信息。8添加一個(gè)網(wǎng)頁，利用DataAdapter對(duì)象實(shí)現(xiàn)查詢職工信息，并顯示到網(wǎng)頁的Label控件上。 實(shí)驗(yàn)八ASP.NET中的數(shù)據(jù)綁定實(shí)驗(yàn)名稱：ASP.NET中的數(shù)據(jù)綁定實(shí)驗(yàn)時(shí)數(shù)