在做网页的进程中，总会有很多地方变化不大，但是重复出现。
所以引入母版这个概念就是好，重复的地方写1个母版，然后其他页面只要援用就可以实现相同的功能，并且页面的代码也会减少很多。
比如我写1个小demo
这是1个简单的阅读古诗的网页
其中的头部和尾部我都是不想换的，比如head和bottom两个地方是网页复用最多的地方。假定我有很多的网页要做而这些地方又都1样，那我不能重复的建这些吧。这里就用到了面向对象思想――抽象――母版页。把head和bottom两个部份放到母版页中，只要其他页面援用母版页那末相同的功能就能够不用再重复写了。
修改前代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>静夜思</title>
</head>
<body>
<center>
<form id="form1" runat="server">
<p align="center">
静夜思<br />
作者：李白<br />
<b>床前明月光，疑是地上霜<br />
举头望明月，低头思故乡 </b>
</form>
<div>
<img src="../images/20110111⑴45047.jpg" width ="760" height="" alt="img" /></div>
<div id="footer">版权归属：copyright ©<a href ="http://www.csdn.net/mayfla" target="_blank">徐玲博</a>
</div>
</center>
</body>
</html>
修改后代码：
母版页：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<center>
<div>
<img src="../images/4d0e5ddd695046884732f.jpg" width="760" height="160" alt="img" /></div>
<div>
<p>
<font color="green">古诗欣赏</font></p>
</div>
<div id="main">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
<div id="footer">
版权归属：copyright ©<a href="http://www.csdn.net/mayfla" target="_blank">徐玲博</a>
</div>
</center>
</form>
</body>
</html>
效果：
有了这个母板页，灵活网页也就开始了第1步。
内容页的代码和效果我就省略了。差不多。
波比源码 » 牛腩新闻发布系统（三）–母版
