任务6. 1　网上书店的版式设计

【任务描述】

网上书店系统作为一个整体，应该具备统一的外观，例如，可以为网上书店的多数页面设计具有相同外观的顶部和底部，头部可以包括Logo信息、网站标题信息以及图书搜索等系统通用功能；底部可以包括版权说明信息。如果每个网页的头部和底部都逐个重新布局，那么显然做了很多冗余的工作，也不利于后期的维护和扩展功能。

ASP.NET为开发者提供了一种用于控制整个网站版式的方法，这就是母版页。使用母版页，首先，将各页面不变的外观和功能抽取出来作为公共模板（母版页），然后，通过在公共模板基础上进行扩展，从而实现各页面自身的特有的外观和功能。这样，就能使网站的页面具有统一的外观。

设计者为网上书店系统前台所有页面设计了相同的头部和底部版式。本任务将实现：将公共部分的头部和底部提取出来作为母版页，然后，在母版页的基础上扩展出具体前台功能页面，网上书店的版式设计效果如图6.1所示。

图6.1网上书店的版式设计效果图

【知识准备】

（1）创建母版页

VS 2008开发环境提供了轻松创建母版页的方式，能对网站的全部或部分页面的外观和样式进行控制。在解决方案资源管理器中，对应的网站项目右键单击，在下拉菜单中选择“添加新项”命令，弹出“添加新项”对话框，在模板中选择“母版页”，即可向网站项目中添加一个母版页，如图6.2所示。

创建后的母版页与一般的ASP.NET网页不同之处有以下几点：