Abilitatea de a crea un link într-un document care să vă ducă la un alt document, probabil într-o rețea la jumătatea drumului din întreaga lume, este, fără îndoială, cel mai important motiv pentru care a fost inventată World Wide Web. Aceste linkuri, numite hyperlink-uri, sunt "H" în HTML - HyperText Markup Language. Fără hyperlink-uri, web-ul nu ar fi foarte util. Nu ar exista motoare de căutare, reclame sociale sau bannere (bine, majoritatea dintre noi ar putea să stea în picioare să vadă acei).
Când creați propriile pagini web, veți dori să creați hyperlink-uri, iar KompoZer dispune de unelte care ușurează adăugarea de linkuri de orice tip. Pagina de eșantion prezentată în acest tutorial va conține linkuri către alte site-uri din patru categorii, alte părți ale aceleiași pagini web și pentru a începe un mesaj de e-mail. Voi începe cu o rubrică și patru titluri H3 pentru fiecare categorie. În pagina următoare vom adăuga câteva linkuri.
01 din 05
Crearea unui hyperlink cu KompoZer
Instrumentele pentru hyperlink-uri ale KompoZer sunt accesate făcând clic pe butonul Link din bara de instrumente. Pentru a crea un hyperlink:
- Plasați cursorul pe pagina în care doriți să apară hyperlinkul.
- Faceți clic pe butonul Link din bara de instrumente. Se va afișa caseta de dialog Proprietăți legătură.
- Primul câmp trebuie să completați este caseta Link Text. Introduceți textul pe care doriți să apară pe pagină pentru hyperlinkul dvs.
- Cel de-al doilea câmp trebuie să completați în caseta Locație legătură. Introduceți adresa URL a paginii pe care hyperlink-ul dvs. o va lua utilizatorului când a făcut clic. Este o idee bună să copiați și să inserați adresa URL din bara de adrese a browserului dvs. Sunteți mult mai puțin probabil să faceți o greșeală în acest fel și știți, cel puțin în momentul creării legăturii, că pagina este în viață și că această legătură nu este ruptă.
- Faceți clic pe OK și caseta de dialog Proprietăți legătură se va închide. Linkul dvs. va apărea acum pe pagina dvs.
În majoritatea browserelor, hyperlinkul va apărea în text albastru subliniat în mod implicit. Puteți aplica propriile stiluri la hyperlink-uri cu KompoZer, dar pentru moment, vom rămâne cu hyperlink-ul de bază. Este o idee bună să previzualizați pagina într-un browser web și să faceți clic pe link-uri pentru a vă asigura că funcționează.
02 din 05
Crearea unei legături de ancorare cu KompoZer
Există un alt tip de hyperlink care vă va duce într-o altă parte a aceleiași pagini web atunci când faceți clic pe el. Acest tip de hyperlink este numit o legătură de ancorare, iar aria paginii la care faceți clic când faceți clic pe acel link este denumită ancora. Dacă ați utilizat vreodată linkul "înapoi la început" din partea de jos a paginii web, faceți clic pe un link către o ancora.
KompoZer vă permite să creați ancore pe care să le puteți conecta utilizând instrumentul Ancorare de pe bara de instrumente.
- Faceți clic pe zona paginii unde doriți o ancoră. Adică, unde doriți ca vizualizatorul de pagini să fie vizitat când se face clic pe o legătură de ancorare. Pentru acest exemplu, am făcut clic înainte de "F" din antetul Muzică preferată.
- Faceți clic pe butonul de ancorare din bara de instrumente. Se afișează caseta de dialog Proprietăți ancore numite.
- Fiecare ancora de pe o pagină are nevoie de un nume unic. Pentru această ancoră, am folosit numele de "muzică".
- Faceți clic pe OK, și ar trebui să vedeți, și simbolul de ancorare apare în locul în care doriți ancora. Acest simbol nu va apărea pe pagina dvs. web, este exact modul în care KompoZer vă arată unde sunt ancorele dvs.
- Repetați procedura pentru orice alte zone ale paginii în care doriți să puteți accesa utilizatorii. Dacă aveți o mulțime de text pe pagină separată de titluri sau de un alt separator logic, ancorele reprezintă o modalitate ușoară de a naviga pe o pagină.
Apoi, vom crea legăturile care vor duce cititorul la ancorele pe care le-ați creat.
03 din 05
Crearea navigării prin pagină cu KompoZer
Acum, că aveți ancore pe pagina dvs., să creăm legăturile care vor fi utilizate ca comenzi rapide pentru acele ancore. Pentru acest tutorial, am creat un tabel cu 1 rând, 4 coloane sub antetul superior al paginii. Fiecare celulă de tabelă conține același text ca și unul dintre anteturile de categorii care sunt utilizate pentru a separa linkurile de pe pagină. Vom face ca textul fiecăruia dintre aceste celule să fie legat de ancora corespunzătoare.
04 din 05
Crearea de hyperlink-uri către ancore cu KompoZer
Acum, că avem ancorele noastre în loc și textul pe care îl vom folosi pentru navigarea paginilor introduse, putem transforma acele bucăți de text simplu în link-uri. Vom folosi din nou butonul Link, dar de data aceasta va funcționa puțin diferit.
- Selectați textul pe care doriți să-l transformați într-un link. În acest exemplu, am selectat textul "Muzică preferată" care se află în prima celulă de tabel din partea de sus a paginii.
- Faceți clic pe butonul Link din bara de instrumente. Se va deschide caseta de dialog Proprietăți legătură.
- În acest caz, am selectat text înainte de a face clic pe butonul Link, astfel încât secțiunea Text de legătură a ferestrei este deja completă și nu poate fi editată. Faceți clic pe săgeata în jos din secțiunea Locație legătură. Veți vedea o listă a ancorelor pe care le-ați creat în pașii anteriori. Pentru acest exemplu, selectez # ancora muzicală.
- Faceți clic pe OK. Textul "Muzică preferată" din bara de navigare se transformă într-un link care va determina spectatorul să sară la respectiva secțiune a paginii când a făcut clic.
Veți observa că fiecare ancora numită din meniul drop-down are un semn "#" în fața acesteia. Acesta este modul în care veți crea un link către o ancora în HTML. "#" În fața numelui ancorei indică browserului că acest link vă duce într-un alt loc pe aceeași pagină.
05 din 05
Crearea unui hyperlink dintr-o imagine cu KompoZer
Știați că puteți crea un link între imagini și text? KompoZer vă permite să faceți acest lucru folosind doar câteva clicuri. Aici am introdus o imagine mică a pictogramei care arată o săgeată indicată în sus și textul "TOP" din partea de jos a paginii. Am de gând să folosesc această imagine ca o legătură pentru a sări înapoi în partea de sus a paginii.
- Faceți clic dreapta pe o imagine și selectați Image and Link Properties din eticheta de context. Se va deschide caseta de dialog Proprietăți imagine.
- În fila Locație, veți vedea numele fișierului imaginii și o vizualizare miniatură deja completă. Ar trebui să introduceți un text în caseta de text Alternativă. Acest lucru apare atunci când mutați mouse-ul peste imagine și, de asemenea, ce este citit de un cititor de ecran atunci când o persoană cu deficiență de vedere citește pagina web.
- Faceți clic pe fila Legătură. Aici puteți alege o ancoră din meniu, la fel ca în cazul legăturilor de ancorare. De fapt, această imagine este folosită ca o legătură ancoră. Am selectat ancora #Links_Of_Interest care ne va duce înapoi în partea de sus.
- Faceți clic pe OK. Imaginea acum face legătura înapoi în partea de sus a paginii când este făcută clic pe ea.