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

日期：2007年10月8日作者：查看:[大字体中字体小字体]

如果你还未考虑采用一种单一的、紧密结合的方式进行网页设计的话，请看本文。
     在网络发展初期，凝聚性（cohesiveness）是由服务器端实现的，但要牵涉到大量的人工文件管理工作。幸运的是，随着网络的日益成熟，网络开发工具也日臻完善。例如，在.NET框架下，你可以创建各种Web控件来统一设计。

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

     在设计用户/数据交互功能时，我最为关心的是数据的完整性、用户界面的功能性和商务规则的完善实现。我最不关心的是按钮的颜色。而这些细枝末节却往往是程序员发挥技术的地方。

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

<html>
<head>
</head>
<body>
<form method="POST" name="thisForm" id="thisForm" action="somepage.php">
<input type="text" name="txtText" id="txtText" size="25"><br>
<input type="submit" name="btnSubmit" id="btnSubmit" value="Submit">
</form>
</body>
</html>

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

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

<form method="POST" name="thisForm" id="thisForm" action="somepage.php">
<input type="text" name="txtText" id="txtText" size="25" transform="blueText"/>
<br/>
<input type="submit" name="btnSubmit" id="btnSubmit" value="Submit"
transform="bigButton"/>
</form>

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

<?xml version="1.0"?>
<xsl:stylesheet
    xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"
>
<xsl:output method="html"/>

<xsl:template match="/">
    <table width="100%" cellpadding="0" cellspacing="0">
[1] [2] [3] [4] 下一页
XML 和XSLT结合使你的网站设计浑然一体相关文章：
·高度优雅与魅力 Chanel时装设计
·Illustrator传统风格名片设计实例
·平安夜美丽蜡烛的装置设计欣赏
·圣诞节日花环花束设计欣赏
·创意设计：多姿多彩的自然标本玻璃砖
·3DSMAX造型设计之打造江南丝绸
·非主流中性性感MM装扮设计欣赏
·3DSMAX造型设计之书法印刷效果
·德国女装verse设计欣赏
·Vista下如何通过蓝牙手机控制计算机
XML 和XSLT结合使你的网站设计浑然一体相关软件
·巧施拖兵计
·间谍抓捕计划
·《异种克隆计划》游戏试玩
·新《企业会计准则》
·《死神计时游戏》
·中国街头骗术36计大全
·家庭装修设计完全手册（精简版）
·《惊魂六计丛书》
·《隐密计划》
·园林别墅设计效果图

上一篇:怎样制作网页?

下一篇:XPath 初学者入门教程：XPath 语法

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

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

精品推荐

热点TOP10

特别推荐