NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov AUTOR: Ivana Mačková NÁZEV: VY_32_INOVACE_SADA5_INF.9.19 TÉMA: HTML – vytvoření jednoduché www stránky ČÍSLO PROJEKTU: CZ.1.07/1.4.00/21.2609

Anotace Materiál HTML – vytvoření jednoduché www stránky Vzdělávací obor Informatika Tematický okruh HTML – tvorba www stránek Anotace Výukový materiál je průvodcem k vytvoření jednoduché webové stránky pomocí html příkazů. Očekávaný výstup Žák vytvoří jednoduchou www stránku (hlavičku, nabídku a hlavní okno s úvodem) a umístí ji na veřejný web. Zdokonaluje se v používání html příkazů. Druh učebního materiálu Prezentace Stupeň a typ vzdělávání Základní vzdělávání – druhý stupeň, 9. ročník

HTML – VYTVOŘENÍ JEDNODUCHÉ WWW STRÁNKY Využijeme hlavní soubor index2.html, kde jsme si nadefinovali rámy. Nabídkové menu jsme vytvořili také – je to soubor nabidka.html. Pro rám hlavička vytvoříme soubor hlavicka.html. V rámu hlavní bude zobrazen soubor hlavni.html.

JAK BUDEME POSTUPOVAT Vytvoříme si složku s názvem např. WEB. Složka WEB bude obsahovat: zkopírované soubory index2.html, nabidka.html soubory hlavni.html a hlavicka.html, které vytvoříme zdrojové soubory odkazů v nabídkovém menu (omne.html, hry.html, ….) obrázky či jiné dokumenty potřebné k vytvoření souborů

UKÁZKA ZDROJOVÉHO SOUBORU hlavni.html

UKÁZKA ZDROJOVÉHO SOUBORU hlavicka.html V hlavičce může být umístěno nějaké logo, které si vytvoříme např. v malování, nebo stažená textura, apod..

A takto může vypadat pak zobrazení souboru index2.html v prohlížeči.

UMÍSTĚNÍ VYTVOŘENÝCH STRÁNEK NA WEBHOSTING Před umístěním našich stránek na webhosting přejmenujeme index2.html na index.html. Možnosti umístění stránek www.sweb.cz www.ic.cz

SWEB.CZ Po přihlášení se objeví okno, v němž klikneme na správce souborů.

Po otevření správce souborů klikneme na Nahrát soubory.

Po nahrání všech souborů vidíme jejich názvy s ikonami. Nyní naše stránky mají veřejnou adresu a kliknutím na zelený odkaz si je zobrazíme.

Zobrazení stránky na sweb.cz

Citace Ilustrace: Kopie obrazovek programu Poznámkový blok – vlastní tvorba autora Kopie obrazovek internetového prohlížeče – vlastní tvorba autora www.office.microsoft.com www.office.microsoft.com