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.

Prezentace na téma: "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."— Transkript prezentace:

1 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í: Reg.č. projektu: CZ.1.07/1.5.00/

2 Klíčová slova: soubor, kód, tag, příkaz, odkazy, absolutní, relativní, , 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.

3 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í

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

5 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

6 ODKAZ na Spustí se poštovní klient, např.přes text Napište nám a je tam zadaná adresa webmastera <a nám</a>

7 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

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

9 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í

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