如果你还未考虑采用一种单一的、紧密结合的方式进行网页设计的话,请看本文。
在网络发展初期,凝聚性(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="BT nSubmit" 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"> <tr><td align="center">This is the defined header</td></tr> <tr><td><xsl:apply-templates select="//form"/></td></tr> <tr><td align="center">This is the defined footer</td></tr> </table> </xsl:template> <xsl:template match="form"> <xsl:element name="form"> <xsl:attribute name="method"><xsl:value-of
复制本页网址和标题,发送给你QQ/Msn的好友一起分享
上一篇:
网页需要个性 给光标添加CSS样式
下一篇:
学习网页设计时要注意HTML向XHTML转化