23. Weblapkészítés-7. Weblapok elemei - Linkelés
A LINK SZEREPE A WEBEN
A link vagy hiperhivatkozás a hipertext-oldalak
nélkülözhetetlen eleme.
Olyan ugrópontot jelent, amelyre ha rákattintunk a böngésző
egy linkkel kapcsolatban levő másik oldalt vagy webtartalmat
jelenít meg. A link onnan ismerhető fel, hogy a
böngészőprogramban más színű, aláhúzott szövegként jelenik
meg, és ha e fölé visszük az egeret, a kurzor mutató
kezecskévé változik. Ez jelzi, hogy a link aktív és
kattinthatunk.
Hivatkozásokat nemcsak szövegelemekhez, hanem képi elemekhez
is rendelhetünk.
LINKEK BEILLESZTÉSE
Nyissuk meg szerkesztésre az elmúlt órán készített
webhelyünket!
Az
index.htm
oldalon a menü mezőben már alkalmaztunk hiperhivatkozásokat,
amikor a nyomógombokhoz,
vagy szöveghez oldalakat rendeltünk. Ehhez a megfelelő elem
kijelölése után ez eszköztár
Hivatkozás
beszúrása
nyomógombját alkalmaztuk. Ezután a megjelenő menüben
megadtuk a saját webhely megfelelő oldalának címét.
A hivatkozás működését a
Tervező nézetben
is ellenőrizhetjük. Ha egerünket rávisszük a megfelelő
elemre, a mappalista alatt, az állapotsor bal oldalán
megjelenik az elemhez rendelt hivatkozás. Ugyanakkor a
CTRL
billentyű
nyomva tartása mellett az elemre kattintva, a linkelt
céloldal megjeleníthető.
LINKEK KÜLSŐ WEBHELYEKRE
A linkek mutathatnak a mi webhelyünkön kívülre is: tetszőleges idegen oldalakat jeleníthetünk meg. Példaként készítsük el a Hivatkozások oldalunkat! Ezen az oldalon kedvenc webhelyeink listáját helyezzük el.
Nyissuk meg
szerkesztésre a
hivatkozas.htm
oldalunkat! Ehhez a mappalistában duplán kattintunk a
kiválasztott oldalra.
Először linkeljünk egy sima szöveget!
Írjuk be a megfelelő szöveget, majd válasszuk a
Hivatkozás
beszúrása
nyomógombot!
A
Hivatkozás
beszúrása ablak
alsó részén a cím mezőbe gépeljük be a webhely teljes
URL-jét!
Válasszuk a megjelenítés helyeként az
Új ablak
opciót!
Képhez is kapcsolhatjuk a hiperhivatkozást. Illesszünk be egy lombikot ábrázoló képet az oldalra. Ehhez rendeljük majd a kemiateszt.uw.hu webhelyet. Jelöljük ki a képet, rendeljünk hozzá hivatkozást a következő címre: http://kemiateszt.uw.hu. A megjelenítés helye legyen Új ablak.
Azt is megtehetjük, hogy az oldalra azonnal a hiperhivatkozás címét írjuk be. Amint Entert ütünk, a sor hiperhivatkozássá válik és már használható is. Ellenőrzésképpen nézzük meg a Hivatkozás tulajdonságait (ehhez jobb gombbal hívjuk el a szövegre kattintva a helyi menüt, ennek utolsó sora a Hiperhivatkozás tulajdonságai). A megjelenítés helyét itt is célszerű Új ablak-ra állítani.
Miért? A
weblapok címére történő hivatkozás az illető webhely
index-oldalát nyitja meg. Ez az ingyenes oldalakon gyakran
reklám-felületet is tartalmaz, ennek megjelenítése ha a mi
oldalunk egyik keretében történik meg, értékes
képernyő-helyet foglalna el feleslegesen.
Másrészt, ha erről az oldalról kilépünk, azt egyszerűen
bezárhatjuk.
LINKEK KÜLSŐ WEBOLDALAKRA
Gyakran előfordul, hogy nem az egész webhelyet, csak annak
egy meghatározott oldalát akarjuk megjeleníteni.
Például meg akarjuk jeleníteni a
Youtube
oldal egyik filmjét, amely Halász Judit Csiribiri című dala.
Lépések:
1. Írjunk be egy szöveget a linkeket tartalmazó oldalunkra: Halász Judit videója itt!
2. Nyissuk meg a http://youtube.com webhelyet és keressük meg a filmet tartalmazó oldalt!
3. Kattintsunk a filmet tartalmazó oldal címsorában
megjelenő URL-re, ezt másoljuk ki (CTRL+C).
adott
4. Térjünk vissza a FrontPage programhoz!
Jelöljük ki
Halász Judit videója itt!
szöveget!
5. Szúrjunk be hiperhivatkozást! A Cím mezőbe CTRL+V billenytűkombinációval illesszük be az előbb kimásolt URL-t.
6. A megjelenítés helyeként beállítjuk az Azonos keret opciót. Mivel itt csak az oldal fog megjelenni, reklámok nélkül, nem fogunk helyet veszíteni, ha azonos ablakban jelenítjük meg az oldalt.
KÖNYVJELZŐK AZ OLDALON
Könyvjelzőket akkor használunk, ha a weblap nagyon nagy, (több képernyő méretű) és több, jól elkülöníthető egységet tartalmaz. Ekkor a lap tetején egy hivatkozássort helyezünk el, majd ugyanannak a lapnak a megfelelő helyein könyvjelzőket. A hivatkozássor elemeit a könyvjelzőkhöz linkeljük.
Például álljon a bejegyzes.htm oldalunk több egységből. Egy része tartalmazzon bölcsességeket, ugyanezen oldal másik része tudományos gondolatokat, a harmadik rész idézeteket. Az oldal címe és felső hivatkozássora így néz ki:
A cím alá egy 3 oszlopból álló egysoros táblázatot illesztettem, amelynek szélessége 600 pixel. A cellák szélessége 300-pixel. Az oldal további elemeit 600 pixel szélességű, egyoszlopos táblázat tartalmazza. Külön cellában a bölcsességek, a tudományos gondolatok és az idézetek.
Ezután tegyük a kurzort a
BÖLCSESSÉGEK
cím elé, majd válasszuk a
Beszúrás menü
Könyvjelző
pontját!
A megjelenő Könyvjelző ablakban adjunk nevet a könyvjelzőnek (lehetőleg ékezetek nélkül), majd kattintsunk az OK gombra!
A kurzor helyén megjelenik egy kis zászlócska, amely jelzi a
beszúrt könyvjelző helyét. Ez a jel az
oldal
futásakor a böngészőben nem lesz látható.
Hozzunk létre ugyanígy a táblázat másik két cellájának címe
elé egy-egy könyvjelzőt! Legyen a nevük: gondolat, idezet!
Ezután jelöljük ki a hivatkozássor első elemét (bölcsességek)
és rendeljünk hozzá hivatkozást.
Mivel a könyvjelző ugyanerre az oldalra mutat, válasszuk a Hivatkozott cím listából a Dokumentum adott pontja részt! Itt megjelenik az oldalon található összes könyvjelző, kattintsunk a szükségesre, majd a Megjelenítési hely ablakban válasszuk az Azonos keret opciót. Ezután nyomjunk OK-t.
Hasonlóképpen linkeljük be a többi menüpontunkat is.
Mentés után a böngészőben ellenőrizzük a linkek működését.
Ha az oldal nagyon hosszú, célszerű az egyes egységek végéről újra visszaugrani a lap címéhez. E célból elhelyeztünk a lap címe (SZÖVEGELÉSEIM) elé egy cim jelű könyvjelzőt, és minden szövegegység végére egy Vissza feliratot. Ezeket a feliratokat linkeljük a cim könyvjelzőre. Az oldalon belüli hivatkozásrendszer így elkészült.