Základy XML – struktura dokumentu (včetně testových otázek) Otakar Čerba Oddělení geomatiky Katedra matematiky Fakulta aplikovaných věd Západočeská univerzita.

Slides:



Advertisements
Podobné prezentace
Dynamické dokumenty na straně klienta Informatika pro ekonomy II.
Advertisements

Štěpán Šípal Gymnázium Čakovice. Dnešní témata  Vznik XHTML a předchůdci  Základní prvky XHTML dokumentu  Tagy a atributy  Elementy a jejich druhy.
IKT PHP PHP Tvorba formuláře - 10 Mgr. Josef Nožička
Tvorba WWW stránek ÚVOD
ZÁKLADY HTML Číslo DUM: VY_32_INOVACE_04_11 Autor: Mgr. Ivana Matyášková Datum vytvoření: duben 2013 Ročník: tercie Vzdělávací obor: informační technologie.
Základní škola a mateřská škola Bzenec Číslo projektu: CZ.1.07/1.4.00/ Číslo a název šablony klíčové aktivity: III/2: využívání ICT – inovace Vypracoval/a:
Mgr. Vlastislav Kučera přednáška č. 2.  Struktura stránky  hlavička  meta tagy  titulek stránky  připojení stylů,...  CSS.
Základní struktura, metainformace
<. DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4
Základy HTML.
Jazyk HTML Název školyZákladní škola a Mateřská škola Tatenice Číslo projektuCZ Název šablony klíčové aktivity Inovace a zkvalitnění výuky pomocí.
CSS a HTML 5. HTML 5 HTML5 je nová verze specifikace značkovacího jazyka HTML, která přináší podstatné změny v technologiích webových stránek. HTML5 umožňuje.
VY_32_INOVACE_4.3.IV1.02/Ku Html dokument a jeho struktura Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/
Úvod do HTML. Co je HTML  zkratka pro HyperText Markup Language  značkovací jazyk pro hypertext  umožňuje publikaci dokumentů na internetu.
Základy html pro úplné začátečníky.
Serialization (převod) Úvod 1 SGML W3C HTML 1.x. HTML4.0 xHTML 1.0. xHTML 2.x HTML 5 (xHTML 5) HTML 4.0 xml (xHTML 1.0) xHTML je dobřé zformovaný (well-formed)
HYPERTEXT PREPROCESSOR. JAZYK PHP. Jazyk PHP (Hypertext PreProcessor) je intepretovaný jazyk určený pro web. Je celkem jednoduchý, snadno přenositelný.
Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)
Tvorba www stránek SYNTAXE ICT 4.ročník. Obsah TAGY TAGY ATRIBUTY ATRIBUTY KŘÍŽENÍ TAGŮ KŘÍŽENÍ TAGŮ VELIKOST PÍSMEN VELIKOST PÍSMEN MEZERY VE ZDROJOVÉM.
TVORBA WEBOVÝCH STRÁNEK
Číslo šablony: III/2 VY_32_INOVACE_P4_3.10 Tematická oblast: Aplikační software pro práci s informacemi II. HTML - tagy Typ: DUM - kombinovaný Předmět:
PHP – vkládání souborů a html 5
XHTML Tvorba webových stránek. Vývoj značkovacích jazyků HTML – HyperText Markup Language  Značkovací jazyk pro vytváření www stránek. Pomocí značek.
XII/2007 Gepro, spol. s r.o. Ing. Stanislav Tomeš Struktura výkresu - titulní strana Struktura výkresu WKOKEŠ.
PHP PHP – základy syntaxe (část 1) - 03 Mgr. Josef Nožička IKT PHP
Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)
Kaskádové styly Cascading Style Sheets. Využití CSS jde o jazyk pro popis způsobu zobrazení stránek napsaných v jazycích HTML, XHTML nebo XML umožňuje.
Tvorba WWW stránek HTML - XHTML Každá Internetová stránka (WWW stránka) je vytvořena pomocí programovacího jazyka HTML (Hypertext Markup Language). Každá.
KASKÁDOVÉ STYLY SYNTAXE STYLŮ PRAVIDLO DEFINUJÍCÍ STYL SE SKLÁDÁ Z NEJMÉNĚ TŘÍ ZÁKLADNÍCH ČÁSTÍ: * SELEKTOR ZNAČKY * SLOŽENÉ ZÁVORKY A V NICH JE.
Číslo projektuCZ.1.07/1.5.00/ Číslo materiáluVY_32_INOVACE_258 Název školyGymnázium, Tachov, Pionýrská 1370 Autor Ing. Roman Bartoš Předmět Informatika.
Číslo projektuCZ.1.07/1.5.00/ Číslo materiáluVY_32_INOVACE_257 Název školyGymnázium, Tachov, Pionýrská 1370 Autor Ing. Roman Bartoš Předmět Informatika.
TEXTOVÝ EDITOR.
1 PRG036 – Technologie XML Přednáší: Irena Mlýnková Martin Nečaský
Maturitní okruh 22: Úvod do HTML. Značkovací a klasické jazyky Klasické: převládá strukturovaný text (programovací kód), skripty jsou prováděny na straně.
JavaScript Podmínky, cykly a pole.
HTML, XHTML a CSS Základy jazyků značek.
Návrh a tvorba WWW Cvičení 4
CSS styly Kaskádové styly (CSS – Cascading Style Sheets) jsou prostředkem, který zajišťuje jednotný vzhled publikovaných stránek. Technologii CSS podporují.
XML Schema Irena Mlýnková. Obsah XML – úvod, příklad, základní pojmy DTD – přehled XML Schema – podrobně.
KASKÁDOVÉ STYLY 1. 2 PRVNÍ STANDARD (CSS1) BYL PŘEDSTAVEN V ROCE 1996, PROTO STARŠÍ PROHLÍŽEČE ("ČTYŘKOVÉ" VERZE) IE A NN KASKÁDOVÉ STYLY NEPODPORUJÍ.
Jazyk XML Jazyk pro tvorbu strukturovaných dokumentů Syntaxí velmi podobný HTML Hlavní cíle návrhu: Snadná editace - jazyk je textový Snadné strojové zpracování.
TYPOGRAFICKÉ PRAVIDLA
URL v HTML URL - Unique Resource Locator Příklad:
Základy syntaxe jazyka PHP PHP JE TECHNOLOGIE BĚŽÍCÍ NA SERVERU. PHP JE TECHNOLOGIE BĚŽÍCÍ NA SERVERU. Typický PHP skript obsahuje: Typický PHP skript.
Párová a nepárová značka, atributy a jejich hodnoty
Spojování řetězců Spojování řetězců Pro spojování řetězců se používá operátor Pro spojování řetězců se používá operátor. (tečka). V jiných jazycích se.
Tvorba efektních www stránek pro každého Od historie až po současnost… Úvod Porovnání Validace Prohlížeče Závěr.
Jazyk XML v geoinformatice
Kaskádové styly Cascading Style Sheets. Využití CSS jde o jazyk pro popis způsobu zobrazení stránek napsaných v jazycích HTML, XHTML nebo XML umožňuje.
PHP Programy pro tvorbu WWW stránek - 01
Mgr. Ludmila Urbášková CDV UP Olomouc Jak dostaneme MM ke studentům? Standardy HTTP, HTML (XHTML), CSS WYSIWYG editor nebo jiný editor (X)HTML Grafický.
Petr Šmíd Obsah prezentace Co je to XML ?
Podprogramy (subroutines) Pojmenované kousky programu, které –tvoří logicky ucelené části –se v programu opakují Jsou zapsány na jednom místě a v případě.
Úvod do XML S využitím materiálů z Zdeněk Žabokrtský.
HYPERTEXT PREPROCESSOR. JAZYK PHP. VYUŽITÍ JAZYKA Programování dynamických internetových stránek a webových aplikací vytvoření šablony webu kniha návštěv.
HTML stránka – vložení obrázku Gymnázium a Jazyková škola s právem státní jazykové zkoušky Zlín Tematická oblastTvorba WWW stránky v HTML Datum vytvoření2013.
Inf Webová stránka, princip HTML a CSS. Výukový materiál Číslo projektu: CZ.1.07/1.5.00/ Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím.
ŠKOLA: Gymnázium, Chomutov, Mostecká 3000, příspěvková organizace AUTOR:Mgr. Martin Jiřiště NÁZEV:VY_32_INOVACE_08C_17_uvod_do_html TEMA:Multimédia a grafika.
1 Kurz XHTML a CSS Část 1: Náš první XTHML dokument a jeho publikace na internetu.
WWW a HTML Základní pojmy Ivo Peterka.
NÁZEV ŠKOLY: Masarykova základní škola a mateřská škola Melč, okres Opava, příspěvková organizace ČÍSLO PROJEKTU: CZ.1.07/1.4.00/ AUTOR: Mgr. Vladimír.
Kaskádové styly CSS Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jitka Vlčková. Dostupné z Metodického portálu ISSN.
XML Validace.
WWW a HTML Základní pojmy Ivo Peterka.
Značkovací jazyky Začínáme.
Výukový materiál zpracován v rámci projektu
Značkovací jazyk HTML Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jitka Vlčková. Dostupné z Metodického portálu ISSN.
NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov
HTML Vojtěch novotný 9.a.
Algoritmizace a datové struktury (14ASD)
Transkript prezentace:

