Základní škola a mateřská škola Bzenec Číslo projektu: CZ.1.07/1.4.00/ Čí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á
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: IX. Procvičování – tabulky Stručná anotace: Prezentace sloužící k zopakování základních tagů při vytváření jednoduché webové stránky v poznámkovém bloku, procvičuje vkládání tabulek na webovou stránku a také jejich úpravu (slučování buněk, formátování pomocí kaskádových stylů,...).
V poznámkovém bloku si vytvoř následující www stránku (ulož jako ukol9.htm): Tabulky
do stylu připiš nějaké nastavení formátu stránky (stačí barva písma a pozadí) v vytvoř tabulku jako je na obrázku (rámeček má šířku 2px, šířka tabulky je 400px): pod tabulku vlož dva prázdné řádky a pak tam zkopíruj znovu celou tabulku, na prvním řádku místo 4buněk bude jen jedna a v ní bude napsáno formy srážek Výsledek:
u druhé tabulky změň: – tloušťku rámečku na 10px – šířka tabulky na 70% – pomocí tagu cellpadding nastav mezery mezi textem a rámečkem ve stylu nastav pro tabulku: – barvu pozadí (jiné než stránky) – barvu rámečku – typ rámečku – formát písma mezi tabulky vlož nadpis 1. úrovně, ve kterém bude napsáno: Moje upravená tabulka
pod druhou tabulku vlož dva prázdné řádky, dále tam vlož nadpis 1. úrovně, ve kterém bude napsáno: Moje další upravená tabulka pod nadpis znovu zkopíruj první tabulku a u této třetí tabulky změň: – tloušťku rámečku na 20px – šířka tabulky na 50% – pomocí stylu jen u této tabulky nastav jiný typ rámečku kolem tabulky Ulož a odevzdej!