資源描述：
《案例10：網(wǎng)站類別頁的制作》由會員上傳分享，免費在線閱讀，更多相關內(nèi)容在教育資源-天天文庫。
1、案例10：網(wǎng)站類別頁的制作一、啟動MicrosoftVisualStudio2005首先單擊后單擊或者單擊后在所在程序中找到MicrosoftVisualStudio2005程序組，在程序組中單擊MicrosoftVisualStudio2005，如下圖所示：稍候即可出現(xiàn)MicrosoftVisualStudio2005起始頁，如下圖所示：在起始頁中，有最近的項目，也打開（項目、網(wǎng)站）、創(chuàng)建（項目、網(wǎng)站），如下圖所示：項目即是Windows應用程序，網(wǎng)站即是Web應用程序，本案例在已經(jīng)創(chuàng)建的網(wǎng)站中增加（添加）項目，所以單擊打開后面的網(wǎng)站，
2、選擇創(chuàng)建網(wǎng)站時的盤和文件夾，如：F:李紹明,如下圖所示：單擊打開，稍后出現(xiàn)VisualStudio2005界面，如下圖所示：二、在“李紹明”中添加一個名稱為“Read.aspx”的項目解決方案管理器窗口的項目名稱上右鍵單擊，在快捷菜單中選擇添加新項，如下圖所示：在彈出的對話框中模板選擇“Web窗體”，名稱為“Read.aspx”，如下圖所示：單擊添加，解決方案管理器窗口如下圖所示：設計器窗體如下圖所示：三、類別頁的布局與設計以下操作中，1、2兩步的操作與主頁的布局與設計是一樣的。1、制作一個六行一列表格在頁面設計模式、設計視圖方式下，布
3、局菜單選擇插入表，如下圖所示：在打開的對話框中，選擇自定義表格，布局框架中行選擇5，列選擇1，選中寬度，值設置為760，單位為px（像素），如上圖所示，單擊確定后頁面效果如下圖所示：2、更改表格屬性在屬性窗口更改表格的屬性值，如下圖所示：Align:center(水平對齊方式：居中)Border:0(表格線寬度：0)CellPadding:0(內(nèi)邊距：0)CellSpacing:0(外邊距：0)設置完成后，頁面效果如下圖所示：選中所有單元格，設置單元格屬性，設置完成后，頁面效果如下圖所示：Align:center(水平對齊方式：居中)Wi
4、dth:760（寬度：760，單位為px）選中第四行單元格，設置單元格屬性，設置完成后，頁面效果如下圖所示：Align:left(水平對齊方式：左對齊)Valign:top(垂直水平對齊方式：頂端)選中第三行單元格，設置單元格屬性，設置完成后，頁面效果如下圖所示：Height:5（高度：5，單位為px）Bgcolor:#6699cc(背景顏色：#6699cc)3、在第五行再插入一個一行二列的表格，插入表格對話框如下圖所示：在打開的對話框中，選擇自定義表格，布局框架中行選擇1，列選擇2，選中寬度，值設置為100，單位為%（百分比），如上圖所
5、示，單擊確定后頁面效果如下圖所示：選擇中第一個單元格，設置屬性值：Align:left(水平對齊方式：左對齊)Valign:top(垂直水平對齊方式：頂端)Width:40%（寬度：30，單位為百分比）選擇中第二個單元格，設置屬性值：Align:left(水平對齊方式：左對齊)Valign:top(垂直水平對齊方式：頂端)Width:60%（寬度：40，單位為百分比）屬性設置完成后，效果如下圖所示：在第一個單元格中插入2行一列的表格，插入表格對話框中的值如下圖所示：在打開的對話框中，選擇自定義表格，布局框架中行選擇2，列選擇1，選中寬度，
6、值為100，單位為%（百分比），表格制作完成后，效果如下圖所示：4、在單元格中添加標簽控件，將標簽控件的Text屬性設為空、ID屬性及添加標簽控件后表格的效果如下圖所示：Llogo為頁頭logo標簽Lmenu為頁面導航欄Ldqwz為當前位置Lzph為總排行標簽Llph為類排行標簽Lnr為內(nèi)容標簽Lyw為頁腳標簽四、事件代碼編寫編寫如下代碼：1、變量定義DimlbAsStringDimphAsInteger=10定義完成后，效果如下圖所示：2、Load事件代碼IfNotIsPostBackThenlb=Request.QueryString
7、("lb")IfInStr(UCase(lb),"SELECT")>0OrInStr(UCase(lb),"OR")>0OrInStr(lb,"")>0ThenExitSubEndIfLmenu.Text=Application("menu")read_logo()'頁頭logoread_yw()'頁尾版權(quán)等read_zph()'總排行read_lph()'類排行nr()'內(nèi)容EndIf本事件過程完成獲取傳遞參數(shù)、根據(jù)參數(shù)是否合法確定下步操作、調(diào)用相關子過程顯示信息標題的功能。第一行和第十二行是一個If……Then……EndIf分支（選擇
8、）結(jié)構(gòu)語句，中文含意為如果……那么……結(jié)束IF，If和Then之間是一個條件關系式，在執(zhí)行If……Then語句時，判斷If和Then之間的條件關系式，如果條件成立，執(zhí)行Then和EndIf之間
