ZADÁNÍ SAMOSTÁTNÉ PRÁCE

Transkript

1 ZADÁNÍ SAMOSTÁTNÉ PRÁCE TÉMA: SEZNAM ŽÁKŮ SKUPINY V HTML KÓDU POPIS: vytvoř seznam spolužáků ve skupině v HTML kódu pomocí POZNÁMKOVÉHO BLOKU. Program POZNÁMKOVÝ BLOK najdeš takto tlačítko START -> Všechny programy -> Příslušenství -> POZNÁMKOVÝ BLOK. Autor řešení bude uveden vždy jako první v seznamu. Všechny záznamy vycentrujte na střed. Uveďte záhlaví a zápatí seznamu. Zpracovanou úlohu odešlete elektronickou poštou ( ) na adresu infdig@ .cz. Do předmětu napište: 7.A SEZNAM PŘÍJMENÍ. Například: 7.A SEZNAM Nováková!!! NÁPOVĚDA: při ukládání souboru v poznámkovém bloku použij volbu ULOŽIT JAKO. a soubor ulož ve formátu PŘÍJMENÍ_TŘÍDA_NÁZEV-ÚLOHY.html (příklad: Nováková_7A_seznam.html). Pozor není možné zapomenout na příponu.html!!! Přípona způsobí, že se soubor bude automaticky spouštět ve formát prohlížeče, který máte v počítači nainstalovaný (prioritní asociace). Pokud budete soubor v poznámkovém bloku upravovat (modifikovat) nechte si vždy soubor otevřený v okně a otevřete současně i soubor s příponou html pomocí prohlížeče. Pokud provedete jakékoliv změny uložete je kombinací kláves CTRL-S pak se přepněte do okna webového prohlížeče a stiskněte klávesu F5 což způsobí takzvaný refresh (znovunačtení-obnovení stránky). Webová stránka by se tak měla okamžitě aktualizovat. FORMÁT ZÁZNAMU: JMÉNO A PŘÍJMENÍ, VĚK, ULICE, MĚSTO, PSČ, PŘEZDÍVKA FORMÁT ZÁHLAVÍ: DIGITÁLNÍ TECHNOLOGIE - DOMÁCÍ SAMOSTATNÁ PRÁCE SEZNAM SPOLUŽÁKŮ FORMÁT ZÁPATÍ: ZÁKLADNÍ ŠKOLA RUMBURK U NEMOCNICE 1132/5, příspěvková organizace, RUMBURK *** *** Ukázka vlastního seznamu: Jana PAŘÍZKOVÁ, 12, Lipová 124, Chotěboř, , rybička Tomáš PAŘÍZEK, 13, Lipová 124, Chotěboř, , straka

2 Vytvoření modré čáry: <hr size="10" color="blue"> Ukázka kódu: Ahoj Pepíku <hr size="10" color="blue"> To je tlustá modrááá čááára co!!!

3 Vytvoření řádku s textem bez parametrů: Miloš KOPECKÝ, 13, Lipová 142/5, Brno, , xxxxxx Ukázka kódu: Miloš KOPECKÝ, 13, Lipová 142/5, Brno, , xxxxxx

4 Vytvoření řádku s textem (formátovaný): <font color="red" size="5">miloš KOPECKÝ, 13, Lipová 142/5, Brno, , xxxxxx </font> Ukázka kódu:

5 Jak založit nový řádek s textem (formátovaný): Použití příkazu: <br> - odřádkuje podobně jako při stisknutí tlačítka ENTER nebo <hr> - vytvoří linku (vodorovnou čáru) a automaticky odřádkuje podobně jako při Ukázka kódu 1: stisknutí tlačítka ENTER <hr><br><br><br><br> <br> <br>

6 Ukázka kódu 2: Základní škola Rumburk, U Nemocnice 1132/5, okres Děčín <font color="red" size="5">miloš KOPECKÝ, 13, Lipová 142/5, Brno, , šnek </font> <hr color="red"> <font color="black" size="5">martin MIRKO, 12, Luční 2/14, Litvínov, , straka </font> <hr color="black"> <font color="blue" size="5">jiří DANTO, 13, U Lípy 12/4, Praha, , lipkax </font> <hr color="blue">

7 Ukázka výstupu v prohlížeči INTERNET EXPLORER: :

8 : Jméno autora Bc. Hubert KINDERMANN Datum vytvoření prosinec 2012 Ročník 7. Informační a komunikační technologie Vzdělávací oblast Digitální technologie obor tematický okruh TVORBA WEBOVÉ STRÁNKY Téma název INTERNET WEBOVÁ STRÁNKA učebního materiálu Anotace Pomocí tohoto materiálu si žáci osvojují pojmy z oblasti tvorby webových stránek formátování textu.