Hiperhivatkozás létrehozása KompoZerrel

Az a képesség, hogy egy olyan dokumentumban linket hozzon létre, amely egy másik dokumentumba visz, talán egy olyan hálózaton, amely félúton van a világon, vitathatatlanul az egyetlen legfontosabb oka annak, hogy a világhálót feltalálták. Ezek a hivatkozások, a hiperhivatkozások, a "H" a HTML - HyperText Markup Language. Hiperhivatkozások nélkül a web nem lenne nagyon hasznos. Nem lenne keresőmotor, közösségi média vagy banner hirdetés (rendben, legtöbben meg tudnánk állni, hogy lássuk őket).

Amikor saját weboldalakat készítesz, hiperlinkeket szeretne létrehozni, és a KompoZer olyan eszközökkel rendelkezik, amelyek megkönnyítik bármilyen típusú linkek hozzáadását. Az ebben a bemutatóban bemutatott mintaoldal négy kategóriába tartozó egyéb weboldalakat, ugyanazon weboldal más részeit, valamint e-mail üzenetet indít. Kezdjük egy címsorral és négy H3 fejléccel minden kategóriában. A következő oldalon néhány linket adunk hozzá.

01/05

Hiperhivatkozás létrehozása KompoZerrel

A KompoZer hiperhivatkozású eszközei az eszköztár Link gombjára kattintva érhetők el. Hiperhivatkozás létrehozása:

1. Helyezze a kurzort arra az oldalra, ahová a hiperhivatkozás megjelenik.
2. Kattintson az eszköztár Link gombjára. Megjelenik a Kapcsolat tulajdonságai párbeszédpanel.
3. Az első mező kitöltése a Link Text mező. Írja be a szöveget, amelyet meg szeretne jeleníteni az oldalán a hiperhivatkozásnál.
4. A második mezõ, amelyet ki kell töltenie, a Link Hely mezőben. Adja meg annak az oldalnak az URL-jét , amelyet a hiperhivatkozás a felhasználó kattintásakor veszi fel. Jó ötlet másolni és beilleszteni az URL-t a böngésző címsorából. Sokkal kevésbé valószínű, hogy így hibát követ el, és legalább a hivatkozás létrehozásakor tudod, hogy az oldal életben van, és ez a kapcsolat nem sérül meg.
5. Kattintson az OK gombra, és a Kapcsolat tulajdonságai párbeszédpanel bezárul. A link az oldalon megjelenik.

A legtöbb böngészőben a hivatkozás alapértelmezés szerint kék aláhúzott szöveggel jelenik meg. Alkalmazhatja saját stílusait hiperhivatkozásokra a KompoZerrel, de mostantól fogva ragaszkodunk az alapvető hiperlinkhez. Jó ötlet az oldal megtekintéséhez egy webböngészőben, és kattintson a linkekre, hogy megbizonyosodjon róla, hogy működnek.

02. 05. sz

Anchor összeköttetés létrehozása KompoZerrel

Van egy másik típusú hiperhivatkozás, amely egy ugyanazon weboldal másik részébe visz, amikor rákattint. Ezt a hiperlinket horgonyzó hivatkozásnak nevezik, és az oldal azon területét, amelyet az adott hivatkozásra kattintva vittek el, horgonynak hívják. Ha valaha is használta a "Vissza a tetejére" linket egy weboldal alján, akkor rákattint egy linkre egy horgonyra.

A KompoZer lehetővé teszi olyan horgonyok létrehozását, amelyekhez az eszköztáron található Horgony eszközzel hivatkozhat.

1. Kattintson arra az oldalra, ahol horgonyozni szeretne. Azaz, ahol azt szeretné, hogy az oldalnézegető rákattintson a horgony linkre. Ebben a példában rákattintottam a kedvenc zeneszám fejlécében lévő "F" -re.
2. Kattintson az eszköztár Horgony gombjára. Megjelenik a Named Horgony tulajdonságai párbeszédpanel.
3. Minden egyes horgonynak egyedi névre van szüksége. Ehhez a horgonyhoz a "zenét" használtam.
4. Kattintson az OK gombra, és látnia kell, és a horgony szimbólum megjelenik azon a ponton, ahol a horgonyt akarta. Ez a szimbólum nem jelenik meg a weboldalán, így a KompoZer megmutatja, hol vannak a horgonyai.
5. Ismételje meg az eljárást az oldal egyéb területeire vonatkozóan, ahol a felhasználóknak lehetősége van ugrani. Ha sok a szöveg az oldalon, amelyet külön fejezetek vagy más logikai osztók választanak el, a horgonyok egyszerűen navigálhatnak egy oldalt.

