Introducere în designul web Hyperlinkuri

Hyperlinkuri
Fiecare pagină de pe web are o adresă unică, numită URL. Scurt pentru Uniform Resource
Locator, un URL identifică numele domeniului sau serverul gazdă unde se află pagina, ș i
calea directorului către fiș ier. URL-urile absolute se leagă de o adresă completă a paginii web, în timp ce cele relative
URL-urile se leagă de paginile web relative la pagina curentă în care este încorporat linkul.

Toate URL-urile pe care le introduci într-un document HTML trebuie să includă prefixul standard HTTP,
cum ar fi[Link] (HTTP înseamnă Protocolul de Transfer Hypertext). Incluzând
"HTTP" identifică URL-ul ca o pagină web.

Cele mai multe browsere adaugă prefixul pentru tine atunci când navighezi pe web, dar când proiectezi
pagina ta web, trebuie să incluzi prefixul complet pentru a face URL-ul valid. Dacă te leagă de un
site de transfer de fiș iere (FTP) sau adresă de e-mail, poț i folosi prefixele FTP sau MAILTO în loc de
prefixul HTTP.
De exemplu, ai putea adăuga un link la adresa ta de e-mail astfel încât vizitatorii să te poată contacta prin e-mail
despre site-ul web. De asemenea, pute ț i crea un link către resurse non-HTML, cum ar fi procesarea de texte
documente ș i fiș ier comprimat.

(Similar cu atunci când am inserat imagini:<IMG SRC=„[Link]”>)

Imediat după prefixul de identificare (HTTP) se află numele serverului gazdă sau
numele de [Link] de domenii sunt numele unice care fac ca site-ul tău să fie al tău. Furnizori de găzduire web

poate include companii comerciale (.com), institu ț ii educa ț ionale (.edu) ș i guvern
agenț iile (.gov). În URL[Link] [Link] este numele
domeniu.

Dacă pagina este stocată într-un director pe server, adresa include în general un director.
calea către fiș ier. De exemplu, în URL[Link] the
slash-urile ș i numele directoarelor ajută la definirea căii către fi ș ierul document, [Link]. În aceasta
exemplu, fiș ierul se află în directorul webdocs. Directoarele acț ionează ca folderele găsite pe
hard disk-ul computerului tău.
EROARE ALERTĂ Una dintre cele mai simple modalităț i de a adăuga o eroare pe pagina ta web este să scrii
URL greș it pentru un link. Un link rupt va duce la o pagină de eroare, ceea ce este foarte frustrant pentru
utilizatori care vizitează site-ul dvs. Fiț i foarte atenț i să verificaț i URL-urile dvs., acordând o atenț ie deosebită
to typos. You should also pay attention to the filenames and extensions. (If you are linking to a
Document Word Microsoft pe site-ul dvs., iar extensia este o extensie de imagine, ș ansele
este scris greș it!) De asemenea, doar o literă plasată greș it în numele fiș ierului poate crea un link rupt.

Domnul Smith 1 Liceul Sachem North

Introducere în Designul Web Hyperlinkuri

Hyperlinkurile, sau linkurile pe scurt, sunt inima ș i sufletul paginilor web. Linkurile permit utilizatorilor să
navighează de la un subiect la altul ș i de la o pagină la alta. Utilizatorul pur ș i simplu face clic pe
linkul ș i browserul se deschid imediat pe pagina desemnată. Linkurile pot fi text sau imagini. Majoritatea
În mod obiș nuit, link-urile apar ca text albastru subliniat pe o pagină. De exemplu, hărț ile grafice ale site-ului ș i
barele de navigare care apar în partea de sus sau pe partea laterală a unei pagini fac uș or să te leagă de alte pagini de pe
acelaș i site web. Când un utilizator plasează cursorul mouse-ului deasupra unui link, cursorul ia forma
forma unei mâini indicatoare, care semnalează prezenț a unui link activ.

Puteț i folosi linkuri pe pagina dvs. web pentru a direcț iona utilizatorii către alte pagini de pe Internet.
de exemplu, ai putea include un link pe pagina web a companiei tale către un ghid local al oraș ului care detaliază
activită ț i ș i hoteluri disponibile în zonă. Ai putea adăuga un link pe o pagină de produs la
site-ul web al producătorului.

