Prezentace se nahrává, počkejte prosím

Prezentace se nahrává, počkejte prosím

Aplikace XML pro Internet Kateřina Ježková, Jaroslav Ráček.

Podobné prezentace


Prezentace na téma: "Aplikace XML pro Internet Kateřina Ježková, Jaroslav Ráček."— Transkript prezentace:

1 Aplikace XML pro Internet Kateřina Ježková, Jaroslav Ráček

2 Osnova semináře Co je to XML Kontrola dokumentu pomocí DTD Styly pro XML (CSS a XSLT) WML XHTML MathML

3 Standard XML XML (eXtensible Markup Language) vznikl v devadesátých letech jako podmnožina jazyka SGML (Standard Generalized Markup Language) Ze SGML byla vyčleněna jeho nejpoužívanější část Syntaxe XML je přísnější než syntaxe obecnějšího SGML, což umožňuje snazší vývoj aplikací Jako znaková sada je v XML podporována 32bitová ISO 10646, která bez problémů pokrývá všechny znaky současných jazyků

4 Zásady pro tvorbu XML dokumentů Nekřížit tagy Uzavírat párové tagy Párový tag: … Nepárový tag:

5 DTD Při dodržení syntaktických pravidel, může být obecný XML dokument vytvořen za použití libovolných elementů Vznikají tak nové značkovací jazyky, které jsou podmnožinami obecnějšího XML. Jazyk může být popsán pomocí tzv. Definice Typu Dokumentu (DTD), která obsahuje sadu povolených elementů, jejich atributů a popis vzájemných vztahů, v nichž mohou být jednotlivé elementy použity.

6 Výhody používání DTD Strukturu můžeme kontrolovat pomocí parseru. Pro spoustu standardních DTD existuje množství již vytvořených nástrojů, které můžeme pro daná DTD s úspěchem použít.

7 Struktura DTD Jazyk, v němž jsou jednotlivá DTD psána, je rovněž odvozen od XML. Vlastní DTD pak lze rozdělit do čtyř základních částí. Jsou to: deklarace elementů deklarace atributů deklarace entit deklarace notací

8 Deklarace elementu > obsah_elementu>>> Příklad:

9 Deklarace atributů > >> Příklad: Užití:

10 Způsoby připojení DTD k dokumentu ]>...

11 Styly a XML Styly se používají v případě, kdy chceme oddělit obsah dokumentu od jeho vzhledu. Více stylů pro jeden dokument Jeden styl pro více dokumentů

12 Styly a XML Stylových jazyků, které lze použit pro formátování XML dokumentů je poměrně velké množství. Vedle CSS (Cascading Style Sheets) a XSL (eXtensible Stylesheet Language) například ještě DSSSL nebo FOSI.

13 Připojení stylu k dokumentu >” type=” >”?> Příklad:...

14 CSS Cascading Style Sheets = kaskádové styly JavaScript + CSS = DHTML CSS nejlépe podporuje IE 6

15 Způsob zápisu CSS (1) 1.přímý styl (in-line) - zápis stylu přímo u formátovaného elementu obecně: příklad: Modrý text na žlutém pozadí velikosti 12, platí pouze pro tento text

16 Způsob zápisu CSS (2a) 2.pomocí stylopisu (stylesheet) - seznam stylu mezi tagy a v hlavičce stránky obecně: selektor1 {vlastnost1:hodnota1[;hodnota2][další hodnoty]; vlastnost2:hodnota2... } selektor2 {vlastnost1:hodnota1[;hodnota2][další hodnoty]; vlastnost2:hodnota2... }.

17 Způsob zápisu CSS (2b) příklad: p {color:blue; background-color:yellow; font-size:12pt} Modrý text na žlutém pozadí velikosti 12, platí mezi každými tagy " a ".

18 Způsob zápisu CSS (3a) 3.zápis stylu do externího souboru s příponou.css obecně: selektor1 {vlastnost1:hodnota1[;hodnota2][další hodnoty]; vlastnost2:hodnota2... } selektor2 {vlastnost1:hodnota1[;hodnota2][další hodnoty]; vlastnost2:hodnota2... }. selektor = html tag/tag:pseudotřída/vlastní třída/identifikátor

19 Způsob zápisu CSS (3b) Příklad: soubor muj_styl.css: p {color:blue; background-color:yellow; font-size:12pt} HTML soubor: Modrý text na žlutém pozadí velikosti 12, platí mezi každými tagy " a ".

20 Pseudotřídy Jediný tag a má svoje pseudotřídy (různé stavy). Stylopis muže vypadat takto: a {text-decoration:none}... text odkazu nebude podtržený a:link {color:red}... nenavštívený odkaz bude červený a:active {color:yellow}... odkaz na který se zrovna kliklo bude žlutý a:hover {color:blue;text-decoration:underline}... odkaz, přes který jede myš bude modrý a podtržený a:visited {color:green}... navštívený odkaz bude zelený

21 Vlastní třídy (1).mojetrida{font-weight:bold;color:blue;text-align:center} Tučný modrý text zarovnaný na střed Normální text

22 Vlastní třídy (2) Tečka před jménem třídy je důležitá! Atribut class je možné použít u libovolného tagu. Párové tagy a se používají, pokud je potřeba formátovat text, který není omezen žádným tagem. Uvnitř odstavce se používá, u textu obsahujícího více odstavců.

23 Identifikátory Chovají se podobně jako třídy. V těle dokumentu by se měl vyskytovat jeden element s jedním identifikátorem jen jednou. Rozdíly mezi třídami a identifikátory jsou znatelné ve skriptech. #mujid{font-weight:bold;color:blue;text-align:center} Tučný modrý text zarovnaný na střed Normální text

24 Další deklarace Hromadná deklarace pro více selektorů najednou h1, h3, p {color:black} Oddělovací čárka je důležitá. Pokud je nepoužijeme jedná se o kontextovou deklaraci p a {font-weight:bold} Tato deklarace určuje, že všechny odkazy uvnitř odstavce budou tučným písmem. Normální nadpis normální odkaz Normální text Tučný odkaz

25 XSL eXtensible Stylesheet Language Syntaxe XSL založena na XML Pro transformaci XML dokumentů je určeno XSLT (XSL Transformations). Pro abstraktní popis vzhledu dokumentu jsou určeny XSL formátovací objekty.

26 XSLT Základními stavebními kameny XSLT jsou šablony: >”> > Příklad: >”>

27 XSLT dokument >

28 WML WAP = Wireless application protocol WML = Wireless Markup Language Soubor obsahující wml se nazývá deska (angl. DECK), obsahuje jednu nebo více karet (CARD), které se na displeji mobilního telefonu zobrazují jako jednotlivé stránky.

29 WML soubor WML soubor musí obsahovat následující řádky, definující typ dokumentu: Poté následují wml tagy: Prvni pokusna karta

30 WML tagy (1) Formátování textu tučné italic podtržené malé velké silné kurzíva nový odstavec nepárový tag sloužící k zalomení řádku Komentáře Odkazy Odkaz na wapway.cz

31 WML tagy (2) Navigace mezi kartami Prvni karta. Muzete skocit se podivat i na druhou. Jestli se Vam nelibi, vratte se na prvni.

32 WML tagy (3) U každé karty je možné použít tag ve kterém lze definovat několik akcí, které se provedou buď vzbráním položky z menu, nebo stiskem speciální klávesy. nejake akce accept... uživatel musí něco akceptovat prev... skok na předchozí wml stránku

33 WML tagy (4)

34 WML tagy (5)... skok na předchozí stránku, funguje jako tlačítko zpět... skok na kartu nebo URL Pokud chceme u všech karet ve wml souboru používat stejnou akci, například návrat na původní stránku, můžeme použít tag, který je dobré umístit před začátkem první karty.

35 WML tagy (6)

36 České znaky ve WML (1) Český text na displeji telefonu: Růžovoučká kytička nebo žluťoučké přáníčko. Zdrojový kód vypadá takto:

37 České znaky ve WML (2) ě ě Ě Ě š š Š Š č č Č Č ř ř Ř Ř ž ž Ž Ž ý ý Ý Ý á á Á Á í í Í Í é é É É ú ú Ú Ú ů ů Ů Ů ó ó Ó Ó ť ť Ť Ť ň ň Ň Ň ď ď Ď Ď

38 České znaky ve WML (3) České znaky ve WML nahrazujeme entitami. Pro usnadnění práce můžeme použít konvertor. On-line konvertor naleznete například na adrese

39 Obrázky - ve formátu WBMP - pouze dvoubarevné o maximální velikosti 94x52 pixelů - vkládání do wml stránky pomocí tagu s atributy: src, alt, width, height, hspace, vspace, align obdobně jako v HTML Stránka s obrázkem

40 Tabulky (1) Stejně jako v HTML se vkládají tagem s povinným atributem columns, který určuje počet sloupců. Tabulky není vhodné používat, nepodporují je všechny prohlížece. Příklad: a b c d

41 Tabulky (2)

42 Tabulky (3). c d

43 XHTML eXtensible HyperText Markup Language Jazyk podobný HTML a WML. Asociace WAPForum ve verzi WAP 2.0 přechází na jazyk XHTML, který má podstatně širší možnosti než WML.

44 Rozdíly mezi XHTML a HTML (1) XHTML je aplikací XML, kdežto HTML vychází z SGML Velikost písmen, používaných v jednotlivých elementech HTML... je to jedno XHTML... trvá na zápisu malými písmeny Křížení tagů HTML... většina prohlížečů zobrazí i tagy ve špatném pořadí. XHTML... křížení je nepřípustné např.: Kurzíva tučná je v XHTML špatně, ale v HTML to nevadí. Správně v XHTML: Kurzíva tučná

45 Rozdíly mezi XHTML a HTML (2) Rozšiřitelnost HTML... složitější a neefektivní XHTML... snadná Struktura hlavní části dokumentu HTML... může obsahovat jen samotný text a prohlížeč jej zobrazí XHTML... musí obsahovat všechny tyto prvky, pokud ne, prohlížeč stránku nezobrazí

46 Rozdíly mezi XHTML a HTML (3) Nepárové tagy HTML... zápis bez lomítka např XHTML... zápis s lomítkem na konci Hlavička definující typ dokumentu HTML... Nepovinná XHTML... povinná, jsou 3:

47 MathML Aplikace XML (podobně jako XHTML nebo WML) Podpora konsorcia W3C => velká šance na uchycení ve světě WWW. Dva způsoby zápisu: prezentační (vzhled) sémantický (význam)

48 x 2 + 4x + 4 = 0 pomocí prezentačních tagů: x ⁢ x + 4 = 0

49 x 2 + 4x + 4 = 0 pomocí sémantických tagů: x 2 4 x 4

50 Ukázka exportu neurčitého integrálu z Maple 7: > restart; > with( MathML ): > v := Int(sqrt(x),x); :=vd     xx > Export( v ): > XMLTools:-Print( % );

51 ∫ x ⁢ ⅆ x

52 x x Int(x^(1/2),x)

53 WWW odkazy /


Stáhnout ppt "Aplikace XML pro Internet Kateřina Ježková, Jaroslav Ráček."

Podobné prezentace


Reklamy Google