2母版和导航系统.pptVIP

二、母版页和导航系统 永城职业学院 彭勃 网站开发的准备工作 网站开发是一个把软件需求转换成用软件网站表示的过程，就是指在因特网上，根据一定的规则，使用开发工具制作的用于展示特定内容和提供特定服务的相关网页的集合。 网站开发需要以客户需求为中心，以此来确定网站的功能和使用的技术。 我们的客户是谁呢？ 委托我们的客户 网站需要一致的布局和外观 在深刻理解客户需求，明确网站的意义和需要的功能（此处省略了过程…）之后，我们就可以着手开始网站的开发了。 但在扩充内容之前，网站设计有两个要点要注意：整体布局和色彩搭配。 网站需要一致的布局和外观，杂乱、风格迥异的网站很容易被认为是一个或几个菜鸟拼凑而成的。 在ASP.NET中，可以使用母版页为网站创建一致的布局。 网页的两种布局方式 table布局，格式一定，对一些比较正式的如政府网站等要求版面比较正式的，可以用这种布局。 div+css布局，变化多样，布局可以更随意，可以随时的改变版面的内容和布局，并且这种布局比较轻便，网页打开速度更快，可以配合css作出漂亮的网站，是今后网站发展的方向，但是需要更专业的技术。 实验一 创建母版页 母版页的特点 对应的声明指示符是“%@ Master...%” 其内部可包含多个asp:contentplaceholder占位符控件，每个占位符控件都带有ID号。 母版页的优点： 只需要在同一个位置修改网站的布局； 方便布置整个网站的导航结构； 方便内容页的创建； 可以创建多个母版页使网站的布局更灵活。 实验二 内容页的创建 Default页 Introduction页 History页（代码不分离） 内容页的特点 声明指示符Page中多了一项属性MasterPageFile=~/xx.master 母版页中的ContentPlaceHolder占位符控件区域会被内容页面中的Content控件替换，并将ID传给Content控件的ContentPlaceHolderID属性。 母版页中包含多个ContentPlaceHolder控件时，内容页中也必须设置与其数量对应的Content控件。 站点地图 当网站由不止一个网页组成的时候，设计一个有条有理的导航系统能够提高用户们访问网站的舒适度，增加用户们对网站的认同。 但是要建立导航系统，先要明确网页之间的层次结构。 ASP.NET 2.0提供了一种称为站点地图的XML文件来辅助实现这种层次结构。 实验三 创建站点地图 SiteMapPath控件 一个古老的童话： “两个可爱的孩子被他们的后母送到了森林深处，他们通过沿路撒下的面包屑找到了回家的路。但是有一次，路上的乌鸦吃掉了面包屑，结果…” SiteMapPath控件又称为“面包屑导航”控件。 实验四（上）使用SiteMapPath控件 SiteMapPath控件需要从站点地图中读取路径 SiteMapPath控件的常用属性 Menu控件 “面包屑”导航控件只能导航到当前网页的上级页面，导航功能是有限的。 如果网站能像Windows桌面程序一样提供一个菜单，通过菜单项能够快速找到并打开任意一个网页，该有多方便呀！ ASP.NET通过使用Menu控件，实现了这一功能。 实验四（下）使用Menu控件 需要依赖SiteMapDataSource控件，此控件可以自动读取站点地图。 Menu控件的常用属性。 查看页面源代码 补充：第三种导航控件——TreeView 使用过程和Menu控件很相似 “外貌”上和Menu控件有区别 下次课，我们将开始学习ASP.NET动态网站的会员管理！ 课后作业 每个同学都根据自己的经历或者爱好，选择一个网站题目，为这个网站的设计实现做准备。 设计实现所选网站项目的母版页。 撰写实验报告。 永城职业学院 彭勃 * * 让我们来为我们的客户开发网站吧！ site.master 河南建业 MENU —— —————— 球员列表 赵鹏 … 河南建业 MENU —— —————— 球员列表 赵鹏 … 注：代码不分离