XML基礎課程 5 數位芝麻網路公司 XML講師:蔡斐婷.

Slides:



Advertisements
Similar presentations
1 网站设计理念 大连理工大学创新实验学院 优秀网站展示 - LAMP 类网站
Advertisements

以XML可延伸式標注語言建立文章標誌系統研究- 以蘇軾詩為範圍
第六章 网页设计与制作基础.
帶你走進 北京 航空航天大學. 帶你走進 北京 航空航天大學 學校簡介 北京航空航天大學,簡稱“北航”,成立於1952年,由當時的清華大學、北洋大學、廈門大學、四川大學等八所院校的航空系合併組建,是新中國第一所航空航太高等學府,現隸屬於工業和信息化部。
第 12 章 SOAP技術.
第6章 数据库管理软件Access 年秋.
10-1 資料庫管理系統簡介 10-2 關聯式資料模式和查詢語言 10-3 Access 簡介 10-4 XML 簡介
图形设计标准教程.
通訊科技教育改進計畫 「網路應用與服務組」 行動電子商務課程 XML之簡介.
Web Programming 網際網路程式設計
第 11 章 網際網路與資料庫系統.
第1章 网页、网站制作基础 1.1 网页与网站的概念 1.2 Web标准 1.3 网页制作的常用软件 1.4 构成网页的基本元素
网站如何定制建设???.
信 息 与 软 件 工 程 学 院 实验室开放实验介绍.
第8章 CSS基础知识 【学习目标】 对于一个网页设计者来说,对HTML语言一定不感到陌生,因为它是网页制作的基础,但是如果希望网页能够美观、大方,并且升级维护方便,那么仅仅知道HTML还是不够的,还需要了解CSS。了解CSS基础知识,可以为后面的学习打下基础。 本章主要内容包括: 为什么在网页中加入CSS。
網頁技術簡介.
XML 第05讲 使用CSS显示XML.
第五单元课1-3 层叠样式表.
转正述职报告 乐恩公司 史航
全球資訊網(WWW)簡介.
第二期实验室工作人员培训讲座(三) 加强规范化建设 提高仪器设备管理水平 设备处 黄久龙 2017年9月13日 徐州师范大学设备处 黄久龙.
网页设计(1) 第12讲 网页技术简介 马秀麟 2014年5月 2018/9/17 制作人:马秀麟.
《XML技术及其应用》 第1章 XML 基础知识 主讲教师:桂浩 武汉大学.
第ㄧ章 認識 VB 2008 與主控台應用程式 注意:本投影片僅供上課使用,非經同意,請勿散播或轉載。
HTML5全栈开发序列课程 《前端入门》之HTML入门 余鹏作品.
第一章 認識Visual C 環境架構 1-1 認識Visual C Visual Studio 概觀
Ch1.認識全球資訊網 1.1 「網際網路」與「全球資訊網」 1.2 全球資訊網的基礎 – 網頁與超連結
第 11 章 讓版面更活潑 的 CSS.
Microsoft .NET 第4組 十月15, 2002 B 陳東傑 B 蔣佳勳
第 3 章 網頁的基本設定與預覽.
EEI-XML 教學.
Ajax编程技术 第一章 Ajax简介.
XML資料傳輸 黃笠宸 4/3.
第 3 章 XML文件的轉換 –XSLT與XPath
植生工程植材選用決策支援系統 指導:錢滄海 授課:林俐玲 學生:楊孟叡.
HTML網頁設計 Chapter 建置網站的流程 16-2 從事網頁設計相關的程式語言 16-3 認識HTML語法
Resources Construction of Distance Education
邁向 HTML5 如何與 ASP.NET 整合 多奇數位創意有限公司 技術總監 黃保翕 ( Will 保哥 )
Ch.13 HTML網頁實作.
Lecture 2 Lecture An Introduction To The HTML Language
第 15 章 網路安全.
第一章: Java Web 开发技术概述.
XSL: Extensible Stylesheet Language
JavaScript 靜宜大學 資管系 楊子青.
第2章 网络营销工具.
網頁製作 網頁製作軟體 網頁瀏覽軟體 網頁圖像製作軟體 HTML語言 網站登錄.
視窗程式設計簡介-VB、Visual Studio
單元5-1:XSL XML的轉換語言 王豐緒 銘傳大學資工系.
課程名稱:_____________ 指導教授:_____________
本著作除另有註明外,採取創用CC「姓名標示-非商業性-相同方式分享」台灣2.5版授權釋出
CALIS资源整合服务模式探讨 ——云计算下的变革
第2章 初识Dreamweaver CS4 Adobe Dreamweaver CS4是建立Web站点和应用程序的 专业工具。它将可视布局工具、应用程序开发功能和 代码编辑支持组合在一起,其功能强大,使得各个层 次的开发人员和设计人员都能够快速创建界面吸引人 的基于标准的网站和应用程序。从对基于CSS的设计.
此簡報可能會牽涉到聽眾的討論活動,也就是所謂的執行項目。因此在進行簡報時﹐可充份利用 PowerPoint 來記錄這些執行項目:
<title> XML與XQuery ,新一代資料儲存標準 </title>
电子商务 王素凤
第三章 HTML相关技术基础知识 纵观各种动态页面开发技术,无论是JSP、ASP还是PHP都无 法摆脱HTML的影子。这些动态的页面开发技术无非是在静 态HTML页面的基础上添加了动态的可以交互的内容。HTML 是所有动态页面开发技术的基础。在接下来的章节将要详 细介绍的就是HTML相关的一系列技术,包括HTML、
第13章 CSS 通过CSS可以使用更丰富、更灵活的样式,更简单地 设计出更美观的网页。同时,也让网页的设计与维护 更有效率。CSS在网页设计中的作用尤为重要,是网 页设计师必备的知识。本章首先介绍什么是CSS、CSS 的基本语法等基础知识,接着学习利用“CSS”面板 管理规则,如何在Dreamweaver中创建与应用CSS样式.
张孝祥IT课堂 -深入体验Java Web开发内幕
第 1 章 簡介XML.
第十五章 WWW網頁的製作 計算機概論編輯小組.
動態網頁程式設計實習 主講人:徐培倫老師.
21世纪高职高专规划教材 C#语言程序设计 李继武 彭德林 主 编 张 珑 赵 松 周建辉 副主编
HTML 103 互動式網頁 助教:黃毓瑩.
W3C标准网页制作 主讲教师:张 涛.
Migrate to HTML5.
项目一 了解网站的概念 项目二 创建个人网站“鸿渐工作室” 项目三 制作“鸿渐工作室”的主页 项目四 HTML语言 项目五 制作“家乡特产”网页 项目六 制作“给我留言”网页 项目七 制作“应用技巧”网页 项目八 模板制作及应用.
陳昭珍 國立臺灣師範大學圖書資訊學研究所副教授
西南科技大学网络教育系列课程 动态网页设计(JSP) 补充 JSP操作XML文件.
第17章 PHP應用實例探討 17-1 PHP應用實例探討 17-2 圖片版的訪客計數 17-3 訪客留言簿 17-4 聊天室
教师:李金双 网页制作 教师:李金双
Presentation transcript:

