XSL: Extensible Stylesheet Language

Slides:



Advertisements
Similar presentations
醫學美學之我見ー肉毒桿菌 班級:應日三乙 姓名:蔡雅卉 學號: 497E0076. 前言 現在的人,已經把 整型看做是微不足 道的事情了。即使 只是戴牙套、局部 雷射、割雙眼皮、 打美白針、肉毒桿 菌等等,都可以在 身體上做不同的改 變,而讓自己更滿 意自己的外表。
Advertisements

讲故事训练 授课人:田轶.
第十一課 菜園 6-11.
浅析浏览器解析和渲染 偏右.
校本选修课 第三专题 西藏问题 北京师大二附中 李文燕.
佛山科学技术学院 第7章 HTML Internet及多媒体应用.
第 11 章 網際網路與資料庫系統.
网站如何定制建设???.
信 息 与 软 件 工 程 学 院 实验室开放实验介绍.
第8章 CSS基础知识 【学习目标】 对于一个网页设计者来说,对HTML语言一定不感到陌生,因为它是网页制作的基础,但是如果希望网页能够美观、大方,并且升级维护方便,那么仅仅知道HTML还是不够的,还需要了解CSS。了解CSS基础知识,可以为后面的学习打下基础。 本章主要内容包括: 为什么在网页中加入CSS。
XML 第05讲 使用CSS显示XML.
学习情境三:配置WEB服务器 服务器配置与管理.
第五单元课1-3 层叠样式表.
Css2/css3全教程 选择器 群号: 韬略课堂:何韬.
正修科技大學教學發展中心 教師教學觀摩與經驗分享 電子工程系 張法憲副教授.
蘇軾詞的賞析
柯奕宏(06) 王予亨(13) 郭秉逸(15) 楊雯凈(23) 顏佑瑩(32)
第十五章 传播学调查研究方法.
网页编程基础 曾宪文,Rex Zeng 纸飞机网络技术部部长 Leader of ACE.
第四章 样式表CSS CSS技术是一种格式化网页的标准方式,它通过设置CSS属性债周页元素获得各种不同效果。本章共分9个实例,主要内容包括的基础知识、CSS创建与导入、CSS的语法结构、常用CSS的分类、CSS的使用原则等内容。
第8章 样式表.
第五章 网页设计 网页制作的语言和工具 网页制作步骤和原则 使用Dreamweaver工具制作网页 使用FrontPage工具制作网页
ASP动态网页设计实用教程 主讲教师: 开课单位:.
自然與生活科技領域 認識太陽能 蘇紋琪、石明玉.
CSS简介 WEB前端三剑客之二.
 全能的天才畫家- 李奧納多‧達文西 (西元1452年-1519年) 指導老師:袁淑芬老師 製作人:饒佩芯.
