7
任务实施
8.1.3 创建并使用 SelectOKShop 电子商务网站面包屑导航
1.新建 About.aspx 页面
在网站的解决方案下,右击网站名称,在弹出的快捷菜单中选择"添加新项"命令。打开"
添加新项"对话框,选择"Web 窗体页",修改名字为“About.aspx”页面。单击【添加】按钮就
可以创建一个新的页面。在 ContentPlaceHolderRight 中输入本网站的简介。
2.修改母版页
StyleSheet.css 中添加如下代码:
#sitemap
{
width:950px;/*设置层的宽度为950px*/
height:20px;/*设置层的高度为20px*/
text-align: left;/*设置层内内容左对齐*/
}
在母版页中添加层如下,并拖放一个名为 ContentPlaceHolderSitemap 的 ContentPlaceHolder
控件
<div id="sitemap">
<asp:ContentPlaceHolder ID="ContentPlaceHolderSitemap" runat="server">
</asp:ContentPlaceHolder>
</div>
3.新建 web.sitemap 文件
在网站的解决方案下,右击网站名称,在弹出的快捷菜单中选择"添加新项"命令。打开"
添加新项"对话框,选择"站点地图",默认名字为“Web.sitemap”,在此不做修改,单击【添加】
按钮就可以创建一个 Web.sitemap 页面。输入如下代码:
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
<siteMapNode url="~/Index.aspx" title="首页" description="首页">
<siteMapNode url="~/About.aspx" title="关于我们" description="关于我们" />
</siteMapNode>
</siteMap>
4.创建 SiteMapPath 控件
从工具箱导航选项卡,将 SiteMapPath 控件,拖放到母版页的 ContentPlaceHolderSitemap
中,或者在相应位置处输入如下代码:
<asp:SiteMapPath ID="SiteMapPath1" runat="server">
</asp:SiteMapPath>
5.任务运行
运行 About.aspx 页面如图 8-1 所示。