NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov AUTOR: Ivana Mačková NÁZEV: VY_32_INOVACE_SADA5_INF.9.18 TÉMA: HTML – nabídkové menu ČÍSLO PROJEKTU: CZ.1.07/1.4.00/21.2609
Anotace Materiál HTML – nabídkové menu Vzdělávací obor Informatika Tematický okruh HTML – tvorba www stránek Anotace Výukový materiál slouží jako průvodce vytvořením nabídkového menu při tvorbě www stránky. Očekávaný výstup Žák se naučí, jak vytvořit nabídkové menu v html stránce. Přitom si zopakuje příkaz pro vytvoření odkazů. 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
< a href=„zdrojový soubor“> HTML – NABÍDKOVÉ MENU Při tvorbě rámů jsme vždy jeden rám pojmenovali nabídka a jeho zdrojový soubor nabidka.html. Nabídkové menu obsahuje odkazy na stránky, které se po kliknutí budou otevírat v rámu pojmenovaném hlavní. Jaký tag použijeme pro vytvoření odkazu? < a href=„zdrojový soubor“> Jaký atribut k tomuto tagu přidáme, aby se po kliknutí na odkaz otevřel zdrojový soubor v rámu pojmenovaném hlavní? target=„hlavni“ < a href=„zdrojový soubor“ target=„hlavni“>
KTERÉ TAGY PŘI TVORBĚ HTML DOKUMENTU POUŽIJETE? ÚKOL: Vytvořte nabídkové menu, které bude obsahovat odkazy níže uvedené. Soubor uložte pod názvem nabidka.html. O mně Hry Sport Hudba Filmy Knihy KTERÉ TAGY PŘI TVORBĚ HTML DOKUMENTU POUŽIJETE? <html>, <head>, <title>, <body>, <a href=„“ target=„“>, <br>
Hotový zdrojový soubor nabidka.html.
Zobrazení souboru nabidka.html v prohlížeči. Nyní otevřete v prohlížeči soubory index.html, index2.html a index3.html.
index.html v prohlížeči
index2.html v prohlížeči
index3.html v prohlížeči
ÚKOL: Upravte soubor nabidka ÚKOL: Upravte soubor nabidka.html pro zobrazení ve vodorovném nabídkovém rámu. Pro oddělení odkazů vedle sebe použijeme entitu pro mezeru 5 mezer za sebou
Zobrazení souboru index.html s vodorovným menu.
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