用ASP动态Web模板。净页面一个一致的外观和感觉

创建一个一致的外观和感觉是成功的网站设计的关键。Expression Web提供了两种功能,简化你的设计的一致性:动态Web模板(dwt)和ASP。净大师页面。如果你所有的页面是ASP。网络页面,使用主页比dwt提供更大的灵活性,因为您可以嵌套主页一个ASP。网络页面。另一方面,如果你的网站使用静态页面和ASP。网络页面,使用dwt是一个很好的选择,但使用它们你的ASP。网络页面需要一些额外的工作。

当我在一个网站,使用dwt使用ASP。网络页面,我创建一个单独的DWT的ASP。网络页面。ASP。净DWT是完全一样的原始DWT,但我添加三件事。首先,我添加一个页面指令直属DOCTYPE声明。

< % @页面语言= " c# " % >

其次,我添加一个新页面可编辑区域和直属脚本块指令,这样我可以将服务器端代码添加到页面如果我选择。这是可编辑区域。

< !——# BeginEditable“csharpcode”——> < /脚本>

<脚本runat = " server " >

< !——# EndEditable - - >

第三,我周围的可编辑区域,定义了我的主要内容区域形式,这样我的ASP。网络控制工作。这里有一个例子。

<形式id =“form1 " runat = " server " >

< !——# BeginEditable“身体”- - >

< div id = " mainContent " >

< / p > < p >主页内容

< / div >

< !——# EndEditable - - >

> < /形式

一旦我做出这些改变,我保存DWT使用相同的名称作为原始DWT,但我的策略结束“ASPX”这个名字。例如,如果我的DWT命名模板。dwt,我使用ASP。叫TemplateASPX.dwt网络页面。当我需要创建一个新的ASP。网络页面,我遵循以下步骤把DWT的页面。

1. 选择文件,新的页面。
2. 从列表中选择ASPX页面类型。(不要选择创建动态Web模板。)
3. 一旦创建了ASPX页面,选择格式,动态Web模板,附加动态Web模板。
4. 选择我的ASPX DWT并单击Open。

当你遵循这些步骤,你将会看到一个警告,任何内容以外的< html >标记将被删除。单击Yes继续DWT附上,你应该看到你的DWT成功应用于页面。如果你需要添加服务器端代码,你可以在定义的可编辑区域。

dwt提供一种方便的方法来应用一个一致的外观到你的网站,通过预先采取一些额外的步骤,您可以很容易地使用这个强大的功能与你的ASP。网络页面。