Průvodní list Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím ICT   Vzdělávací materiál: Prezentace – zápis pro žáky Určen pro: 4. ročník oboru technické lyceum Vzdělávací oblast: Informační a komunikační technologie – Základy webových stránek v XHTML Název učebního materiálu: Odkazy - ZŽ Jméno autora: Ing. Martinková Šárka Datum vytvoření: 2.3. 2013 Reg.č. projektu: CZ.1.07/1.5.00/34.0627

Klíčová slova: soubor, kód, tag, příkaz, odkazy, absolutní, relativní, e-mail, návěští, css, styl Anotace: Vzdělávací materiál obsahuje základní příkazy odkazů ve webu a je připraven pro žáky formou prezentace jako zápis do sešitu. Metodické pokyny: Snímky prezentace najíždějí po kliknutí myši a žáci si přes promítací plátno a dataprojektor provedou zápis do sešitu. I když prezentované informace jsou obvykle snadno pochopitelné, přesto je vhodné je doplnit slovním komentářem a tím uvedenou problematiku rekapitulovat.

ODKAZY základem webu = hypertextovost internetu v textu vizuálně odlišeny pro odkaz – element a jeho atributem je href =udává, kam odkaz směřuje - podle toho : Absolutní Relativní

ABSOLUTNÍ ODKAZ odkaz do dokumentu na jiném serveru vypsat celou adresu včetně http a koncového lomítka <a href=“http://www.altavista.com/“>altavista.com</a> cílový dokument text, na který klikneme

RELATIVNÍ ODKAZ odkaz v rámci stránky = na moje stránky pokud je soubor ve stejném adresáři, stačí uvést pouze jméno souboru <a href=“pokusna.html“>pokus</a> pouze název stránky text

ODKAZ na e-mail Spustí se poštovní klient, např.přes text Napište nám a je tam zadaná adresa webmastera <a href=“mailto:webmaster@spsmost.cz“>Napište nám</a>

ODKAZ na část textu-NÁVĚŠTÍ používá se, pokud je stránka delší odkaz obsahuje a href a znak # s návěštím Část textu je pod jménem name a návěští bez znaku # <a href=“#d1“>Web není WYSIWYG</a> odkaz <a name=“d1“>Web není WYSIWYG</a> část textu

Odkaz na css styl v hlavičce programu : <link rel=“stylesheet“ href=“pozv.css“ type=“text/css“>

Definování vlastností v css stylu : a:link { color: #ff0000} běžný odkaz, co se objevuje na stránce a:visited { color: #990000} navštívený odkaz a:active { color: #00ff00} aktivní odkaz-kliknutím a:hover při najetí myší na odkaz = ještě jsme neklikli, tak se změní

Použité zdroje Kosek J.: HTML – tvorba dokonalých www stránek. Praha: Grada Publishing, spol. s.r.o., 1998. ISBN 80-7169-608 Hlavenka J. a kol.: Vytváříme www stránky a spravujeme moderní web sítě. Brno: CP Books, a.s., 2005. ISBN 80-251-0801-5