Základy XML – struktura dokumentu (včetně testových otázek) Otakar Čerba Oddělení geomatiky Katedra matematiky Fakulta aplikovaných věd Západočeská univerzita v Plzni Přednáška z předmětu Počítačová kartografie (KMA/POK) Datum vytvoření dokumentu: Datum poslední aktualizace:

Extensible Markup Language Jazyk Extensible Markup Language (XML) se řadí do skupiny značkovacích jazyků (markup languages), tedy metajazyků, které označují význam jednotlivých částí dokumentů a nikoli jejich vzhled – hovoří se také o tzv. samopopisných jazycích - o jazycích, které kromě vlastního dokumentu dokáží popsat i jeho strukturu. LMX

Součásti XML dokumentu Tagy Elementy Atributy Znakové a textové entity CDATA Komentáře Procesní instrukce Hlavička dokumentu

Test A Které prvky nejsou součástí XML dokumentu? B C D Tagy Koncepty Atributy Komentáře ?

Tag je značka, která umožňuje strukturování XML dokumentu. Tagy jsou uzavřeny do ostrých závorek. V dokumentech rozlišujeme počáteční a koncové tagy. Koncový tag se od počátečního liší znakem „lomítko” (/), který je umístěný bezprostředně před názvem tagu. Jména tagů a obecně jména v XML, musí začínat písmenem nebo podtržítkem. Kromě těchto znaků smí dále obsahovat čísla, tečky, dvojtečky a pomlčky. Písmena mohou kromě anglické abecedy pocházet i z množiny tzv. ideografických znaků, do kterých patří i znaky české abecedy. Mezery ani jiné znaky nejsou povoleny. Ve jménech jsou rozlišována velká a malá písmena (XML je case-sensitive).