XML基礎課程 5 數位芝麻網路公司 XML講師:蔡斐婷

什麼是XML? XML (Extensible Markup Language)最簡單的定義就是:「遵守特定規則的文字」。而這些規則跟HTML的規則很像,但更嚴謹一些,並加上些補強。例如:xml裡規定,每個element都要有關閉的tag。在HTML,form通常使用INPUT這個element,你常會看到像 <INPUT type=‘text’ name=‘user’ size=‘4’> 這樣的HTML語法可以被瀏覽器所接受,但在XML卻需要你將這個element關起來,可以直接在最後加上 / 告知此element是空的,來關閉此element。 <INPUT type=‘text’ name=‘user’ size=‘4’/> 或是加上一個關閉的tag <INPUT type=‘text’ name=‘user’ size=‘4’> </INPUT> 5

<name>蔡斐婷</name> <end>請多多指教</end> <?xml version="1.0" encoding="Big5"?> <Teacher> <Welcome>各位老師,大家好!我是你們XML課程的講師:</Welcome> <name>蔡斐婷</name> <end>請多多指教</end> </Teacher> 用記事本寫,存成以xml為負檔名 用ie看,如果顯示如我,恭喜你,完成一份XML的文件 15

規則&錯誤示範 一對一 <teacher> </teacher> 外面要有主要(根)的tag 不能交插用 裡面不能有限定字元 (< , >) Encoding 要 Big 5 存檔之副檔名要為xml,存檔類型要為任何檔案。 10

XML之優點 Platform independent:跨平台 Open exchange :轉換簡易,容易流通 Platform Independent RPC:跨平台遠端程序呼叫 Data Persistency:資料保值 Data Format :階層式資料結構及格式 web Pages : 應用於web基礎,wml , xml =>html Extensibility: 延展性高,不受限於過往html的規定 Flexible:因為簡單,所以支援多,增加系統彈性 10

CSS 全球資訊網協會 (World Wide Wed Consortium;W3C) 提出了串接樣式表 (Cascading Style Sheets;CSS) 規格,以提供一個將樣式從文件中分離出來的簡單模式。只要是依據這個規格的樣式表,就可以加入網頁或網站中,以設定網頁或網站中所有標籤所呈現出來的外觀或樣式。

