Úlohy pro výuku tvorby webových stránek pomocí jazyka HTML

Trochu teorie o tvorbě webových stránek v jazyku HTML

• Web Základy HTML
• Kódy v šestnáctkové soustavě a anglické názvy barev pro vytváření webových stránek jsou zde
• Tagy používané připsaní webových stránek v jazyce HTML jsou zde
• Zápis čísel v desítkové, dvojkové a šestnáctkové soustavě pro čísla 1 - 64 je zde
• Učebnice základů jazyka HTML je zde
• Tvorba www v HTML, css. Kurz ZŠ M. Horákové z Hradce Králové je zde
• Výuka PHP, kurz ZŠ M. Horákové z Hradce Králové je zde
• Jak psát web - stránky o tvorbě, údržbě a zlepšování internetových stránek
• Symboly potřebné do webových stránek psaných v jazyce HTML jsou zde
• Tvorba webových stránek na serveru estranky.cz
• Tvorba webových stránek na serveru webnode.cz

Úlohy z tvorby webových stránek v jazyku HTML

1. Stáhni si soubor nadpisy.htm, ulož ho pod jménem kx_nadpisy_příjmení a proveď zadané úkoly. Nadpisy
2. Stáhni si soubor pismo01.htm, ulož ho pod jménem kx_pismo01_příjmení a proveď zadané úkoly. Základní řezy písma
3. Vytvoř www stránku podle . Soubor ulož jako kx_pismo02_příjmení. Nadpis, základní řezy písma
4. Vytvoř www stránku podle . Soubor ulož jako kx_pismo03_příjmení. Nadpis, základní řezy písma
5. Stáhni si soubor fonty01.htm, ulož ho pod jménem kx_fonty01_příjmení a proveď zadané úkoly. Základní řezy písma, nadpisy, fonty
6. Vytvoř www stránku podle . Soubor ulož jako kx_fonty02_příjmení. Nadpis, základní řezy písma, fonty
7. Stáhni si soubor odstavce01.htm, ulož ho pod jménem kx_odstavce01_příjmení a proveď zadané úkoly. Odstavce
8. Vytvoř www stránku podle . Soubor ulož jako kx_cary01_příjmení. Nadpis, čáry
9. Vytvoř www stránku podle . Soubor ulož jako kx_obrazky01_příjmení. Nadpis, obrázky
10. Vytvoř www stránku podle . Soubor ulož jako kx_odkazy01_příjmení. Nadpis, odkazy
11. Vytvoř www stránku podle . Soubor ulož jako kx_odkazy02_příjmení. Nadpis, odkazy, obrázky
12. Vytvoř www stránku podle . Soubor ulož jako kx_tabulka01_příjmení. V případě nouze je zdrojový text . Nadpis, tabulka
13. Vytvoř www stránku podle . Soubor ulož jako kx_tabulka02_příjmení. V případě nouze je zdrojový text . Nadpis, tabulka
14. Vytvoř www stránku podle . Soubor ulož jako kx_turnaj_příjmení. Tabulka
15. Vytvoř www stránku podle . Soubor ulož jako kx_seznamy01_příjmení. Nadpis, nečíslovaný seznam
16. Vytvoř www stránku podle . Soubor ulož jako kx_seznamy02_příjmení. Nadpis, číslovaný seznam
17. Vytvoř www stránku podle . Soubor ulož jako kx_seznamy03_příjmení. Nadpis, seznamy
18. Stáhni si soubor priklad_css01.htm, ulož ho pod jménem kx_priklad_css01.htm_příjmení. Proveď úkoly, které jsou . Výsledná úprava je . Styly css přímo ve zdrojovém textu
19. Stáhni si soubor priklad_css02.htm, ulož ho pod jménem kx_priklad_css02.htm_příjmení. Proveď úkoly, které jsou . Výsledná úprava je . Styly css pomocí stylopisu v hlavičce stránky
20. Stáhni si soubor priklad_css03.htm, ulož ho pod jménem kx_priklad_css03.htm_příjmení. Proveď úkoly, které jsou . Výsledná úprava je . Styly css napsáním stylopisu do externího souboru
21. Vytvoř jako www stránku přehled vzorečků pro výpočet obvodu a obsahu podle předlohy. Předloha je .
22. Projekt: Vytvoř www stránku - přehled vzorečků rovinných obrazců, předloha je . Obrázky vytvoř v Zoneru Callisto nebo v Malování.
23. Referát: Připrav si obrázek všeobecně známého místa na Zemi (velikost nejméně 800x600). Z obrázku v programu IrfanView vytvoř další dva obrázky s šířkou 800 a 200 pixelů. (Pozor, přípona musí být jpg, nikoli bmp!)
    Pomocí těchto dvou obrázků a informací o zvoleném místě, které najdeš na internetu, vytvoř referát o zvoleném místě. Vzor referátu je zde. Nezapomeň uvést odkazy na zdroje referátu.
24. Projekt: Připrav si 4 obrázky všeobecně známého místa na Zemi (velikost nejméně 800x600). Z obrázku v programu IrfanView vytvoř další dva obrázky s šířkou 800 a 200 pixelů. (Pozor, přípona musí být jpg, nikoli bmp!)
    Pomocí těchto osmi obrázků a informací o zvoleném místě, které najdeš na internetu, vytvoř referát o zvoleném místě. Vzor referátu je zde. Nezapomeň uvést odkazy na zdroje referátu.
25. Projekt: Vytvoř webové stránky na zvolené téma s menu a obrázky tak, aby po kliknutí na obrázek došlo k návratu na úvodní stránku. Vzor je zde.
26. Projekt: Vytvoř www stránku - oblíbené odkazy, předloha je . Obrázky si vytvoř a zmenši na rozměr 100x63 bodů v Irfanview. Odkaz by se měl aktivovat i obrázkem. Web si umísti na server www.ic.cz.