Dacă site-ul dumneavoastră constă din mai mult de o pagină, puteț i include linkuri către alte pagini pe
site-ul. De exemplu, pagina ta principală poate oferi linkuri către pagini despre afacerea ta, produse,
ș i informaț ii despre comenzi, precum ș i o hartă a locaț iei dumneavoastră.

Pute ț i utiliza două tipuri de linkuri în documentele dumneavoastră HTML: absolute ș i relative.
Linkurile absolute folosesc o adresă URL completă pentru a indica o pagină specifică de pe web. Linkurile relative folosesc o
abrevianț ă pentru a face referire la o pagină. Dacă pagina ta web este foarte lungă, poț i oferi linkuri către
diferite zone pe aceeaș i pagină (de exemplu, linkuri relative). De exemplu, ai putea include linkuri la
fiecare titlu de subiect sau fotografie de pe pagină. Acest lucru îi permite utilizatorului să sară direct la informaț iile pe care le

sau vrea să vizioneze.

Elementul HTML pe care îl folose ș ti pentru a crea un link se nume ș te element ancoră. Ancoră
elementele sunt identificate prin etichetele <A>ș i </A>. Atributul HREF (Referinț ă Hypertext)
funcț ionează în interiorul etichetei de ancorare deschise pentru a defini URL-ul la care doriț i să faceț i legătura.

Pentru a insera un link către o altă pagină:

Type<A HREF="[Link] faț a textului

Tip</A>la sfârș itul textului

Exemplu:

<CENTRU> <B>
<A HREF="[Link] noastră de clasă!
</B> </CENTER>

Displays:

Pagina noastră de clasă!

Domnul Smith 2 Liceul Sachem High North

Introducere în Designul Web Hyperlink-uri

Ancore în cadrul unei pagini

Puteț i adăuga linkuri pe pagina dvs. care, atunci când sunt accesate, duc utilizatorul într-o altă zonă a aceleaș i
pagini. Acest lucru este deosebit de util pentru documentele mai lungi. De exemplu, po ț i adăuga linkuri care duc
utilizatorul la diferite titluri din documentul tău. Cheia pentru a face legătura pe aceeaș i pagină este
atribuirea de nume diferitelor zone la care doriț i să vă conectaț i. Puteț i face acest lucru cu NAME
atribut. Men ț ineț i sistemul dvs. de denumire simplu, folosind doar litere ș i cifre pentru a denumi sec ț iunile
prin tot documentul tău.

Pentru a insera un link către o zonă de pe aceaș i pagină:

Pentru a numi o zonă -

Faceț i clic în faț a secț iunii de text căreia doriț i să-i creaț i un link ș i tastaț i <A NAME="?"></A>
în faț a textului (Înlocuiț i ? cu un nume unic pentru zonă.)

Tip</A>la sfârș itul secț iunii

Pentru a crea un link către zonă–

În faț a textului sau imaginii pe care doreș ti să o transformi într-un link, scrie <A HREF="#?"></A> (înlocuieș te ?
cu un nume al secț iunii la care doreș ti să te legi.)

***NOTE: Fii atent să nu laș i deoparte semnul diacritic (/#) când legi către alte zone ale paginii.

Tip</A>la sfârș itul secț iunii

Când un utilizator face clic pe link, browserul derulează la secț iunea desemnată a paginii.
Este întotdeauna o idee bună să adăugaț i linkuri la partea de jos a unei pagini lungi de document pentru a ajuta utilizatorul
navighează-te din nou la vârf. Pentru a crea un astfel de link, numele de familie secț iunea de sus a paginii urmează
paș ii arătaț i în această secț iune. Apoi includeț i textul linkului care descrie linkul, cum ar fi Întoarceț i-vă la
Sus sau Înapoi sus, ș i adăugaț i un link care să ducă utilizatorul la secț iunea numită de sus
document.

Exemplu:

……
<A NAME="Topofpage">
<H1>Bine aț i venit pe pagina noastră web!</H1>
……
……
……
……
<CENTER><A HREF=“#Topofpage”>Înapoi la Vârf</A></CENTER>
</CORPUS>
</HTML>

Domnul Smith 3 Liceul Sachem North