Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Autorem materiálu a všech jeho částí, není-li.

Prezentace na téma: "Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Autorem materiálu a všech jeho částí, není-li."— Transkript prezentace:

1 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Michal Sonnek. Obchodní akademie a Střední odborná škola logistická, Opava, příspěvková organizace. Vzdělávací materiál byl vytvořen v rámci OP VK 1.5 – EU peníze středním školám, registrační číslo CZ.1.07/1.5.00/34.0809. Odkazy 1 5. května 2013VY_32_INOVACE_160318_Odkazy_DUM

2 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Vytvoření odkazu Obecný zápis: Název odkazu Konkrétní příklad: <a href="http://cs.wikipedia.org /wiki/UDP">UDP 2

3 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás URL v odkazech http – HyperText Transfer Protokol ROOT.CZ ftp – File Transfer Protokol LINUX file – odkaz na lokální soubor LINUX mailto – odkaz na emailovou adresu Petr Nový 3

4 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Titulek odkazu – parametr title Stručně popisuje cíl odkazu. Uživatel má lepší orientaci na stránce. Cybercult 4

5 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Jmenné odkazy v rámci jednoho dokumentu Používají se k odkazování mezi místy v rozsáhlém (X)HTML dokumentu. Obsah Kapitola 1 Kapitola 2 … Kapitola 1 … Kapitola 2 5 Mezi znakem mřížky a znakem záložky nesmí být mezera!!!

6 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Jmenné odkazy mezi HTML dokumenty Na jmenný odkaz je možné odkazovat i z jiného HTML souboru. Kapitola 1 Kapitola 2 Kapitola 1 … Kapitola 2 6

7 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Obrázkové odkazy Princip zápisu odkazu je úplně stejný, v hodnotě a href je cesta ke stránce, obrázku nebo jinému souboru. Rozdíl je v umístění tagu mezi tagy. 7

8 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Snímek v novém okně – target Help Společnost W3C odtstranila parametr target ze striktní verze (X)HTML. Je doporučeno použít JavaScript nebo Xlink. 8

9 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Otevření v novém okně Javascriptem window.open() Index.html v novém okně Nejjednodušší příklad otevření stránky v novém okně pomocí JavaScriptu. 9

10 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Základní doporučení pro zápis odkazů Textový odkaz musí být viditelně odlišen od ostatního textu. Odkaz musí být krátký – nejlépe jedno slovo nebo krátké slovní spojení. Nepoužívat celé věty. Pokud je odkaz vytvořen z obrázku, musí to být uživateli jasné. Je vhodné používat titulky, které stručně charakterizují cíl odkazu. Odkazy směřující mimo vlastní webové stránky by měly být označeny. 10

11 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Podoba a chování odkazů Pseudotřídy odkazů: link – používá se pro nenavštívený odkaz visited – definuje vlastnosti navštíveného odkazu. Dynamické pseudotřídy: hover – dynamicky se aktivuje při nastavení kurzoru na odkaz. active – k aktivaci dochází při najetí kurzoru myši a kliknutí. 11

12 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Úprava vzhledu - příklad a:visited {color:red; font-weight: bold; background-color:black; } Tato pseudotřída změní vzhled pouze navštívených odkazů 12

13 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Pseudotřídy – alternativní zápis a:link, a:visited { color: (internal value); text-decoration: underline; cursor: auto; } a:link:active, a:visited:active { color: (internal value); } 13

14 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Své znalosti si zopakujte v zde. Kvíz 14

15 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Zdroje: CASTRO, Elizabeth. HTML, XHTML a CSS: názorný průvodce tvorbou WWW stránek. Vyd. 1. Brno: Computer Press, 2007, 438 s. ISBN 978-80-251-1531-2. JIŘÍ KROUŽEK, Martin Domes. CSS: Kapesní přehled. Vyd. 1. Brno: Computer Press, 2006. ISBN 80-251-0773-6. STANÍČEK, Petr. Kompletní průvodce CSS: kaskádové styly. Vyd. 1. Brno: Computer Press, 2003, 178 s. ISBN 80-7226-872-4. GOLDSTEIN, Alexis, Louis LAZARIS a Estelle WEYL. HTML5 a CSS3 pro webové designéry. Vyd. 1. Brno: Zoner Press, 2011, 286 s. Encyklopedie webdesignera. ISBN 978-80-7413-166-0. W3C. Kaskádové styly: domovská stránka [online]. 2012-05-06, 06:20:10 [cit. 2013-05-05]. Dostupné z: http://www.w3.org/Style/CSS/Overview.cs.html 15

16 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Zdroje–cvičný příklad Zdrojové texty: – Pretty Good Privacy. http://cs.wikipedia.org [online]. 2012-10- 13 [cit. 2013-05-05]. Dostupné z: http://cs.wikipedia.org/wiki/Pretty_Good_Privacy – GNU Privacy Guard. Http://cs.wikipedia.org [online]. 2012-10- 13 [cit. 2013-05-05]. Dostupné z: http://cs.wikipedia.org/wiki/GNU_Privacy_Guard 16