ASP.NET 2.0站点地图搭建网站导航结构

　　　　　　表格2:Web表单列表

　　现在，打开你前面添加的Master页面。把一个Label控件和一个SiteMapPath控件拖动到它上面。然后，把该Label的Text属性设置为“Welcome!”。

　　下列的列表显示了MasterPage.master页面中的所有标记：

＜%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %＞ ＜html xmlns="http://www.w3.org/1999/xhtml" ＞ ＜head runat="server"＞ ＜title＞Untitled Page＜/title＞ ＜/head＞ ＜body＞ 　＜form id="form1" runat="server"＞ 　　＜div＞ 　　＜asp:Label ID="Label1" runat="server" Font-Size="XX-Large" ForeColor="Blue" Text="Welcome!"＞＜/asp:Label＞＜br /＞ 　　＜asp:SiteMapPath ID="SiteMapPath1" runat="server" Font-Names="Verdana" Font-Size="0.8em"　PathSeparator=" : "＞ 　　　＜PathSeparatorStyle Font-Bold="True" ForeColor="#5D7B9D" /＞ 　　　＜CurrentNodeStyle ForeColor="#333333" /＞ 　　　＜NodeStyle Font-Bold="True" ForeColor="#7C6F57" /＞ 　　　＜RootNodeStyle Font-Bold="True" ForeColor="#5D7B9D" /＞ 　　＜/asp:SiteMapPath＞ 　　＜br /＞ 　　＜br /＞ 　＜asp:contentplaceholder id="ContentPlaceHolder1" runat="server"＞ 　＜/asp:contentplaceholder＞ ＜/div＞ ＜/form＞ ＜/body＞ ＜/html＞

　　现在，从根文件夹打开Default.aspx。Default.aspx应该看似图4的样子。

图4:Default.aspx的示例运行

　　为了设计这个页面，添加一个具有４行和１列的表格。拖动一个Label控件到最上边一行并且设置它的Text属性为“欢迎来到我们的网站！”。然后，拖动三个HyperLink控件到剩下的行上，并且设置它们的Text和NavigateUrl属性，显示于表格3中。

HyperLink ID	Text属性	NavigateUrl属性
HyperLink1	Products	~/products/default.aspx
HyperLink2	Services	~/Services/default.aspx
HyperLink3	Contact Us	~/contact.aspx

　　　　　　表格3:设置HyperLinks的属性

　　下面的列表显示了Default.aspx中的完整标记：

＜%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" Title="Untitled Page" %＞ ＜asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"＞ ＜center＞ 　＜table＞ 　　＜tr＞ 　　　＜td width="60%"＞ 　　　　＜asp:Label ID="Label1" runat="server" Font-Size="X-Large" Text="Welcome to our Web site!"＞＜/asp:Label＞＜/td＞ 　　＜/tr＞ 　　＜tr＞ 　　　＜td width="60%"＞ 　　　　＜asp:HyperLink ID="HyperLink1" runat="server" Font-Size="X-Large" NavigateUrl="~/Products/Default.aspx"＞Products 　　　　＜/asp:HyperLink＞＜/td＞ 　　＜/tr＞ 　　＜tr＞ 　　　＜td width="60%"＞ 　　　　＜asp:HyperLink ID="HyperLink2" runat="server" Font-Size="X-Large" NavigateUrl="~/Services/Default.aspx"＞Services 　　　　＜/asp:HyperLink＞＜/td＞ 　　＜/tr＞ 　　＜tr＞ 　　　＜td width="60%"＞ 　　　　＜asp:HyperLink ID="HyperLink3" runat="server" Font-Size="X-Large" NavigateUrl="~/Contact.aspx"＞Contact Us 　　　　＜/asp:HyperLink＞＜/td＞ 　　＜/tr＞ 　＜/table＞ ＜/center＞ ＜/asp:Content＞

　　现在，从Products文件夹下打开Default.aspx并且按照图5所示来设计它。

图5:Products文件夹的默认页面

　　表格4列举了在Web表单中所使用的所有超级链接。

HyperLink ID	Text属性	NavigateUrl属性
HyperLink1	First Product	~/products/product1.aspx
HyperLink2	Second Product	~/products/product2.aspx

　　　　　表格4:Products文件夹下Default页面中的超级链接信息

　　遵循同样道理，从Services文件夹下设计Default.aspx，结果如图6所示。

图6.Services文件夹的默认页面

　　表格5列举出了使用于Web表单中的超级链接信息。

文章整理：西部数码--专业提供域名注册、虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

HyperLink ID	Text属性	NavigateUrl属性
HyperLink1	First Service	~/Services/service1.aspx