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

　 2008年02月20日15:16:51　评论(0条) 字体:[大中小]
相关热点：网站导航结构搭建地图站点属性表格 Text 页面 ID

     为了设计这个页面，添加一个具有４行和１列的表格。拖动一个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表单中的超级链接信息。

  HyperLink ID Text属性 NavigateUrl属性
  HyperLink1 First Service ~/Services/service1.aspx
  HyperLink2 Second Service ~/Services/service2.aspx
  　　　　　表格5:Products文件夹下Default页面中的超级链接信息

  　　最后，把一个标签添加到每一个其它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
  　　　　　表格6:从剩下的Web表单中设置Label的Text属性

  　　现在，从根文件夹下运行Default.aspx并且导航到Product1.aspx页面。图7显示了Web表单的示例运行情况。

  图7:Product1.aspx的示例运行

  　　注意，web.sitemap文件的title和URL属性是怎样用于生成“breadcrumbs”的。另外，还要注意，父级是怎样随着当前页面标题一起显示的。试一试导航到各种页面并观察SiteMapPath控件。
   做人要厚道，请注明转自酷网动力(www.ASPCOOL.COM)。

责任编辑：

拍一下