Základní škola a mateřská škola Bzenec Číslo projektu: CZ.1.07/1.4.00/21.2769 Číslo a název šablony klíčové aktivity: III/2: využívání ICT – inovace Vypracoval/a:

Prezentace na téma: "Základní škola a mateřská škola Bzenec Číslo projektu: CZ.1.07/1.4.00/21.2769 Číslo a název šablony klíčové aktivity: III/2: využívání ICT – inovace Vypracoval/a:"— Transkript prezentace:

1 Základní škola a mateřská škola Bzenec Číslo projektu: CZ.1.07/1.4.00/21.2769 Číslo a název šablony klíčové aktivity: III/2: využívání ICT – inovace Vypracoval/a: Mgr. Jana Presová Ověřil/a: Mgr. Jana Presová

2 Název výukového materiálu: Vyváříme www stránky Vzdělávací obor: výpočetní technika Tematický okruh: tvorba jednoduché webové stránky Téma: VII. Odrážky a číslování Stručná anotace: Prezentace shrnující zásady při vytváření seznamů (odrážek a číslování) na jednoduché webové stránce v poznámkovém bloku, dále pak ukazuje, jakým způsobem se dají tyto seznamy zformátovat pomocí kaskádových stylů.

3 Číslovaný seznam (ordered list) slouží k tomu tagy … začátek číslovaného seznamu … konec číslovaného seznamu jednotlivé texty píšeme mezi tagy a, čísla k položkám přidá daný prohlížeč např. v můžeme psát: Co dělají… Jean, lady Sarah … Potkali se dva … výsledek

4 Vlastnosti: U číslování můžeme nastavit: od jaké hodnoty začneme číslovat před tímto textem bude trojka typ číslování – 1, I (velká římská čísla), i, A, a před tímto textem bude A před tímto textem bude B výsledek

5 Nečíslovaný seznam (unordered list) slouží k tomu tagy … začátek odrážek … konec odrážek jednotlivé texty píšeme mezi tagy a, odrážky k položkám přidá daný prohlížeč např. v můžeme psát: Co dělají… Jean, lady Sarah … Potkali se dva … výsledek

6 Vlastnosti: U odrážek můžeme nastavit: typ odrážky puntík … disc čtvereček … square kolečko … circle před tímto textem bude čtvereček před tímto textem bude taky čtvereček výsledek

7 formátování seznamů stejně jako nadpisy a odstavce můžeme i seznamy (číslované i nečíslované) zformátovat - nastavit font, barvu, velikost, … jednoduše to stačí připsat v hlavičce do stylu a nastavit nějaký formát, např.: ol {color: green} ul {color: navy; background-color: yellow}

8 víceúrovňové odrážky nebo číslování pokud neukončíme seznam a začneme další, získáme víceúrovňové seznamy, např.: před tímto textem bude čtvereček před tímto textem bude taky čtvereček tady bude číslování, začneme jedničkou tady bude číslování, a to dvojka ještě jedna odrážka, a pak už konec

9 výsledek bude vypadat takto: