《N2CMS实例教程》--第三讲：Site Master

从本节开始，我们就要建立我们自己的网站了，这一节，我们先创建母版页。

还记得前言中我们提到的HTML模板吗，现在它有用处了，我们要用Index.html里的内容作为母版页的内容，我们把母版页分为几个部分，分别是top,left,content,footer几个部分，如图所示。

Top

Left

Content

Footer

Top
每个页的页头部分，这里是固定的样式。
Left
页的左列部分，为了显示一些Panel，这个就是上节提到的Zone了。
Content
每个页的主要内容部分，由继承母版页的页完成。
Footer
页脚部分，这里也是固定内容。

下面我们就实现这个母版页。

首先，为了实现网页的样式，我们需要把HTML模板中的样式表和图片添加到我们的项目中，复制HTML中的css和images文件夹到Content文件夹下，然后添加对main.css样式表的引用，同时删除对原Style.css样式表的引用，打开Views/Shared/Top+SubMenu.Master这个文件，删除原样式表，添加main.css样式引用，如图1。

图1

然后将body标签的内容修改成Index.html body里的内容，代码如图2所示。

图2

现在可以运行一下看看效果了，跟index.aspx的一模一样，这样就对了，下面我们需要处理上面说到的那些区域了，top,left,content,footer，对于top和footer来说，我们是不需要改动的，需要改动的地方是left和content；我们先处理content，找到<div id="content">这段代码，这个div里面的内容就是要替换的内容了，我们把这个div里的内容删除，然后添加一个名称为Content的ContentPlaceHolder，代码如图3所示。

图3