为了设计这个页面，添加一个具有４行和１列的表格。拖动一个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 |
下面的列表显示了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所示来设计它。
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＞
表格4列举了在Web表单中所使用的所有超级链接。
| HyperLink ID | Text属性 | NavigateUrl属性 |
| HyperLink1 | First Product | ~/products/product1.aspx |
| HyperLink2 | Second Product | ~/products/product2.aspx |
遵循同样道理，从Services文件夹下设计Default.aspx，结果如图6所示。
表格5列举出了使用于Web表单中的超级链接信息。
| HyperLink ID | Text属性 | NavigateUrl属性 |
| HyperLink1 | First Service | ~/Services/service1.aspx |
| HyperLink2 | Second Service | ~/Services/service2.aspx |
最后，把一个标签添加到每一个其它Web表单并且按表格6所示设置它的Text属性。
| Web表单名 | Label的Text属性 |
| ~/Contact.aspx | Contact Us |
| ~/Products/Product1.aspx | First Product Details |
| ~/Products/Product2.aspx | Second Product Details |
| ~/Services/Service1.aspx | First Service Details |
| ~/Services/Service2.aspx | Second Service Details |
现在，从根文件夹下运行Default.aspx并且导航到Product1.aspx页面。图7显示了Web表单的示例运行情况。
注意，web.sitemap文件的title和URL属性是怎样用于生成“breadcrumbs”的。另外，还要注意，父级是怎样随着当前页面标题一起显示的。试一试导航到各种页面并观察SiteMapPath控件。
