Stáhnout prezentaci
Prezentace se nahrává, počkejte prosím
1
Odkazy Pomocí odkazu se lze pohybovat mezi stránkami. Cílem může být další stránka nebo identifikátor na aktuální stránce. Pomocí odkazu se lze pohybovat mezi stránkami. Cílem může být další stránka nebo identifikátor na aktuální stránce. Odkazy jsou na stránce většinou označeny barevně a podtrženy. Odkazy jsou na stránce většinou označeny barevně a podtrženy. Pokud se na odkaz najede kurzorem myši, změní se kurzor myši na kurzor znázorňující ruku nebo se odkaz barevně změní. Pokud se na odkaz najede kurzorem myši, změní se kurzor myši na kurzor znázorňující ruku nebo se odkaz barevně změní.
2
Odkazy Odkazy se zapisují pomocí značky, která má povinný parametr href nebo name. Odkazy se zapisují pomocí značky, která má povinný parametr href nebo name. Parametr href určuje cíl odkazu. Jako cíl se zadává URL adresa dokumentu (absolutní nebo relativní). Parametr href určuje cíl odkazu. Jako cíl se zadává URL adresa dokumentu (absolutní nebo relativní). Parametr name určuje odkaz na část dokumentu, která je označena tzv. návěštím. Parametr name určuje odkaz na část dokumentu, která je označena tzv. návěštím. Text nebo obrázek vložený mezi značky a se zobrazí na monitoru Text nebo obrázek vložený mezi značky a se zobrazí na monitoru
3
Odkaz – na jiný soubor Zápis relativní cesty k odkazu: Zápis relativní cesty k odkazu: Mechanizace a služby Mechanizace a služby Zápis absolutní cesty k odkazu: Zápis absolutní cesty k odkazu: SOŠ VMZ SOŠ VMZ http – protokol přenosu www – služba soscb.cz - doména
4
Odkaz na část dokumentu Odkaz na záložku skoda Odkaz na záložku skoda V daném dokumentu musí být definováno návěští V daném dokumentu musí být definováno návěští Automobil Seat Automobil Seat Automobil Opel Automobil Opel Automobil Škoda Automobil Škoda Automobil Fiat Automobil Fiat
5
Odkaz na e-mail Tento typ odkazu bude fungovat pouze v tom případě, když na daném počítači bude zprovozněn nějaký e -mailový klient. Tento typ odkazu bude fungovat pouze v tom případě, když na daném počítači bude zprovozněn nějaký e -mailový klient. E-mail E-mail Odkaz na e-mail novak@soscb.cz E- mail E- mail Odkaz na e-mail novak@soscb.cz s vyplněným subjektem
6
Odkaz a CSS Změna vlastností odkazu lze provést pomocí CSS. Změna vlastností odkazu lze provést pomocí CSS. Obr. 3 Obr. 2 Obr. 1
7
Odkaz a CSS Vysvětlení jednotlivých položek CSS. a {font-size: 20px; - velikost písma 20 px color: red; - barva písma červená color: red; - barva písma červená background-color: yellow; - barva pozadí žlutá background-color: yellow; - barva pozadí žlutá text-align: center; - zarovnání textu na střed text-align: center; - zarovnání textu na střed text-decoration: none; - odebrání podtržení odkazu text-decoration: none; - odebrání podtržení odkazu display: block; - nastavení na blokovou značku display: block; - nastavení na blokovou značku width: 100px; - šířka bloku 100 px width: 100px; - šířka bloku 100 px margin-bottom: 2px;} - šířka spodního vnějšího okraje 2 px margin-bottom: 2px;} - šířka spodního vnějšího okraje 2 px a:hover {background-color: silver;} – odkaz nad nímž se nachází kurzor myši, změna barvy na šedou
8
Otázky k opakování 1. Jaká značka se používá pro odkaz? 2. Jaké parametry může mít značka pro odkaz? 3. Co je to návěští? 4. Jak zajistíte, aby se odkaz zobrazil na monitoru?
9
Použité zdroje BLÁBOLIL, R. Informační a komunikační technologie. 3. rozšířené vydání. České Budějovice: KOPP, 2011. BLÁBOLIL, R. Informační a komunikační technologie. 3. rozšířené vydání. České Budějovice: KOPP, 2011. BLÁBOLIL, Roman. Www.blabik.cz: Podpora výuky: „Tvorba www stránek“ [online]. 7. února 2013 11:30. Dostupný z WWW: http://www.blabik.cz/vyuka/ict/35_Tvorba_WWW_stranek.pdf http://www.blabik.cz/vyuka/ict/35_Tvorba_WWW_stranek.pdf Použité obrázky: Vlastní
Podobné prezentace
