Kuidas luua KompoZeriga hüperlink

Võimalus luua lingi dokumendis, mis suunab teid teisele dokumendile, võib-olla võrgu pooleldi kogu maailmas, on vaieldamatult üks kõige olulisem põhjus World Wide Web leiutatud. Need lingid, mida nimetatakse hüperlinkeks, on "H" HTML - HyperTexti märgistuskeeles. Ilma hüperlingideta ei oleks veebi väga kasulik. Pole mingeid otsingumootoreid, sotsiaalseid meediume või bännerreklaame (ok, enamik meist võiks neid näha).

Kui loote ise oma veebilehti, tahate luua hüperlingid ja KompoZeril on tööriistad, mis muudavad mis tahes tüüpi linkide hõlpsaks. Selle juhendaja pildil olev näidisleht sisaldab linke nelja kategooria teistele veebisaitidele, sama veebi lehe teistesse osadesse ja e-kirja käivitamiseks. Alustan rubriigiga ja nelja H3 rubriigiga iga kategooria jaoks. Järgmisel lehel lisame mõned lingid.

01, 05

KompoZeriga hüperlinki loomine

KompoZeriga hüperlinki loomine. Ekraan pilt viisakus Jon Morin

KompoZeri hüperlinkide tööriistadele on juurdepääs tööriistariba nupule Link (Link). Hüperlingi loomine:

  1. Asetage kursor lehele, kus soovite hüperlingi ilmuda.
  2. Klõpsake tööriistariba nupul Link. Ilmub dialoogiboksi Lingi omadused.
  3. Esimene väli, mida peate täitma, on lahtris Link Text. Sisestage tekst, mida soovite hüperlingi lehel kuvada.
  4. Teine väli, mida peate täitma, on lingi asukoht. Sisestage selle lehe URL , mille hüperlink põhjustab kasutaja klõpsamisel. URL-i kopeerimine ja kleepimine brauseri aadressiribale on hea mõte. Teil on palju vähem tõenäoline, et teete vea sellisel viisil ja te teate vähemalt linkimise loomise ajal, et leht on elus ja see link pole katki.
  5. Klõpsake OK ja dialoogiboksi Link Properties (Sobivad lingid) suletakse. Teie link kuvatakse nüüd teie lehel.

Enamikul brauseritel ilmub hüpiknurk vaikimisi sinise allajoonitud tekstiga. KompoZeri hüperlinkidega saate oma stiile lisada, kuid praeguseks peame kinni põhilise hüperlinkiga. On hea mõte oma lehti eelvaadata veebibrauseris ja klõpsata lingil, et veenduda, et need töötavad.

02 of 05

KompoZeri ankurühenduse loomine

KompoZeri ankurühenduse loomine. Ekraan pilt viisakus Jon Morin

On olemas ka teine ​​liiki hüperlink, mis suunab teid sama veebilehe teisele osale, kui klõpsate. Sellist hüperlingi nimetatakse ankru linkiks ja selle lehe pindala, mille te võtate selle lingi klõpsamisel, nimetatakse ankruks. Kui olete kunagi kasutanud veebilehe alaosas asuvat linki "tagasi üles", klõpsate ankru linki.

KompoZer võimaldab teil luua ankrud, millele saate linkida, kasutades tööriistaribal Anchor tööriista.

  1. Klõpsake oma lehe alal, kus soovite ankrut. See tähendab, et kui soovite, et ankru linki klõpsataks lehevaatajat. Selle näite puhul klõpsasin mulle lihtsalt "F" lemmikute muusika päises.
  2. Klõpsake tööriistaribal Anchor nuppu. Ilmub dialoogiaken Named Anchor Properties.
  3. Igal lehte ankrutel on vaja ainulaadset nime. Selle ankru jaoks kasutasin nime "muusika".
  4. Klõpsake nuppu OK ja peate nägema ja ankurmärk ilmub kohale, kus soovite ankrut. Seda sümbolit ei kuvata teie veebisaidil, see on just see, kuidas KompoZer näitab, kus teie ankrud on.
  5. Korrake seda protseduuri mis tahes lehe alal, kus soovite, et kasutajad saaksid sellele juurde minna. Kui teil on lehel palju teksti, mis on eraldatud rubriikide või mõne muu loogilise jaguriga, ankrud on hõlpsalt lehel liikumiseks.

