L e k c e Φ. 2 - Odkazy
1. Co jsou a k Φemu slou₧φ odkazy
Vφte, co zp∙sobilo obrovsk² rozmach Internetu a stalo se jeho st∞₧ejnφ souΦßstφ? No, p°edstavte si, ₧e mßte r∙znΘ informace, je₧ nem∙₧ete vlo₧it na jednu strßnku. Co te∩? Te∩ vytvo°φte n∞kolik r∙zn²ch strßnek a ty vzßjemn∞ propojφte odkazy. Odkaz je textov² nebo grafick² zßstupce, je₧ Vßs v okam₧iku, kdy na n∞j kliknete, p°esm∞ruje na zvolenou strßnku a ta se nßsledn∞ naΦte do okna prohlφ₧eΦe. StaΦφ pouze kliknout ....
- SRC - nastavuje cestu k odkazovanΘmu dokumentu
- TARGET - prßce s okny
- TITLE - popis odkazu
2. Zßkladnφ prßce s odkazy
Jak jsme u₧ °ekli, odkaz m∙₧e b²t textov² Φiobrazov². z toho i plyne zßkladnφ syntaxe, tedy ₧e odkaz je tvo°en pßrov²m tagem A, je₧ obklopuje zobrazenΘho zßstupce - text Φi obrßzek.
<A></A> ... ale takhle to fungovat nebude, proto₧e nenφ definovßno, co se v prohlφ₧eΦi zobrazφ a kam odkaz povede
Proto zadßme toto: <A href="stranka.html">Odkaz na strßnku</A> - zde je vid∞t ₧ivotn∞ d∙le₧it² atribut href="", je₧ udßvß adresu odkazovanΘho dokumentu. Odkaz∙ m∙₧ete mφt na strßnce, kolik chcete. Zßle₧φ na vaÜφ fantazii Φi aktußlnφ pot°eb∞. Zkuste si nßsledujφcφ p°φklad:
<BODY>"V textu m∙₧e b²t i vφce <A href="stranka.html">odkaz∙</A>. Toto je odkaz Φφslo <A href="jedna.html">jedna</A>, <A href="dva.html">dva</A>, toto pak Φφslo <A href="tri.html">t°i</A> a nakonec i <A href="4.html">Φtvrt²</A> odkaz.</BODY>
a prohlφ₧eΦ Vßm zobrazφ p°esn∞ to, co jste zadali:
|
"V textu m∙₧e b²t i vφce odkaz∙. Toto je odkaz Φφslo jedna, dva, toto pak Φφslo t°i a nakonec i Φtvrt² odkaz. |
DalÜφ mo₧nostφ je obrazov² odkaz, kter² se hojn∞ vyskytuje jako navigaΦnφ prvek nebo ve fotogaleriφch, kde klikneme na obrßzek a ten zv∞tÜφ na maximßlnφ velikost. Zßpis v tomto p°φpad∞ je skoro stejn², liÜφ se pouze vlo₧en²m obrßzkem: <A href="stranka.html"><IMG src="ikona.gif"></A> a zobrazenφ je takovΘ, jakΘ budeme i oΦekßvat:
|
POZORN╠ si prohlΘdn∞te oba dva obrßzky. Jde o stejn² obrßzek, kdy je kolem jednoho z nich zobrazen rßmeΦek. Ten ale v∞tÜinou p∙sobφ ruÜiv∞. Vypnout jej m∙₧ete tφm, ₧e tagu IMG p°idßte atribut border="0", o kterΘm jste se mohli vφce doΦφst v lekci o pou₧φvßnφ obrßzk∙.
Vφte, co se stane, kdy₧ zadßte <BODY link="green">? VÜechny vaÜe odkazy budou rßzem zelenΘ. Jak praktickΘ, ₧e? - op∞t vφce zde
3. Elektronickß poÜta z prohlφ₧eΦe
U₧ jste urΦit∞ n∞kdy vid∞li odkazy jako "NapiÜt∞!", "E-mail" Φi "Kontakt". Jak na to, abych mohl odkazovat na elektronickou poÜtu? KonkrΘtn∞ si to ukß₧eme na nßsledujφcφm p°φkladu:
<A href="mailto:neexistujici@e-mail.cz">Neexistujφcφ e-mail</A>
V prohlφ₧eΦi se z°ejm∞ zobrazφ toto:
|
|
Samoz°ejm∞, ₧e odkaz funguje, tak₧e m∙₧ete kliknout a napsat jednomu z autor∙ tΘto prezentace. Na p°φkladu vidφte, ₧e odkaz obsahuje sekvenci"mailto:". Brzy se dozvφte, ₧e na Internetu existuje mnoho slu₧eb (protokol∙) a jednou z nich je e-mail (mailto).
- http:// ..... tenhle znßte. Jde o HyperText Transfer Protocol a slou₧φ k p°enßÜenφ strßnek po Internetu.
- mailto: ... e-mailovß poÜta je provozovanß pod tφmto protokolem
- ftp:// ...... protokol pro p°enos soubor∙
- a dalÜφ mΘn∞ v²znamnΘ
4. Typy odkaz∙
Zßkladnφ znalosti jste zφskali na p°edeÜlΘ strßnce. Zßkladnφ definice odkazu byla <A href="stranka.html">odkaz</A>. Takov² odkaz vede na soubor ulo₧en² ve stejnΘm adresß°i jako aktußlnφ. Naopak odkaz <A href="adresar/stranka.html">odkaz</A> vede k souboru se stejn²m nßzvem ulo₧enΘm v podadresß°i adresar. Adresß°ovß struktura vaÜich strßnek m∙₧e b²t libovolnß, tak₧e by se mohlo objevit i nap°φklad: cz/fotografie/leto/cesko/index.html.
DalÜφ mo₧nostφ je <A href="http://www.w3c.org">W3 Consorcium</A>, kter² ovÜem vede na ·pln∞ jin² server. ZajφmavΘ je, ₧e nenφ definovßn odkazovan² soubor. V takovΘm p°φpad∞ prohlφ₧eΦ hledß soubor s nßzvem default, index Φi wellcome.
Poslednφ mo₧nostφ je odkaz na soubor jinΘho formßtu, ne₧ HTML. Odkaz bude vypadat ·pln∞ stejn∞, rozdφlnΘ bude jen chovßnφ prohlφ₧eΦe. Co ud∞lß? N∞kterΘ soubory stßhne a ulo₧φ, jinΘ otev°e Φi p°edß p°φmo aplikaci, je₧ s nimi umφ pracovat. VÜe zßle₧φ na konfiguraci operaΦnφho systΘmu. LepÜφ bude malß ukßzka - klikn∞te a uvidφte.
|
Ukßzka KryÜtof: Cosmoshop |
