Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)

Prezentace na téma: "Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)"— Transkript prezentace:

1 Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111) e-mail: petr.zamostny@vscht.cz petr.zamostny@vscht.czpetr.zamostny@vscht.cz

2 Internetové publikování Jazyk HTML (XHTML)

3 N111031 Internetové publikování 2. Základy HTML (XHTML) První „WWW stránka“ »http://www.vscht.cz/kot/resources/studijni- materialy/ip-s-001/p01.htmlhttp://www.vscht.cz/kot/resources/studijni- materialy/ip-s-001/p01.html »Tato stránka obsahuje nějaký text, který se zobrazí »Obsahuje formátovací instrukce, které mohou fungovat »Ignoruje standardy a pravidla tvorby, takže funkčnost není zaručena

4 N111031 Internetové publikování 2. Základy HTML (XHTML) První správná WWW stránka »http://www.vscht.cz/kot/resources/studijni- materialy/ip-s-001/p02.htmlhttp://www.vscht.cz/kot/resources/studijni- materialy/ip-s-001/p02.html »Stránka vyhovuje standardu, takže bude fungovat ve všech prohlížečích, které jej podporují

5 N111031 Internetové publikování 2. Základy HTML (XHTML) Online zdoje informací »Specifikace XHTML 1.0 »http://www.w3.org/TR/xhtml1/http://www.w3.org/TR/xhtml1/ »http://www.zralog.cz/translate/TR/REC-xhtml1- 20020801/Overview.htmlhttp://www.zralog.cz/translate/TR/REC-xhtml1- 20020801/Overview.html »Tutorial, příklady »http://www.w3schools.com/xhtml/default.asphttp://www.w3schools.com/xhtml/default.asp

6 N111031 Internetové publikování 2. Základy HTML (XHTML) Základní komponenty HTML jazyka »Element » Příklad elementu »Počáteční tag »Obsah elementu »Ukončovací tag »„bezobsahové elementy“ »HTML 4.01: nemusí být ukončeny »XHTML: všechny elementy ukončené »Obsahem elementu mohou být další elementy »Well-formed dokumenty

7 N111031 Internetové publikování 2. Základy HTML (XHTML) Typy elementů »Blokové » … » »Inline »

8 N111031 Internetové publikování 2. Základy HTML (XHTML) Základní komponenty HTML jazyka »Atribut » Odkaz jinam »Podrobnější specifikace elementu »Zapisuje se za počáteční tag »Přiřazuje se mu hodnota vymezená "" »U jednoho tagu více atributů »Na pořadí atributů nezáleží

9 N111031 Internetové publikování 2. Základy HTML (XHTML) Zjednodušená struktura stránky »(Je skutečně zjednodušená)......

10 N111031 Internetové publikování 2. Základy HTML (XHTML) Obsah elementu head » »Název stránky v titulkovém pruhu okna prohlížeče » »Metadata dokumentu »Většinou se neinterpretují se prohlížečem, např. pro vyhledávače »S výjimkou informace o typu a kódování dokumentu Příklad 2

11 N111031 Internetové publikování 2. Základy HTML (XHTML) Obsah elementu body »Interpretace a zápis textu »Implicitní chování »Mezery, tabelátory, konce řádku se interpretují jako jedna mezera »Blokové a řádkové (inline) elementy text elementy

12 N111031 Internetové publikování 2. Základy HTML (XHTML) Elementy pro členění textu »div – oddíl »p – odstavec »span – inline blok »br – zalomení řádky (bezobsahový )

13 N111031 Internetové publikování 2. Základy HTML (XHTML) Členění textu Toto je 1. odstavec textu Toto je 2. odstavec textu Toto je 3. odstavec textu Toto je 4. odstavec textu ručně zalomený na 2 řádky  http://www.vscht.cz/kot/resources/ studijni-materialy/ip-s-001/p03.html http://www.vscht.cz/kot/resources/ studijni-materialy/ip-s-001/p03.html

14 N111031 Internetové publikování 2. Základy HTML (XHTML) Nadpisy Nadpis 1 Nadpis 2 Nadpis 3 Nadpis 4 Nadpis 5 Nadpis 6  http://www.vscht.cz/kot/resources/studijni -materialy/ip-s-001/p04.html http://www.vscht.cz/kot/resources/studijni -materialy/ip-s-001/p04.html

15 N111031 Internetové publikování 2. Základy HTML (XHTML) Formátování zdůrazněný text silně tištěný text tučný text kurzíva text dolní index text horní index zdrojové texty se zobrazují neproporcionálním písmem Obsah se zobrazí neproporcionálním písmem přesně tak, jak je v dokumentu zapsán, včetně formátovacích znaků ABC 123 456  http://www.vscht.cz/kot/resources/studijni-materialy/ip-s-001/p05.html http://www.vscht.cz/kot/resources/studijni-materialy/ip-s-001/p05.html

16 N111031 Internetové publikování 2. Základy HTML (XHTML) Rozdělení formátovacích elementů »Elementy strong a em jsou sémanticky významné, vyjadřují, že obsah je důležitý »Elementy b a i (implicitně vypadají stejně jako ty předchozí) definují vzhled bez sémantického významu

17 N111031 Internetové publikování 2. Základy HTML (XHTML) Seznamy Nečíslovaný seznam kolečko kroužek čtvereček Číslovaný seznam položka 1 položka 2 položka 3 Definiční seznam HTML HyperText Markup Language XML eXtensible Markup Language  http://www.vscht.cz/kot/resources/studijni-materialy/ip-s-001/p06.html http://www.vscht.cz/kot/resources/studijni-materialy/ip-s-001/p06.html

18 N111031 Internetové publikování 2. Základy HTML (XHTML) Grafika <img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0!" height="31" width="88" />  http://www.vscht.cz/kot/resources/studijni-materialy/ip-s-001/p07.html http://www.vscht.cz/kot/resources/studijni-materialy/ip-s-001/p07.html