Järgnevalt loome lingid, mis võtavad lugeja ankrud, mille olete loonud.

03 of 05

Lehekülje navigeerimine koos KompoZeri loomisega

Lehekülje navigeerimine koos KompoZeri loomisega. Ekraan pilt viisakus Jon Morin

Nüüd, kui teie lehel on ankru, loome lingid, mida kasutatakse nende ankruste otseteena. Selle juhendaja jaoks loonud lehe ülaosa päises 1 rida, 4 veergu tabelit. Iga tabeli lahtris on sama tekst kui üks järgmistest kategooriatest, mida kasutatakse lehtede eraldamiseks. Teeme tekstis mõlemas lahtris olevas lahtris vastava ankru lingi.

04 05

KompoZeri ankurkõnede hüperlinkide loomine

KompoZeri ankurkõnede hüperlinkide loomine. Ekraan pilt viisakus Jon Morin

Nüüd, kui meil on oma ankru ja tekst, mida me kasutame lehekülje navigeerimiseks, võime need tavalised tekstiosakesed linkideks muuta. Me kasutame linki nuppu uuesti, kuid seekord toimib see veidi teisiti.

  1. Valige tekst, mida soovite lingiks muuta. Selles näites valisin lehe ülaosas oleva esimese tabeli lahtris teksti "Lemmikmuusika".
  2. Klõpsake tööriistariba nupul Link. Avaneb dialoogiboksi Link Properties.
  3. Sellisel juhul valisime teksti enne, kui klõpsasime nupul Link, nii on akna linkteksti osa juba täidetud ja seda ei saa muuta. Klõpsake linki asukoha jaotise allanoolel. Näete nimekirja ankrudest, mille olete loonud eelmistes etappides. Selles näites valin #muusikaanur.
  4. Klõpsake nuppu OK. Navigeerimisribal tekst "Lemmikmuusika" muutub linkiks, mis paneb vaataja sellel lehel sellele lehele klõpsu klõpsates klõpsates.

Märkate, et rippmenüüs on iga nimega ankur "#" tähis ees. Nii saate HTML-i ankurina linki luua. Ankru nime ees olev "#" ütleb brauserile, et see link viib teid samasse lehte teisele kohale.

05 05

KompoZerilt koosneva pildi hüperlinki loomine

KompoZerilt koosneva pildi hüperlinki loomine. Ekraan pilt viisakus Jon Morin

Kas teadsite, et saate luua nii pilte kui ka teksti linki? KompoZer võimaldab seda teha vaid mõne klikiga. Siin on sisestatud väike ikooni kujutis, mis näitab ülespoole suunatud noolt ja tekst "TOP" lehekülje allosas. Ma kasutan seda pilti linkina, et hüpata lehe ülaossa.

  1. Paremklõpsake pilti ja valige kontekstimärgistusega Image and Link Properties. Avaneb dialoogiboks Image Properties.
  2. Vahekaardil Asukoht näete pildi failinime ja juba täidetava pisipildi. Te peaksite sisestama mõne teksti alternatiivse tekstiboksi. See ilmneb siis, kui liigute hiirega pilti üle ja kui ekraanilugeja loeb, kui nägemispuudega isik leiab veebilehte.
  3. Klõpsake vahekaardil Link. Siin saab menüüst valida ankru, nagu me teeme ankurdussidemetega. Tegelikult kasutatakse seda pilti ankru linkina. Valisin #Links_Of_Interest ankru, mis viib meid tagasi tippu.
  4. Klõpsake nuppu OK. Pilt klõpsatakse nüüd klõpsates lehe ülaosas.