NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov

Prezentace na téma: "NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov"— Transkript prezentace:

1 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/

2 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

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

4 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ů

5 UKÁZKA ZDROJOVÉHO SOUBORU hlavni.html

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

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

8 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

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

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

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

12 Zobrazení stránky na sweb.cz

13 Citace Ilustrace: Kopie obrazovek programu Poznámkový blok – vlastní tvorba autora Kopie obrazovek internetového prohlížeče – vlastní tvorba autora