Stáhnout prezentaci
Prezentace se nahrává, počkejte prosím
1
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/
2
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
3
< 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“>
4
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>
5
Hotový zdrojový soubor nabidka.html.
6
Zobrazení souboru nabidka.html v prohlížeči.
Nyní otevřete v prohlížeči soubory index.html, index2.html a index3.html.
7
index.html v prohlížeči
8
index2.html v prohlížeči
9
index3.html v prohlížeči
10
Ú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
11
Zobrazení souboru index.html s vodorovným menu.
12
Citace Ilustrace: Kopie obrazovek programu Poznámkový blok – vlastní tvorba autora Kopie obrazovek internetového prohlížeče – vlastní tvorba autora
Podobné prezentace
