本文主要是介绍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层的复用性。
这篇关于Web母版制作和母版嵌套的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!