Š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.

Prezentace na téma: "Š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."— Transkript prezentace:

1 Š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 ČÍSLO PROJEKTU:CZ.1.07/1.5.00/34.0816 DATUM TVORBY:17.8.2013

2 Anotace Tento materiál je připraven pro výuku IKT a slouží k vysvětlení tvorby internetových stránek. Je určen pro 2. ročník čtyřletého studia a 4. ročník šestiletého studia. V první části obsahuje teorii, která bude doplňována ústním výkladem učitele. Závěrečná část obsahuje otázky k procvičení Materiál je určen pro interaktivní výuku.

3 Úvod do HTML GYMNÁZIUM CHOMUTOV MARTIN JIŘIŠTĚ

4 Struktura HTML stránky dokument webu v PC nebo na serveru pouze textový dokument ve formě zdrojového kódu předepsané značky pro prohlížeč

5 Editory HTML stránky 1. Strukturní editory – upravují přímo HTML kód – je potřeba znát html kódy 2. Wysiwyg editory – What you see is what you get – Co vidíš, to dostaneš. – není potřeba znalost HTML kódu

6 Editory HTML stránky strukturní editory Notepad++ HomeSite PSPad EasyPad Notepad Wysiwyg editory Microsoft FrontPage Macromedia Dreamweaver Adobe Dreamweaver Adobe GoLive Nvu

7 HTML – značkovací jazyk HyperText Markup Language soubor značek – tagů ke značce mohou být vlastnosti – atributy párové značky např. tučný text nepárové značky např. značky lze vkládat do sebe velikost písma značky nemá vliv

8 Strukura HTML stránky začátek webové stránky konec webové stránky tělo stránky – obsah k zobrazení hlavička stránky

9 Struktura HTML stránky Zdrojový kód webové stránky Zobrazení v prohlížeči

10 Obecná syntaxe HTML Nezáleží na velikosti písem V názvu souborů se rozlišuje velikosti písmen Nepoužívají se mezery a čeština. Tagy, které prohlížeč nezná, ignoruje. Na začátku tagu nesmí být mezera. Více mezer za sebou mají stejný význam jako jedna mezera.

11 Obecná syntaxe HTML Konec řádku ve zdroji se chápe jako mezera. Hodnoty atributů je dobré dávat vždy do uvozovek, ale není to úplně nutné, pokud uvnitř nejsou mezery. Speciální znaky se zadávají jako posloupnost znaků &něco; např. pevná mezera je Poznámka se do zdroje vkládá mezi značky

12 Úkol 1. Otevřete zdrojový kód internetové stránky a určete, zda je vytvořena pomocí HTML 2. Najděte v HTML kódu hlavičku a tělo stránky 3. Určete, které údaje jsou zapsány v hlavičce. 4. Řešení odevzdejte pomocí online prostředí iTřída

13 Zdroj: 1. ROUBAL, Pavel. Informatika a výpočetní technika pro SŠ. Brno: Computer Press, a.s., 2010, ISBN 978-80-251-3227-2. 2. JANOVSKÝ, Dušan. Jak psát web [online]. [cit. 17.8.2013]. Dostupný na WWW: http://www.jakpsatweb.cz/ 3. Vlastní tvorba autora.