为了做本文的实验，读者可以自行选择比较漂亮的模板。当然，我们可以在这个网站上在线浏览模板效果。

二、在嵌套页中使用上述的CSS/HTML模板

最开始我们会创建一个新的根页面文件。我们将在这个文件中定义其他页都需要的的布局和结构。我们将这个文件命名为“Site.Master”，并复制/粘贴刚才下载的模板的文件内容到这个文件中。然后我们在要插入特殊内容的地方放一个<asp:contentplaceholder>。我们将<asp:contentplaceholder> 控件命名为“MainContent”。如图1所示

图1 Site.Master

2. 创建一个SingleColumn页

在这一步我们使用上面创建的Site.Master来设置当前工作的页面。接下来会创建一个可以定制的子页面。

为了实现这一步，我们用击solution explorer，在上下文菜单中选择“Add New Item”菜单项。然后选择“Master.Page”，并在文件名处输入“SingleColumn.Master”，最后选中“Select Master Page”。在做完上述工作后，点击“Add”按钮关闭对话框，如图2所示：

图2 创建SingleColumn.master页

然后VS2008会让我们选择Site.Master模板以确定SingleColumn.master将基于哪一个页面建立。如图4所示：



最后 VS2008 会为我们建立一个 SingleColumn.master 文件，如图 5 所示：

图5 SingleColumn.master

我们从上述的结果可以看出，VS2008已经将在“根”页面定义的叫“MainContent”的<asp:contentplaceholder>控件加到SingleColumn.master了。并自动加了一对<asp:content>控件，通过这个控件，我们可以对SingleColumn.master进行覆盖和扩展。

从图5的界面中我们还可以看到，在VS2008中将支持“分割视图”的，也就是说HTML的源代码和WYSIWYG设计器将会同时在一个界面显示。当我们在“分割视图”中的任何一个视图进行变化时，另一个视图就会立即同步这些变化。

在本文中的SingleColumn.Master模板也是非常简单的，只需要使用CSS来定义它的列宽度，然后使用<asp:contentplaceholder>控件来填充指定的内容，SingleColumn.Master的内容如图6所示：

图 6 SingleColumn 的内容