<?xml-stylesheet type="text/css" href="HelloStyle.css" ?> <?xml version="1.0" encoding="Big5"?> <Teacher> <Welcome>各位老師,大家好!我是你們XML課程的講師:</Welcome> <name>蔡斐婷</name> <end>請多多指教</end> </Teacher>

Hellotype.css teacher { display:block; color:blue; } name{ color:red;

文件類型定義(Document type Definition,) DTD 的作用好像一本規則手冊,它允許文件作者建立相同類型的新文件,並且擁有與基底文件相同的特性。

DTD範例 <?xml version="1.0"?>  <!ELEMENT EMAIL (TO+ , FROM , CC* , SUBJECT? , BODY?> <!ELEMENT TO (#PCDATA)>    <!ELEMENT FROM (#PCDATA)>    <!ELEMENT CC (#PCDATA)>    <!ELEMENT SUBJECT (#PCDATA)>    <!ELEMENT BODY (#PCDATA)> <!ENTITY SIGNATURE "Bill">

DTD範例 <?xml version="1.0"?> <!DOCTYPE EMAIL SYSTEM "mail.dtd"> <EMAIL>  <TO>Jodie@msn.com</TO>  <FROM>Bill@msn.com</FROM>  <CC>Philip@msn.com</CC>  <SUBJECT>My First DTD</SUBJECT>  <BODY>Hello , World ! This is &SIGNATURE;. Take Care! </BODY>  <SIGNATURE>&SIGNATURE;.</SIGNATURE> </EMAIL>

XSL (Extensible Stylesheet Language)。 具樣式的XML。 是一種特別針對XML文件所建立的格式化語言,也可以說是XML的一種應用,所以XSL的架構和語法都和XML極為相似。

XSL Rich Text Format

XSL範例 <?xml version="1.0" ?> <CATALOG> <PLANT> <COMMON>Bloodroot</COMMON> <BOTANICAL>Sanguinaria canadensis</BOTANICAL> <ZONE>4</ZONE> <LIGHT>Mostly Shady</LIGHT> <PRICE>$7.05</PRICE> <AVAILABILITY USONLY="true">02/01/99</AVAILABILITY> </PLANT> </CATALOG> <?xml-stylesheet type="text/xsl" href="sample.xsl" ?>

XSL範例 <?xml version="1.0"?> <xsl:template xmlns:xsl="uri:xsl"> <HTML> <BODY> <xsl:for-each select="CATALOG/PLANT"> <DIV> <SPAN STYLE="font-weight:bold;font-size:20"> <xsl:value-of select="COMMON"/> </SPAN> </DIV> </xsl:for-each> </BODY> </HTML> </xsl:template>

XSL : Template 觀念

XSL : Template 範例 <?xml version="1.0" encoding="Big5" ?> <?xml-stylesheet type="text/xsl" href="booksample.xsl" ?> <weather type="Current conditions"> <temp>ab</temp> <wind>5</wind> </weather>

<?xml version="1.0" encoding="Big5" ?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:template match="weather"> <H1><xsl:value-of select="@type"/></H1> <xsl:apply-templates/> <HR/> </xsl:template> <xsl:template match="temp"> <LI>Temperature <xsl:apply-templates/>°F</LI> <xsl:template match="wind"> <LI>Wind <xsl:apply-templates/>mph</LI> <xsl:template match="text()"> <xsl:value-of select="."/> </xsl:stylesheet>

比較表 CSS Mozilla: Good, IE5: OK XSL Only IE5, but not complete DTD IE5: support, but turn off

Elements IE 5.0 不勝任w3c的namespace xmlns:xsl=“http://www.w3.org/1999/XSL/Transform 如果用uri:xsl便可,並且需要使用嚴謹的path指向

XML 有多受歡迎? MSXML 2.0 (IE5) MSXML 2.6 (jan 2000 preview) MSXML 3.0 XML classes in .NET beta SQL Server 2000 Java, Perl, Visual Studio.Net, Visual Basic Microsoft ActiveX Data Object 2.5 Library SOAP : XML RPC

參考書目-1 Professional Visual Basic 6 XML James Britt, Teun Duynstee, Wrox XSLT Michael Kay, Wrox Designing XML Internet Applications Michael Leventhal, David Lewis, Mattew Fuchs, Prentice Hall PTR XML The Annotated Specification Bob Ducharme, Prentice Hall PTR XML by example, building e-commerce applications Sean McGrath, Prentice Hall PTR XML APPLICATIONS XML & SOAP programming for BizTalk Server Brian E. Travis, Microsoft Press

參考書目-2 XML 新網頁語言開發手冊/知城數位科技 實戰XML第二版/Microsoft Press