Web母版制作和母版嵌套

       母版是网页制作中很重要的一部分，它可以大大节省web开发的过程，避免过多重复性的制作过程；而母版嵌套是在沿用母版的基础上进一步进行格式化的方法。

       举个例子：母版就像是我们写作用的模板一样，在写格式一样的文件（web）时，直接套用模板（母版）就可以避免一开始要设置的复杂过程；同样的，母版嵌套就是在母版（模板）的基础上重新设置生成二代模板，从而面对新的需求。下面依次介绍在vs2012中如何生成母版和如何进行母版嵌套。

     【生成母版】

       第一：创建web网页----在vs中首先新建一个web项，然后在web项中设计添加想要的页面。

       第二：添加CSS----针对web页，添加相应的样式文件（CSS）。

       第三：创建母版-----如下图：

        成功后，会出现如图所示：

         第四步：移形换影----将母版页的代码清除后，把第一步的web代码全部拷贝到母版中；第二步的CSS文件只要文件名字不变就可以不改动；

 

        第五步：创建新web,沿用母版：如图：

            选中【选中母版页】，选取要用的【母版文件】。

           如此，新的web文件一开始就拥有了母版已有的设置了。

 

          问题：为什么一开始不直接创建母版页，反而要先创建web后复制粘贴到母版页，这样不麻烦吗？

           答  ：这是因为vs不支持母版页的网页预览，直接在母版页设计，难以确定生成后的样式是否符合要求。

 

        【母版嵌套】

            第一步：创建新母版----沿用第一母版，如图：

 

      成功后的代码页：

 

        可以发现二代母版页中多了两个包含contentPlanceHolder类的ASP.net的标签。ContentPlaceHolder类是表示在asp.net母版页中第一内容区域的意思。也就是说你可以两个标签一个可以让你配置新的CSS文件，一个可以让你在原有母版的基础上添加新的网页内容。

        如下图，是我在第一母版的基础上新添加的部分内容而构成的二级母版页。

        需要注意的是，在第二个标签里还要手动添加一个【二级母版contentPlaceHolder】：

 

          第二步：创建新web----沿用二级母版。这样你就可以在二代母版页中进行新的内容设置了。

 

         【总结】

            母版就是对固用web封装，母版嵌套就是在沿用母版的基础上进一步封装。使用母版嵌套就可以创建三级母版、四级母版等。极大的提高的web层的复用性。