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

2008-02-22 09:36:17来源：互联网阅读 ()

　　　　　　表格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所示来设计它。