Zadání samostatné práce SP1 Základy HTML. CÍL Ověřit znalosti použití základních HTML construkcí –Základní kostra –Kódování češtiny –Nastavení pozadí.

Prezentace na téma: "Zadání samostatné práce SP1 Základy HTML. CÍL Ověřit znalosti použití základních HTML construkcí –Základní kostra –Kódování češtiny –Nastavení pozadí."— Transkript prezentace:

1 Zadání samostatné práce SP1 Základy HTML

2 CÍL Ověřit znalosti použití základních HTML construkcí –Základní kostra –Kódování češtiny –Nastavení pozadí –Vytvoření hyperlinku (odkaz na jinou stránku) –Vložení obrázku –Nadpisy –Barva pozadí –Barva textu –Zalomení řádku –Oddělovací čára –Odstavec

3 Úkol Vytvořte HTML stránku podle obrázku 1 Uložte na serveru www.webzdarma.czwww.webzdarma.cz Přidejte odkaz na tuto novou stránku na vaší úvodní stránce Pošlete mail na adresu pavel.pokorny@klikni.czpavel.pokorny@klikni.cz s adresou vaší stránky, vaším jménem a třídou Do předmětu napište: SP1 a vaše jméno a třídu Např: Předmět: SP1 Jan Vopička GIV Zpráva: mujweb.unas.cz

4 Obrázek 1 (1.část) Obr 1 Velikost 50x50 Obr2 Velikost 80x100 Nadpis Odstavec 1 vlevo zarovnaný, min. 3 řádky, tučným písmem, barva písma žlutá Obr 3 200x200 Odstavec 2 vpravo zarovnaný, min. 3 řádky, každé druhé slovo kurzívou, Každé páté slovo červeně

5 Obrázek 1 (2.část) Nadpis malý Odkaz na obrázek na internetu (adresa začíná http://www.....)http://www Odkaz na obrázek lokalní ve vašem adresáři na serveru www.webzdarma.cz (adresa nezačíná http://www.....)http://www Odkaz na www stránku na internetu (adresa začíná http://www.....)http://www Odkaz na lokalní stránku ve vašem adresáři na serveru www.webzdarma.cz (adresa nezačíná http://www.....)http://www Odkaz obrázkem na obrázek Odkaz obrázkem na pdf dokument Zalomený text Něco jako vidíš zde Aspoň na 3 řádky

6 Popis obrázku Stránka bude mít světle modré pozadí Kodování windows1250 Vlevo nahoře je libovolný obrázek velikosti 50x50 Vpravo nahoře je libovolný obrázek velikosti 80x100 Uprostřed je velký nadpis Odděleno čarou Následuje odstavec se třemi řádky –vlevo zarovnaný, –tučným písmem a žlutě Pak obrázek ve prostřed, velikosti 200x200 Pak text se třemi řádky –vpravo zarovnaný, –každé druhé slovo kurzívou a každé páté slovo červeně

7 Popis obrázku Odděleno poloviční čarou Následuje malý nadpis vlevo Odkaz na obrázek na internetu Odkaz na váš lokální obrázek (obrázek nutno zkopírovat na server do vašeho adresáře) Odkaz na www stránku na internetu Odkaz na lokální stránku ve vašem adresáři na serveru www.webzdarma.cz Odkaz obrázkem na obrázek Odkaz obrázkem na pdf nebo doc dokument Zalomit 3 řádky (ne odstavce)

8 Pomůcky Stránka Jak psát web

9 Hodnocení Každý bod bude hodnocen jedním bodem Maximální počet je 20 bodů 16-20 bodů -> 1 12-15 bodů -> 2 9-11 bodů -> 3 5-8 bodů -> 4 0-4 bodů -> 5