09第9章 主题和母版页技术.ppt

9.3.2 母版页的运行过程 在运行时，母版页是按照下面的步骤处理的： 1．用户通过键入内容页的 URL 来请求某个页面； 2．获取该页后，读取 @?Page 指令。如果该指令引用一个母版页，则也读取该母版页。如果这是第一次请求这两个页，则两个页都要进行编译； 3．将包含更新内容的母版页合并到内容页的控件中； 4．各个 Content 控件的内容合并到母版页中相应的 ContentPlaceHolder 控件中。浏览器后将呈现得到的合并页。 9.3.3 母版页的优越之处 母版页具有下面的优点： 1．使用母版页可以集中处理页面的通用功能，以便可以只在一个位置上进行更新； 2．使用母版页可以方便地创建一组控件和代码，并将结果应用于一组页面。例如，可以在母版页上使用控件来创建一个应用于所有页的菜单； 3．通过允许控制占位符控件的呈现方式，母版页可以在细节上控制最终页的布局； 4．母版页提供一个对象模型，使用该对象模型可以从各个内容页自定义母版页。 9.3.4 母版页技术应用过程 母版页技术应用过程如图9-11所示： 9.3 .5 母版页的创建与使用 1.启动Viusual Studio 2008 依次在主菜单中单击【文件】【新建】【网站】，出现“新建网站”对话框，选择 【空网站】，单击“确定”，完成新网站的建立；如图9-12所示： 图9-12 新建空网站 2.添加母版页 在解决方案资源管理器中，单击右键【添加新项】，在弹出的“添加新项”菜单中 选择【母版页】，单击“添加”按钮；如图9-13所示： 第1步：右击 第2步：单击 第3步：单击 图9-13 添加新项 3.设计母版页 现以一个最简单的母版为例，说明如下： （1）删除设计窗口上的ContentPlaceHolder1控件，待整个页面设计完成后，再在适 当的位置加入该控件； （2）单击依次主菜单【表】【插入表】，大小设置为2行2列，由于是练习，所以其 它各项根据喜好随意设置，如图9-14所示； 图9-14 插入表格 （3）拖动鼠标左键，连续选中第一行的两个单元格，按下鼠标右键，单击【修改】 【合并单元格】，将第一行合并；如图9-15所示； 图9-15 插入表格 （4）单击主菜单上的【格式】菜单项，在下拉菜单中选择【背景色】将第一 行背景色设置为蓝色，以此法设置第二行左侧背景色，并调整第二行左右比例， 同时在工具箱中选择ContentPlaceHolder控件，加入第二行右侧空白处。最终 效果如图9-16所示； 千万不要忘在此处记ContentPlaceHolder控件 图9-16 母版页设计效果 （5）单击主菜单【文件】【保存MasterPage.master】，也可按下快捷键CTRL+S， 完成整个母版页的制作。 4．应用母版页 在解决方案资源管理器中右键单击“添加新项”，在弹出窗口中选择【Web窗体】， 单击“添加”按钮如图9-17所示；使用时我们会发现只有在母版页设计时放置了 ContentPlaceHolder控件的位置允许编辑，在此位置可以插入任意文本、图片、 控件，如图9-18所示。编辑完成后运行效果如图9-19所示。 图9-17 母版页的使用 只有此处才能被编辑 图9-18 内容页的编辑 图9-19 运行效果 9.3.6母版页的原理 在设计母版页时只须将可编辑部分用内容占位符，这一标记是由ContentPlaceHolder 控件实现。 内容页：网站体部(可编辑部分) 母版页：网站头部(固定部分) 母版页：网站导航(固定部分) 图9-20 母版页设计效果 母版页的属性 母版页有很多属性，了解这些属性可以更好地进行母版页编程，现将常用属性说明 如表9-20。 表9-20 母版页的属性 指定用作某个母版页的.master文件。 MasterPageFile 指定在页面中使用的语言。 Language 指定供页继承的代码隐藏类。它可以是从MasterPage类派生的任何类 Inherits 指定包装含类的单独文件的名称，该类具有事件处理程序和特定于母版页的其他代码 CodeFile 指定是否启用了事件自动连接，启用为true；否则为false，默认值为true AutoEventWireup 说明 属性 主题和母版页技术 第 9 章 人生短暂，事业征程却漫长；学业有时，学习时 光却伴随我们每个人一生，牢牢利用大学生活的每时 每刻，时时抓住人生每一个机遇更好利用人生最美好 的大学时光. 本章知识结构框图 CSS样式的 使用 主题使用 母版页概述 母版页的 使用 母版页编程 组成 运