Test A Jak může vypadat tag? B C D /tag/ (tag) {tag} ?

Test A Jak nemůže vypadat tag? B C D ?

Test A Jak vypadá koncový tag? B C D ?

Test A Jak nemůže vypadat tag? B C D ?

Elementy jsou považovány za základní kámen XML. Elementy jsou ohraničeny tagy, na rozdíl od HTML jsou ovšem striktně vyžadovány počáteční i koncové tagy. Jestliže element nemá žádný obsah, může být použit zkrácený zápis, kdy se vypustí koncový tag a lomítko se doplní za jméno elementu.

Test A Který element nemá žádný obsah? B C D element ?

Test A Musí být počáteční i koncový tag elementu zapsány stejně? B C D Musí být zcela shodné. Liší se pouze lomítkem u koncového tagu. Odlišné je lomítko a může být jiná také velikost písmen. Záleží pouze na prvním znaku, který nesmí být číslo. ?

Pro zápis elementů platí následující pravidla: I.Celý XML dokument je uzavřen do jediného kořenového elementu. II.Jednotlivé elementy musí být do sebe vnořené a nesmí se křížit.

Test A Který zápis XML dokumentu je správný? B C D aaa bbb ccc bbb ccc ?

Test A Který zápis XML dokumentu je správný? B C D CcC bbb1 CcC bbb CcC bbb ccc ?

Test A Který zápis XML dokumentu je správný? B C D aaa ?

Atributy představují doplňkovou informaci k elementům – element může obsahovat i více různých atributů. Atributy se zapisují do počátečního tagu elementu ve tvaru jméno atributu, rovnítko a hodnota atributu zapsaná do uvozovek nebo apostrofů. Text odstavce...

Test A Proč je následující zápis správný? B C D Protože se jedná o dva elementy vložené do elementu E. Protože XML je case-sensitive. Protože jeden element může obsahovat více stejných atributů. Protože oba elementy mají stejnou hodnotu. ?

