实验报告四_页面切换与导航.docVIP

实验报告 课程名称 Web程序设计 实验名称 页面切换与导航 日期 2011.10.24 学生学号 姓名 张春洋 班级 B100513 实验目的： 熟悉页面切换和网站导航的常用方法，掌握利用超链接、按钮的PostBackUrl属性、Response.Redirect和Server.Transfer属性实现从一个页面切换到另一个页面的方法，利用SiteMapPath、Menu和TreeView控件实现网站导航。 实验条件： 电脑一台、能上网查阅资料。 实验内容与步骤： 实验内容： ①新建一个名为“Pages_Exercise”的应用程序。 ②添加一个名为“Home.aspx”的主网页。 ③添加一个网页“Page_1.aspx”，利用超链接实现切换网页。 ④添加三个网页，分别利用Button、LinkButton和ImageButton控件的 PostBackUrl属性实现网页。 ⑤添加两个网页，分别利用Response.Redirect 和Server.Transfer方法实现网页切换。 ⑥利用站点地图和SiteMapPath导航控件实现网站导航。 ⑦在网页“Home.aspx”中，利用Menu控件实现自定义导航。 ⑧在网页“Page_1.aspx”中，利用TreeView控件实现自定义导航。 源代码： 主页的代码： head runat=server titleUntitled Page/title style type=text/css .style1 { width: 940px; height: 44px; } .style2 { z-index: auto; width: 1011px; } .style3 { width: 100%; } .style4 { width: 67px; } /style /head body style=background-image:url(Image/21.jpg);width:1024px form id=form1 runat=server class=style2 div class=style1 table class=style3 tr td class=style4 asp:Menu ID=Menu1 runat=server DynamicHorizontalOffset=2 DynamicVerticalOffset=2 Orientation=Horizontal Height=16px Items asp:MenuItem NavigateUrl=~/HomePage.aspx Text=首页 Value=首页 asp:MenuItem NavigateUrl=~/学校.aspx Text=学校 Value=学校 /asp:MenuItem asp:MenuItem NavigateUrl=~/计算机.aspx Text=计算机 Value=计算机/asp:MenuItem /asp:MenuItem /Items /asp:Menu /td td br / table class=style3 tr td asp:Button ID=Button1 r