商讯信箱
用户名: @
密  码:   注册|忘记密码
登录
个人用户经销商
您的位置:首页 > 技术频道 > 正文


二、在嵌套页中使用上述的CSS/HTML模板

    在VS2008中将上述的模板放到ASP.NET中以及使用嵌套页是非常容易的,具体可按以下几步操作。
 
1. 创建一个“根”页面

    最开始我们会创建一个新的根页面文件。我们将在这个文件中定义其他页都需要的的布局和结构。我们将这个文件命名为“Site.Master”,并复制/粘贴刚才下载的模板的文件内容到这个文件中。然后我们在要插入特殊内容的地方放一个<asp:contentplaceholder>。我们将<asp:contentplaceholder> 控件命名为“MainContent”。如图1所示



 图1  Site.Master
2. 创建一个SingleColumn页
 
    在这一步我们使用上面创建的Site.Master来设置当前工作的页面。接下来会创建一个可以定制的子页面。

    为了实现这一步,我们用击solution explorer,在上下文菜单中选择“Add New Item”菜单项。然后选择“Master.Page”,并在文件名处输入“SingleColumn.Master”,最后选中“Select Master Page”。在做完上述工作后,点击“Add”按钮关闭对话框,如图2所示:



图2 创建SingleColumn.master页

    然后VS2008会让我们选择Site.Master模板以确定SingleColumn.master将基于哪一个页面建立。如图4所示:



 最后VS2008会为我们建立一个SingleColumn.master文件,如图5
所示:



图5 SingleColumn.master

 
    我们从上述的结果可以看出,VS2008已经将在“根”页面定义的叫“MainContent”的<asp:contentplaceholder>控件加到SingleColumn.master了。并自动加了一对<asp:content>控件,通过这个控件,我们可以对SingleColumn.master进行覆盖和扩展。
 
    从图5的界面中我们还可以看到,在VS2008中将支持“分割视图”的,也就是说HTML的源代码和WYSIWYG设计器将会同时在一个界面显示。当我们在“分割视图”中的任何一个视图进行变化时,另一个视图就会立即同步这些变化。

    在本文中的SingleColumn.Master模板也是非常简单的,只需要使用CSS来定义它的列宽度,然后使用<asp:contentplaceholder>控件来填充指定的内容,SingleColumn.Master的内容如图6所示:



 6 SingleColumn的内容

1 2 3
©版权所有。未经许可,不得转载。
[责任编辑:李宁]
[an error occurred while processing this directive]