Ezután hozzuk létre azokat a hivatkozásokat, amelyek az olvasót az elkészített horgonyokhoz viszik.

03. oldal, 05. o

Az oldal navigáció létrehozása KompoZerrel

Most, hogy horgonyai vannak az oldalán, hozzuk létre azokat a hivatkozásokat, amelyek hivatkozásokként szolgálnak a horgonyokhoz. Ehhez a bemutatóhoz egy 1 soros, 4 oszlopdiagramot készítettem az oldal felső fejléce alatt. Minden táblázatos cella ugyanazt a szöveget tartalmazza, mint a kategória fejlécének egyikét, amely az oldalakon található hivatkozások elválasztására szolgál. Mindegyik táblázatban a szöveget a megfelelő horgonyhoz kapcsoljuk.

04. 05. sz

Hyperlinkek létrehozása a KompoZer-hez

Most, hogy a horgonyaink vannak a helyükön, és a szöveg, amelyet használni fogunk az oldalsó navigációhoz, az egyszerű szövegrészeket összekapcsolhatjuk. A Link gombot újra használni fogjuk, de ezúttal kicsit másképp fog működni.

1. Válassza ki azt a szöveget, amelyet egy hivatkozássá kíván tenni. Ebben a példában kiválasztam a "Favorite Music" szöveget, amely az első táblázatcellában található az oldal tetején.
2. Kattintson az eszköztár Link gombjára. Megnyílik a Link tulajdonságai párbeszédpanel.
3. Ebben az esetben a szöveget kijelöltük, mielőtt rákattintunk a Link gombra, ezért az ablak Linkszöveg része már kitöltött, és nem szerkeszthető. Kattintson a lefelé mutató nyílra a Link helye részben. Az előző lépésekben létrehozott horgonyok listáját láthatja. Ebben a példában a #music horgonyt választom.
4. Kattintson az OK gombra. A navigációs sáv "Kedvenc zeneszám" szövege olyan hivatkozássá válik, amely a megtekintő számára az oldal azon részéhez ugrik, amikor rákattint.

Észre fogja venni, hogy a legördülő menü minden egyes megnevezett horgonya előtt "#" jel van. Így hozhat létre egy linket egy HTML horgonyhoz. A horgonynév elé a "#" jelzi a böngészőnek, hogy ez a hivatkozás egy másik helyre visz ugyanazon az oldalon.

05. 05

Hiperhivatkozás létrehozása egy képből KompoZerrel

Tudta, hogy létrehozhat egy linket a képekből és a szövegből? A KompoZer lehetővé teszi ezt néhány kattintással. Itt beillesztettem egy kis ikonképet, amely felfelé mutató nyíllal és a "TOP" szöveget tartalmaz az oldal alján. Ezt a képet hivatkozásként fogom használni, hogy visszaugorjak az oldal tetejére.

1. Kattintson a jobb egérgombbal egy képre, és válassza a Kép és a hivatkozás tulajdonságait a környezet címkéjéből. Megnyílik a Kép tulajdonságai párbeszédpanel.
2. A Hely fülön megjelenik a kép és a bélyegkép nézet már be van töltve. Adjon meg néhány szöveget az Alternate szövegmezőbe. Ez az, ami akkor jelenik meg, ha az egeret a kép felett mozgatja, és azt is, amit egy képernyőolvasó olvasható, amikor a látássérült személy elolvassa a weboldalt.
3. Kattintson a Link fülre. Itt választhat a horgony a menüből, akárcsak a horgony linkekkel. Valójában ezt a képet horgonyként használják. Kiválasztottam a #Links_Of_Interest horgonyt, amely visszavezet minket a csúcsra.
4. Kattintson az OK gombra. A kép most rákattintott az oldal tetejére.