第三章 构建网站的前台页面模板 电子商务案例分析与解决具体方案 ppt.pptVIP

无忧PPT整理发布 学习情境3 构建网站的前台页面模板 廖黎莉 438545564@项目任务与目标 项目任务 完成网站前台母板页的创建 实现网站导航功能 红丝线网站的树状目录结构 技能目标 能熟练创建母版页并对其进行应用 熟练使用sitemappath控件实现网站的导航功能 熟练使用treeview控件绑定XML数据源完成树状目录结构 3.1搭建网站前台母版页 网页典型布局方式 母版页的创建与应用 创建“迅捷”网站母版页 网页典型布局方式 栏式结构 简单、实用 、条理分明 区域结构 Div+css 母版页 母版页是一个以“.master”为后缀的文件，可以将页面上的公用元素整合到一起。 母版用于在asp . net 中创建一个通用的外观，在母版中只关注布局，在内容页面中应用母版即可。 母版页代码 效果界面 应用母版 方法一：右键单击ContentPlaceHolder，选择“添加内容页” 方法二：创建页面时，选择“选择母版页”，选择相应的母版 注意点： 内容页与母版页的关系是n:1。 如果母版中有多个ContentPlaceHolder，内容页对应了母版中的所有ContentPlaceHolder。 内容页代码 内容页效果 3.2网站导航 站点地图 SiteMapPath控件 前台母版页导航的制作 站点地图 站点地图是描述站点逻辑结构的文件，必须是web .sitemap文件。 位置：应用程序根目录，是一个XML文件。 节点定义： Sitemap:根节点，唯一 Sitemapnode:一个页面一个节点（必须有一个根页面） Title:描述页面 url:文件在解决方案中的位置（必须唯一） Description:说明性文字 叶子页面没有/sitemapnod的结束符号 站点地图代码 SiteMapPath控件 Sitemappath控件用于显示从站点首页到当前页面之间的路径。帮助用户方便定位到任意上级或顶级页面。 Sitemappath必须在web.sitemap文件的配合下才能使用。 Sitemappath控件中的重要属性： Pathseparator：设置分隔符样式 Pagelevelsdisplayed：设置导航显示的级数 无忧PPT整理发布