Komentáře se zapisují mezi znaky. Komentáře nejsou součástí programového kódu, tzn. že nejsou zpracovávány programy. Komentáře nesmí být součástí ostatního značkování (např. nelze například „zakomentovat” atributy). Komentáře by neměly obsahovat dvojici znaků - (spojovník).

Test A Jaký komentář je správný? B C D komentář ?

Místo některých znaků (například, & ), které z nějakého důvodu nemůžeme do textu zapsat (například tvoří součást zápisu značkování), použijeme tzv. znakové entity. Konkrétně znaky pro začátek tagu (<) a začátek entity (&) se do obsahu elementu nebo atributu musí vždy zapisovat pomocí entity. Pro výše uvedené příklady platí znakové entity <, >, &. Kromě těchto tří znakových entit jsou v XML předdefinované pouze dvě další entity pro apostrofy (&apos;) a uvozovky ("). Díky tomu může text obsahovat uvozovky i apostrofy zároveň. Jako znakovou entitu lze vložit libovolný znak pomocí Unicode kódu – před vlastní kód je nutné umístit prefix, jestliže se jedná o decimální kód znak používá se prefix #, v případě hexadecimálního kódu se prefix zapisuje ve tvaru #x.

Test A Které znaky se musí zapisovat pomocí znakových entit? B C D >, <, ', &, “ >, < >, <, & <, & ?

Test A Jak zapíšete následující výraz - 1<2 - jako obsah elementu A B C D 1< <1 1<2 ?

Hlavička dokumentu (XML deklarace) tvoří první řádku XML dokumentu. Je ohraničená ostrými závorkami a otazníky. Skládá se z klíčového slova xml a povinné deklarace verze XML (version). Nepovinné jsou deklarace použitého kódování (encoding) a parametru standalone, který specifikuje možnost používání externích souborů - hodnoty tohoto parametru jsou yes (defaultní hodnota - soubor existuje sám o sobě a nepoužívá externí soubory) a no. Deklarace kódování se nemusí používat, pokud je XML soubor zapsán v UTF-8. Atributy hlavičky XML dokumentu musí být zapisovány přesně v pořadí uvedeném v následujícím příkladu.

Test A Která hlavička XML dokumentu je zapsaná správně? B C D ?

Procesní instrukce (instrukce pro zpracování, prováděcí instrukce, processing instructions, PI) představují speciální mechanismus pro přidávání nestandardních dat ke XML dokumentu. Pomocí procesních instrukcí je možné do XML kódu vložit nejrůznější stylové soubory nebo příkazy skriptovacího jazyka. Prováděcí instrukce se zapisují do špičatých závorek a otazníků -. První slovo v zápisu procesní instrukce definuje cíl příkazu....

Sekce CDATA (character data) slouží k zápisu velkých částí textu, který obsahuje speciální znaky - například výpisy programového kódu. Používáním CDATA se omezí používání znakových entit, které je dosti komplikované. CDATA se zapisují pomocí této struktury - <![CDATA[ ]]>

Kromě znakových entit existují také textové entity, které rozdělujeme na interní a externí. Interní textové entity slouží k výraznému zkrácení textu, kdy do entity můžeme uložit text, který se bude v textu často opakovat. Místo tohoto textu se pak uvede pouze název entity. Externí textové entity slouží k vložení částí kódů do XML souborů - tento mechanismus se využívá při modularizaci rozsáhlých XML dokumentů, které pak může editovat více uživatelů současně. Entity se do dokumentu vkládají pomocí sekvence &jméno_entity;. V souvislosti s entitami, také s jinými mechanismy podporujícícmi odkazování mezi dokumenty, je vhodné popsat rozdíl mezi XML souborem a XML dokumentem. Dokument zapsaný v XML může být uložen v jediném XML souboru, ale také se může skládat z několika vzájemně provázaných XML souborů. Stejně tak jeden XML soubor může být součástí několika různých XML dokumentů.

Závěr aneb kam dál... Stránky na W3C – specifikace a jiné informace W3C Schools – tutoriály XML a značkovací jazyky – prezentace na dipity.com Prezentace na Slideshare, Scribd a Prezi Zvon & Kosek – tradiční, léty prověřené české zdroje

Děkuji za pozornost a případné dotazy Podpořeno projektem FRVŠ 584/2011