1 Škola: Gymnázium, Brno, Slovanské náměstí 7 Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN pros...
Škola: Šablona: Název projektu: Číslo projektu: Autor: Tematická oblast: Název DUMu: Kód: Datum: Cílová skupina: Klíčová slova: Anotace:
Gymnázium, Brno, Slovanské náměstí 7 III/2 – Inovace a zkvalitnění výuky prostřednictvím ICT Inovace výuky na GSN prostřednictvím ICT CZ.1.07/1.5.00/34.0940 Lenka Šálková Digitální zpracování dat Odkazy, tabulky v HTML VY_32_INOVACE_IN.1.17 14. 1. 2013 Žáci středních škol Webová stránka, jazyk HTML, XHTML, tagy, odkazy, URL, tabulky Prezentace k hodině, ve které se probírá a procvičuje základní formátování odkazů a tabulek v HTML. Vhodné je prezentaci doplnit praktickými příklady řešenými v textovém editoru.
Odkazy a tabulky v HTML
Odkazy – URL čili adresy URL (Uniform Resource Locator) univerzální formát adresy http://www.seznam.cz/Instituce/Stredni_skoly/ Server (koho kontaktovat Schéma (přístupový protokol)
Cesta (co po něm chtít)
URL čili adresy Nejpoužívanější schémata: http WWW stránky ftp Informace dostupné prostřednictvím FTP mailto
adresy
Cesta odpovídá také cestě k souboru v systému souborů na disku
Aktivní stránky Jsou konstruovány za běhu podle požadavků klienta např. server Lupa … www.lupa.cz http://www.lupa.cz/vyhledavani/?qs=&search=Hledej&kde%5Bv sude%5D=1 Informace sloužící pro vytvoření stránky
Úkoly Chci získat z www serveru neviditelnypes.lidovky.cz stránku, ke které vede cesta astro-nejtezsi-hvezdna-cerna-dira-dl8/p_veda.asp?c=A071028_182519_p_veda_wag
Jak bude vypadat URL?
Úkoly Projděte si několik svých oblíbených serverů. Na každém si prohlédněte několik stránek a sledujte, jejich URL. A následně server zařaďte do jedné z kategorií: ● používá převážně statické stránky ● počet statických i aktivních stránek je podobný ● používá převážně aktivní stránky
Cvičení Vytvořte tři po sobě jdoucí stránky textu, uložte je do jednoho adresáře. Propojte je navzájem odkazy na následující a předcházející stranu
Cvičení Vytvořte malý receptář. Připravte stránky zhruba pro pět receptů. Každý napište na samostatnou www stránku. Dále vytvořte titulní stránku se seznamem dostupných receptů. Seznam bude obsahovat odkazy na jednotlivé recepty. Kromě toho na stránky jednotlivých receptů vložte odkazy „další “ a „předchozí“, které umožní uživateli procházet postupně jeden recept za druhým.
Odkazy na stránce Na začátku stránky je vložen odkaz: Odkaz na historii Brna Označení záložky v textu:
O historii Brna
Tabulky Dovoz
Vývoz
1.čtvrtletí 2000
273 674
256 457
1.čtvrtletí 2001
345 639
318 908
Table Row
Dovoz
vývoz
…………………………………….
Table Header
Dovoz
vývoz
1. čtvrtletí 2000
273 674
256 457
2. čtvrtletí 2001
345 369
318 908
Dovoz
Vývoz
1.čtvrtletí 2000
273 674
256 457
1.čtvrtletí 2001
345 639
318 908
Table Data
Atributy tabulky - CSS table,td,th Vlastnosti rámečku: border: solid red 2px Vlastnosti textu, zarovnávání: font-family: Arial CE, sans-serif text-align: center vertical-align A další viz. jak psát web
Velikost a sloučení buněk
Město
Časy
Příjezd
Odjezd
Město
Praha
13.05
Praha
13.15
Časy Příjezd Odjezd 13.05
13.15
Literatura: PÍSEK, Slavoj. HTML: začínáme programovat. 3., aktualiz. vyd. [i.e.] 1. vyd. Praha: Grada. ISBN 978-80-247-3117-9. PROKOP, Marek. CSS pro webdesignery: [kaskádové styly pro webdesignéry]. Vyd. 1. Praha: Mobil Media, 2003, 190 s. ISBN 80-865-9335-5. CASTRO, Elizabeth, Bruce HYSLOP. HTML5 a CSS3. Vyd. 1. Praha: Computer press, 2012, 288 s. ISBN 978-802-5137-338.