第 11 章 讓版面更活潑 的 CSS.
第 13 章 用CSS 設定 文字顏色與背景.
CSS排版:盒子模式 靜宜大學 資管系 楊子青.
JavaScript 靜宜大學 資管系 楊子青.
动态专题制作 凤凰网技术中心 应用管理部.
單元5-1:XSL XML的轉換語言 王豐緒 銘傳大學資工系.
十二年國民基本教育中等學校教師教學專業能力研習五堂課
HTML & CSS.
認識我的故鄉_台中市.
XML基礎課程 5 數位芝麻網路公司 XML講師:蔡斐婷.
主讲:陶建平 华中科技大学网络与计算中心
网站设计 前端 选择器(复习),表单.
CSS技术 蒋玉华.
第2章 初识Dreamweaver CS4 Adobe Dreamweaver CS4是建立Web站点和应用程序的 专业工具。它将可视布局工具、应用程序开发功能和 代码编辑支持组合在一起,其功能强大,使得各个层 次的开发人员和设计人员都能够快速创建界面吸引人 的基于标准的网站和应用程序。从对基于CSS的设计.
Web前端开发技术与实践 第9章:文字样式 阮晓龙 /
UI 软件 设计 页面布局(二).
大家所认为的电子商务行业有哪些途径来赚钱?
聖文德書院 ST BONAVENTURE COLLEGE & HIGH SCHOOL
前端技术开发 高莺.
2.2 Web界面设计 信息工程系 向模军 Tel: QQ:
网页设计与制作 Dreamweaver CS6 标准教程
第4章 CSS基础 主讲人:刘泰然 经济管理学院.
网页设计与制作教程第5版 机械工业出版社同名教材 配套电子教案.
第三章 HTML相关技术基础知识 纵观各种动态页面开发技术,无论是JSP、ASP还是PHP都无 法摆脱HTML的影子。这些动态的页面开发技术无非是在静 态HTML页面的基础上添加了动态的可以交互的内容。HTML 是所有动态页面开发技术的基础。在接下来的章节将要详 细介绍的就是HTML相关的一系列技术,包括HTML、
第13章 CSS 通过CSS可以使用更丰富、更灵活的样式,更简单地 设计出更美观的网页。同时,也让网页的设计与维护 更有效率。CSS在网页设计中的作用尤为重要,是网 页设计师必备的知识。本章首先介绍什么是CSS、CSS 的基本语法等基础知识,接着学习利用“CSS”面板 管理规则,如何在Dreamweaver中创建与应用CSS样式.
武汉纺织大学传媒学院 cm.wtu.edu.cn
主讲:陶建平 华中科技大学网络与计算中心
武汉纺织大学传媒学院 cm.wtu.edu.cn
UI 软件 设计 页面布局(一).
《网页设计与制作》.
精忠报国  演唱:屠洪纲 作词:陈涛 作曲:张宏光  狼烟起 江山北望  龙起卷 马长嘶 剑气如霜  心似黄河水茫茫  二十年 纵横间 谁能相抗  恨欲狂 长刀所向  多少手足忠魂埋骨它乡  何惜百死报家国  忍叹惜 更无语 血泪满眶  马蹄南去 人北望  人北望 草青黄 尘飞扬  我愿守土复开疆  堂堂中国要让四方来贺.
布局大师——表格.
HTML大探索.
CSS排版:盒子模式 靜宜大學 資管系 楊子青.
樂樂請假了 尊重的故事 資料來源:臺北縣國民小學品德教育手冊 故事來源:臺北縣國民小學品德教育手冊 網路小故事
第7章 使用CSS设置链接与导航菜单 经济管理学院.
聽聽那冷雨---重點摘要 二愛 王煜榕.
CSS基礎 靜宜大學 資管系 楊子青.
憲政與民主 應化3A 邱泓明.
项目一 了解网站的概念 项目二 创建个人网站“鸿渐工作室” 项目三 制作“鸿渐工作室”的主页 项目四 HTML语言 项目五 制作“家乡特产”网页 项目六 制作“给我留言”网页 项目七 制作“应用技巧”网页 项目八 模板制作及应用.
CSS 一起來美化網頁吧!!.
Web前端开发 第7章:初识CSS3 阮晓龙 / 河南中医药大学管理科学与工程学科
第4章 JSP动态网页设计基础 教学目标 教学重点 教学过程 2019年10月21日.
西南科技大学网络教育系列课程 动态网页设计(JSP) 补充 JSP操作XML文件.
Presentation transcript:

XSL: Extensible Stylesheet Language [XML Lab.] by 黃振修

XSL and CSS XSL是一種特別針對XML文件所建立的格式化語言,也可以說是XML的一種應用,所以XSL的架構與語法都和XML極為相似 XSL是建立在『樣式表的機制』上。樣式表通常為整份文件提供一份樣式或格式化資訊 在Web上最常應用的就是CSS(Cascading Style Sheet),CSS可以讓設計人員定義適用於整份HTML文件的樣式類別(classes)

CSS Illustrated CSS是由許多樣式名稱和樣式指定值所組成的字串,我們可以利用設定好的樣式表,指定給某一種HTML標籤,或某一群組HTML標籤來使用 被套用的HTML標籤,將會依據所套用的CSS來顯式它的外觀。

CSS Example (#1) Embedded CSS <html> <head> <style type="text/css"> .headline { font-family: 標楷體; font-size: 16pt; color: blue } </style> </head> <body> <font class=“headline”>Hot News</font> </body> </html>

CSS Example (#2) External CSS style.css thisfile.html <style type=“text/css”> .headline { font-size: 16pt } </style> thisfile.html <head> <link href=“style.css” ref=“stylesheet” type=“text/css”> </head>

XSL Overview XSL建立在樣版的想法上,有點像是CSS的樣式規則 包含兩部分: XSL轉換格式語言(Transformation Language) XSL格式化物件規格(Formatting)

XSL Transformation Language 是一種告知處理器如何把一份XML文件從某結構轉換成另一種結構的敘述語言 最初最可能最明顯的用途是將一份XML文件轉換為一份HTML給瀏覽器 轉換文件至少可以將一份文件的樹狀結構轉換成另一種樹狀結構

XSL Formatting Object Spec. 可提供新的格式化語意,而可以發展成一種新的XML語彙 提供大量的打印指令,可用來配合印刷或是螢幕顯示,精確的設定外觀樣式

XSL 樣式表(#1) 使用樣板 <xsl:template xmlns:xsl=“uri:xsl”> ... </xs:template> 模組樣式 XSL使用pattern來指定XSL樣版所要套用的XML元素,這種pattern比對方式使XSL成為一種宣告式的語言,而非程序式

XSL 樣式表(#2) To be continue.