《第三章-构建网站的前台页面模板-电子商务案例分析与解决方案-教学课件.ppt》由会员分享，可在线阅读，更多相关《第三章-构建网站的前台页面模板-电子商务案例分析与解决方案-教学课件.ppt（22页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、学学学学习习情境情境情境情境3 3 构建网站的前台构建网站的前台构建网站的前台构建网站的前台页页面模板面模板面模板面模板项目任目任务与目与目标v项目任务完成网站前台母板页的创建实现网站导航功能红丝线网站的树状目录结构v技能目标能熟练创建母版页并对其进行应用熟练使用sitemappath控件实现网站的导航功能熟练使用treeview控件绑定XML数据源完成树状目录结构3.1搭建网站前台母版搭建网站前台母版页v网页典型布局方式v母版页的创建与应用v创建“迅捷”网站母版页网网页典型布局方式典型布局方式v栏式结构简单、实用、条理分明v区域结构Div+css创建母版建母版v打开项目，在解决方案资源管理器
2、中选择“添加新项”，在弹出的对话框中选择“母版页”。ContentPlaceHolderv默认母版页中只有一个ContentPlaceHolder控件，是预留给内容页显示信息的控件。v实际开发中，美工会提供静态代码，只需将美工制作的静态代码粘贴到母版即可。vContentPlaceHolder可以为多个，至少一个，决定了内容的位置。母版母版页代代码应用母版用母版v方法一：右键单击ContentPlaceHolder，选择“添加内容页”v方法二：创建页面时，选择“选择母版页”，选择相应的母版v注意点：内容页与母版页的关系是n:1。如果母版中有多个ContentPlaceHolder，内容页对应了
3、母版中的所有ContentPlaceHolder。内容内容页代代码3.2网站网站导航航v站点地图vSiteMapPath控件v前台母版页导航的制作站点地站点地图代代码SiteMapPath控件控件vSitemappath控件用于显示从站点首页到当前页面之间的路径。帮助用户方便定位到任意上级或顶级页面。vSitemappath必须在web.sitemap文件的配合下才能使用。vSitemappath控件中的重要属性：Pathseparator：设置分隔符样式Pagelevelsdisplayed：设置导航显示的级数3.3网站网站树形形结构构vTreeView导航控件v网上书店前台母版页属性目录结
4、构的实现TreeView导航控件航控件vTreeView控件以树结构的形式展现分层数据v节点类型：根节点（仅一个）父节点叶节点v数据显示方式：静态数据填充与数据源控件绑定（站点地图、xml文件）动态加载树上的节点信息v在此，使用站点地图作为TreeView控件的数据源使用使用TreeView导航控件的方法航控件的方法v步骤一：新建页面，将TreeView导航控件拖入。v步骤二：右键单击该控件，选择“显示智能标记”菜单，弹出“TreeView任务”对话框。总结归纳v母版页提供一个页面框架，内容页提供页面内容。v母版页可以放置导航控件，sitemappath控件可根据内容页的路径显示当前的路径，而不是依据母版页。v只能在站点地图中写明某页面的路径，该页面才能显示sitemappath导航。vSitemappath控件只能绑定站点地图，而treeview控件还可以绑定xml文件。界面效果界面效果