ch04 网站设计.ppt

第四章 网站设计 网站设计 母版页和内容页 网站地图和导航 主题和外观 WEB部件 母版页和内容页 ASP.NET2.0提供了母版页和内容页功能来帮助帮助开发人员创建页面模板，实现网站一致性要求。这个过程可总结为“两个包含，一个结合”。 “两个包含”是指将页面内容分为公共部分和非公共部分，且两者分别包含在两个文件中，公共部分包含在母版页中，非公共部分包含在内容页中。 “一个结合”是指通过控件应用和属性设置等行为，将母版页和内容页结合起来最后将结果发给客户端浏览器。 母版页 母版页为具有扩展名.master的ASP.NET文件，它可以包括静态文本、HTML元素和服务器控件。母版页通常是用于布局，即定义网站中不同网页的相同部分。 母版页代码和普通的.aspx文件代码格式很相近，最关键的不同是母版页由特殊的@ Master指令识别，该指令替换了用于普通.aspx页的@ Page指令，格式如下： %@ Master Language=C# CodeFile = MasterPage.master.cs Inherits = MasterPage % 母版页代码结构 %@ Master Language=C# % html xmlns=/1999/xhtml head id=Head1 runat=server titleMaster page title/title /head body form id=form1 runat=server asp:contentplaceholder id=Main runat = server / asp:contentplaceholder id=Footer runat = server / /form /body /html 内容页 内容页是以母版页为基础，可以在内容页中添加网站中的每个网页的不同部分。对于页面的非公共部分，在母版页中使用一个或多个ContentPlaceHolder控件来占位，而具体内容则放在内容页中。 例如，如上例代码所示，母版页包含两个ContentPlaceHolder控件，Main和Footer，用于占位。在内容页中，创建两个Content控件，一个映射到ContentPlaceHolder控件Main，而另一个映射到ContentPlaceHolder控件Footer，如图 4?1所示。 母版页和内容页的结构 母版页的运行过程 在运行时，母版页是按照下面的步骤处理的： 用户通过键入内容页的URL来请求某页。 获取该页后，读取@ Page指令。如果该指令引用一个母版页，则也读取该母版页。如果这是第一次请求这两个页，则两个页都要进行编译。 包含更新的内容的母版页合并到内容页的控件树中。 各个Content控件的内容合并到母版页中相应的ContentPlaceHolder控件中。 浏览器中呈现得到的合并页。 创建母版页 首先使用VWD创建一个普通的Web站点，然后在站点根目录下创建一个母版页，默认的情况下母版页的文件名为：MasterPage.master。母版页的扩展名是.master，以.master为后缀的文件都是母版页。 【例 4?1】 form id=form1 runat=server span style=color: #ff0000这是母版页顶部/spanbr / asp:contentplaceholder id=ContentPlaceHolder1 runat=server /asp:contentplaceholder br / span style=color: #ff0000这是母版页底部/span /form 创建母版页 简单地说，每个母版页必须包含以下元素： 基本的HTML和XML等Web标记 代码的第一行是%@ master….% ContentPlaceHolder控件和它的ID属性 创建内容页 创建母版页后，接下来创建内容页。内容页实际上是普通的.aspx文件，包含除母版页外的其他非公共部分。 对于内容页有两个概念需要强调：一是内容页中所有内容必须包含在Content控件中；二是内容页必须绑定母版页。 【例 4?2】 %@ Page Language=C# MasterPageFile=~/MasterPage.master Title=Untitled Page % asp:Content ID=Content1 ContentPlaceHolderID=ContentPlaceHolder1 Runat=Server br / 这是内容页 /asp:Content 创建内容页 简单地说，内容页应具有下列三个特点： 内容页中没有!DOCTYPE HTML…和html