任务一 Master页面的创建与使用

【任务要点】

1.创建Master页面

2.布局Master页面

3.创建Content内容页面

【案例一】

　　创建某新闻网站，网站主要功能包括新闻中心、信息中心、交流中心、展览中心等常用功能。运行效果如图1-1所示。

项目中添加文件夹（images），将素材放进该文件夹中。

【具体步骤】

　　（1）创建Master页面。创建一个新网站，然后右击网站，在弹出的快捷菜单中选择【添加新项】命令，在弹出的对话框中选择【Web窗体母版页】选项，如图1-2所示。

　　在名称文本框内输入母版页面的名称，母版的名称可以更改，但是扩展名.master不可以更改。单击【添加】按钮后，此时界面中出现一个ContentPlaceHolder的矩形框，如图1-3所示。

　　（2）布局Master页面。在Master页面创建7行2列表格，并将素材放入其中，如图1-4所示代码。

（3）Master页面设计如图1-5所示。

（4）使用Master页面。右击网站，在弹出的快捷菜单中选择【添加新项】命令，在弹出的对话框中选择【包含母版页的Web窗体】选项，点击【确定】，如图1-6所示。

   在弹出的【选择母版页】对话框中选择刚创建的母版页面，如图1-7所示。

（5）打开刚创建的WebForm1.aspx，此时呈现布局如图1-8所示。

（6）在WebForm1.aspx ，ContentPlaceHolder1中插入10行3列表格，如图1-9所示。

可自行调整参数，保证页面效果。

（7）F12运行WebForm1.aspx页面，结果如图1-10所示。

【背景知识】

　　（1）使用Master页面的原因。在Web程序中大多数页面都有一些公共元素，在没有Master页面以前，必须把这些元素放到每个页面上去，在多数情况下，这种做法比较困难。通常一些开发人员简单地把这些公共区段的代码复制并粘贴到需要的页面上去，当然这种方法是可行的，但是相当麻烦，并且如果对一个区段中的代码进行修改，就必须在每个页面上重复这个修改，导致开发效率非常低下。

　　（2）Master页面的工作过程。Master页面是提供模板的一种简单方式，并可以由应用程序中任意多个ASP.NET页面使用，只需要把共享的内容放在Master页面中即可。在程序运行时，ASP.NET引擎会把Master页面元素和内容页面元素合并到一个页面上，显示给终端用户，具体工作过程如图1-11所示。

　　（3）编程使用Master页面。在任何内容页面上，都可以轻松地编程指定Master页面，使用Page.MasterPageFile属性就可以把Master页面赋予内容页面，无论是否在@page指令中指定了另外一个Master页面，都可以使用该属性。

　　（4）Master页面的时间触发顺序。在处理Master页面和内容页面时，将两个页面类合并为一个页面类时，需要知道哪些事件先触发，哪些事件后触发。