CH04站点设计解读.pptVIP

第四章 站点设计 回顾 ASP.NET中的验证控件的作用是什么？ ASP.NET中电子邮件如何验证？ ASP.NET中实现文件上传的控件是什么？ 多文件上传的方式有哪些？ 本章目标 熟练掌握母版页的制作和使用 熟练掌握页面导航 掌握主题的制作和使用 掌握外观的制作和使用 页面布局 栏式结构 简单实用、条理分明、格局清晰严谨、适合信息量大的页面 区域结构 页面精美、适合信息量较少的页面 页面布局技术 母版页 母版页的特点 有利于站点修改和维护，降低开发人员的工作强度 提供高效的内容整合能力 有利于实现页面布局 提供一种便于利用的对象模型 制作和使用 母版页的制作和使用 创建母版页 设计样式 添加内容页 页面代码 母版页代码 内容页代码 制作内容页 步骤： 1、@Page 标记中指定 MasterPageFile 位置 2、去除内容页的多余 html 标签 3、去除 form 标记 4、创建asp:Content标签，并放入对应的内容 5、指定相应的ContentPlaceHolderID 嵌套母版页 步骤： 1、创建主母版页 2、创建嵌套母版页 3、创建内容页 高级应用 使用母版页中的控件 使用母版页中的属性 指定默认内容 浏览器特定母版页 小结 母版页的作用是什么？ 如何创建母版页和内容页？ 如何创建嵌套母版页？ 如何使用母版页定义的属性？ 站点导航 站点地图 站点地图是对站点结构的XML描述 文件名为Web.sitemap 站点地图 注意事项 站点地图根节点为siteMap元素，每个文件有且仅有一个根节点。 siteMap下一级有且仅有一个siteMapNode节点。 siteMapNode下面可以包含多个新的siteMapNode节点。 站点地图中，同一个URL仅能出现一次。 SiteMapDataSource SiteMap架构 SiteMapPath 指示页面在站点的逻辑位置的导航。 该类型的导航可以帮助用户理解站点结构 通过该导航，可以迅速找到相关的位置 SiteMapPath PathSeparator属性 控制分隔符的样式 可以通过编辑模板更改分隔符为任意样式 分隔符模板PathSparatorTemplate PageLevelsDisplayed属性 控制导航显示的级数 导航过深，影像美观，可通过该属性控制级数 TreeView 以树形目录方式导航的控件 TreeView 使用站点地图 设置数据源 自动套用格式 使用其他数据源 编写XML文件 设置XmlDataSource 编辑TreeNode Menu Menu控件提供静态和动态混合的菜单功能。 静态部分是直接显示在页面上 动态部分是仅在需要的时候才显示 Menu 与TreeView类似，只是增加了动态选择项。 小结 站点地图的核心属性有哪些？ ASP.NET中的导航控件都有哪些？ 能够实现“面包屑”导航的是哪个控件？ 能够使用其他数据源的导航控件有哪些？ 主题和皮肤 制作主题 添加主题 添加外观文件 制作样式 应用主题 使用CSS 删除主题 总结 熟练掌握母版页的制作和使用 熟练掌握页面导航 掌握主题的制作和使用 掌握外观的制作和使用 作业 ASP.NET中母版页的作用是什么？ ASP.NET中如何制作母版页？ ASP.NET中如何制作嵌套母版页？ ASP.NET中的站点导航控件有哪些？ ASP.NET中主题的作用是什么？ * 页面布局 技术 Table DIV + CSS 简单、方便，现已较少用于布局 更加美观 在页面展示和浏览速度上有很大优势 注意：Table方式的布局越来越少，并不代表Table标签过时，在DIV布局的页面上，常常会有Table的表格。 母版页 南方学院?.NET-ASP.NET 联系方式 内容 内容页 南方学院?.NET-ASP.NET 联系方式 内容 合并的页面 母版页应用于统一的布局 添加内容页有两种方式： 1、在母版页任意位置右键，点击添加内容页; 2、在解决方案资源管理器上新建新项，在生成aspx页面时勾选“选择母版页” div 南方影视网 asp:contentplaceholder id=cphContent runat=server /asp:contentplaceholder 联系我们 /div %@ Page Language=C# MasterPageFile=~/MasterPage.master AutoEventWireup=true CodeFile=Default.aspx.cs Inherits=_Default Title=Untitled Page % asp:Content ID=Cont