文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | 免费看大片 | WPS | 杀毒软件
清风网络
首 页 软件下载 网络学院 数码学院
QQ 电脑入门 游戏 操作系统 图形处理 办公软件 媒体动画 精文荟萃 工具软件 网络编程 程序开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络学院网络编程XML/SoapXML 和XSLT结合使你的网站设计浑然一体
精品推荐
特别推荐
·跟我学XML和XSL
·XHTML教程,简单认识XHTML基础知识
·XML轻松学习手册
·XSL/XML网页制作入门,入门到精通
·用XML+JSP实现网页内容动态显示的方案
·将XML结点转换成JAVABEAN并存入数据库
·XML入门教程:XML 浏览器支持
·XHTML 1.0:标记新的开端
·什么是 XML Web Service
·什么是XML
热点TOP10
·XSL中利用xsl:for-each时给每一项添加序号
·分享:XMLHTTPRequest的属性和方法简介
·根据网页HTML结构选择最合适的XHTML标签
·使XML本地化和关系化
·什么是 XML Web Service
·新兴XML处理方法VTD-XML介绍
·一个简单的基于XML的模块集成框架
·HTA的简单应用
·XHTML 1.0:标记新的开端
·用Flash和XML来构造一个聊天室

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">
    <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
select="@method"/></xsl:attribute>
    <xsl:attribute name="action"><xsl:value-of

[1] [2] [3] 下一页 




上一篇:网页需要个性 给光标添加CSS样式

下一篇:学习网页设计时要注意HTML向XHTML转化

相关文章:
·借台电脑办网站—访深圳外来工站长姚永卫
·网站赚钱的四个技巧
·几秒钟让你的电脑百毒不侵,提速百倍!
·震撼你的视觉 3D星空高清晰壁纸欣赏
·网站优化需要重要注意的几点事项
·28个免费在线电影网站
·收费网站破解攻略
·中国十大免费电影网站排行
·巧用宽带路由器建立个人网站
·如何建立一个网站?规划、设计、目的、原则、宣传
相关软件:
·用Photoshop美化你的相片
·自己动手建立企业网站
·C语言程序设计
·Dreamweaver 网页设计
·自己动手建设个人网站
·美工设计教程
·Photoshop CS经典创意设计200例
·Photoshop CS中文版平面设计师标准案例教程
·Windows环境下32位汇编语言程序设计
·唤醒你的创业精神

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.viphot.com
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.viphot.com All Rights Reserved. 鄂ICP备05000083号Powered by:viphot