XML和XSLT联合使你的网站设计浑然一体

假如你还未考虑采用一种单一的、紧密联合的方法进行网页设计的话，请看本文。

在网络发展初期，凝聚性（cohesiveness）是由服务器端实现的，但要牵涉到大批的人工文件治理工作。荣幸的是，随着网络的日益成熟，网络开发工具也日臻完善。例如，在.NET框架下，你可以创立各种Web控件来同一设计。

XML和XSLT的转换使Web设计受益无限。借助XML和 XSLT转换，你可以实现将动态用语（dynamic verbiage）和网站内容存储在数据库中。你可以在XML中传输数据库，然后再通过XSLT转换将其转变为HTML脚本。本文中，我将供给一个网站实例，并阐明XML 和XSLT如何使你的网站设计浑然一体。

在设计用户/数据交互功效时，我最为关心的是数据的完整性、用户界面的功效性和商务规矩的完善实现。我最不关心的是按钮的色彩。而这些细枝末节却往往是程序员施展技巧的处所。

当设计一个全新的页面时，我只投进最低限度的精力用于用户界面的设计，如只安顿一个文本框和一个提交按钮。对于本例中的HTML网页，我增加了两个INPUT标签来完成这一任务。

以下为引用的内容：

以上代码段完成了重要功效，但还需用XML和XSLT来对其加以美化。

在XML中，代码有开头和结尾标签，而在HTML中没有。INPUT 和BR标签是个特例，它们不需结尾标签。然而，在结尾标签标记“>”前加一个正斜杠，可确保HTML符合XML规范。假如在编写HTML脚本时留心服从这些规范，你就能够将XML/HTML（aka XHTML）转换为不错的HTML页面。

以下为引用的内容：




transform="bigButton"/>

运行下列代码，完成XSLT转换：

以下为引用的内容：

    xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"
>

    select="@method"/>
     select="@action"/>
   
   
   



   
       
           
           
            text
            color:blue
            select="@value"/>
           
       
       
            select="@name"/>
            select="@id"/>
            text
            color:red
             select="@value"/>

           
       
       
            select="@name"/>
            select="@id"/>
            height:30px;width:100px;font-
size:18pt;font-weight:700;
            select="@value"/>