capitolul 6_linkuri

7/18/2019 Capitolul 6_linkuri

http://slidepdf.com/reader/full/capitolul-6linkuri 1/3

Capitolul 6Legături (link-uri)

Legăturile (link -urile) reprezintă, poate, partea cea mai importantă a unei pagini Web. Ele transformă un text obişnuit în hypertext -un nou tip e text, iferit e cel in clasicele pagini e carte, care permite trecerea rapiă e la o informa!ie aflată pe un anumitcomputer la altă informa!ie memorată pe un alt computer localizat oriune în lume.

1. Adresa URL

"entru a stabili o legătură cu o altă pagină (un alt fişier) trebuie să specificăm adresa URL a acestuia. #$% este un acronim, e laUniform Resource Locator , şi reprezintă aresa e ientificare a unei resurse (a unui fişier) aflată pe calculatorul propriu sau pe oricealt calculator in lume conectat la &nternet. ' aresă #$% constă intr-un şir e caractere care ientifică în mo unic o anumităresursă, oferin informa!ii espre numele sererului pe care este stocată acea resursă precum şi espre localizarea ei.

Există mai multe etichete *+% care folosesc aresa #$% rept aloare pentru anumite atribute etichetele care introuc legături,imagini sau formulare. *oate acestea folosesc aceeaşi sintaxă a aresei #$% pentru a specifica loca!ia unei anumite resurse, iniferente tipul acesteia.

intaxa generală a unei arese #$% este

schema://server_gazda:port/calea_catre_fisier

une• schema - reprezintă unul intre protocoalele e transfer al informa!iilor, cum ar fi **", *", /opher, *elnet, etc.• server_gazda - reprezintă ientificatorul sererului pe care este găzuit fişierul respecti. 0cest ientificator poate fi aresa &" a

sererului sau numele său.• port - reprezintă numărul portului e comunica!ie prin intermeiul căruia bro1serul se conectează la serer. ererele e!in mai

multe astfel e porturi, fiecare serin unui alt tip e comunica!ie **", *", poştă electronică, etc. "ortul prestabilit în cazultransferului prin **" are numărul 23. 4umărul portului trebuie precizat numai în cazul c5n acesta este iferit e 23.

• calea_catre_fisier - reprezintă localizarea ierarhică a fişierului în sistemul e irectoare e pe serer. 0ceasta constă într-unul saumai multe nume espăr!ite prin caracterul 676 ( slash)

&ată c5tea exemple e arese #$% împreună cu explica!ii referitoare la sintaxa lor

http://www.autor.com/carti.html8n acest exemplu aresa #$% inică ocumentul *+% numit carti.html care se află irectorul răăcină al sereruluiwww.autor.com

http://www.autor.com/0ceastă aresă inică prima pagină (home page) a aceluiaşi serer.

http://www.autor.com:8080/Exemplul e mai sus inică e asemenea spre prima pagină a sererului www.autor.com, ar specific5n şi numărul portului careeste iferit e cel prestabilit.

http://www.autor.com/carti.html#webdesign8n acest exemplu este inicată calea spre ocumentul *+% carti.html aflat pe acelaşi serer, ar specific5nu-se o anumită sec!iune

a acestui ocument, sec!iune enumită webdesign.

8n cazul c5n fişierul spre care este făcută legătura este stocat pe propriul calculator se foloseşte o aresă #$% e forma următoare

file://server/calea_catre_fisier

une• server - reprezintă numele computerului pe care este stocat fişierul (acelaşi pe care rulează bro1serul). 8n acest caz, bro1serul a

accesa fişierul folosin facilită!ile obişnuite ale sistemului e operare e pe computerul propriu.• calea_catre_fisier - reprezintă localizarea fişierului în structura e irectoare conform regulilor sistemului e operare

4umele computerului personal poate fi înlocuit cu numele generic "localhost". 8n acest caz, aresa #$% poate aea următoareaformă

file://localhost/calea_catre_fisier

9



:e exemplu fişierul culori.html care este salat în folerul e lucru Work in My Documents pe computerul personal a aeaurmătoarea aresă #$%

file://localhost/C:\My Documents\or!\culori.html

*ermenul localhost poate fi omis, eoarece este numele prestabilit al computerului propriu. 8n acest caz este necesară prezen!a unuicaracter 676 suplimentar

file:///C:\My Documents\or!\culori.html

8n practică, atunci c5n orim să aresăm un fişier aflat pe computerul propriu putem omite prima parte a aresei #$% ob!in5nurmătoarea formă

C:\My Documents\or!\culori.html

Atenţie

e poate obsera că în cazul resurselor stocate pe serere externe, numele irectoarelor care fac parte in calea către resursă suntespăr!ite prin caracterul 6/6 ( slash).%a fişierele stocate pe computerul propriu, irectoarele şi subirectoarele care formează calea către fişier sunt espăr!ite princaracterul 6!6 (backslash). ;ele ouă mouri e scriere sunt specifice celor ouă sisteme e operare #4&<, respecti :'-Wino1s.

:eoarece marea ma=oritate a sererelor Web folosesc sistemul e operare #4&<, calea către resursele stocate pe ele se scrie

respect5n conen!iile acestui sistem. +ai mult, această conen!ie s-a extins şi la aresele #$% referite e pe sisteme Wino1s.0stfel, acă ori!i să aresa!i un fişier numit foto.jpg aflat pe iscul C, în My Documents, folerul !magini pute!i folosi aresa#$%

C:/My Documents/"magini/foto.pg

2. Adrese absolute şi adrese relative

"entru a putea localiza un fişier în structura ierarhică e irectoare, în scopul e a stabili o legătură către el, se poate folosi aresareaasolută sau aresarea relativă.

Adresa asolută a unui fişier con!ine calea precisă şi completă către fişierul respecti pornin e la 5rful ierarhiei e irectoare

C:/Manual $%M&/'(emple/culori.html

işierul culori.html se află plasat pe iscul C, în irectorul Manual "#ML, subirectorul $%emple.

Adresa relativă a unui fişier precizează pozi!ia acestuia în raport cu ocumentul *+% in care este apelat. >om reeni cea mai =osasupra acestui subiect.

3. Stabilirea legăturilor

"entru a insera legături într-un ocument *+% folosim eticheta <A> </A> .Eticheta <A> este o etichetă container, prezen!a etichetei e închiere fiin obligatorie.

0tributul obligatoriu al etichetei <A> este href ( "yperte%t Reference) care primeşte ca aloare aresa #$% a fişierului cu care

orim să stabilim legătura. 0cest fişier poate fi un ocument *+%, o imagine sau un fişier e alt tip. :ocumentul *+% în care este prezentă legătura se numeşte sursă iar fişierul către care este făcută legătura se numeşte ţintă. intaxa etichetei <A> este următoarea

<A href="adresa_URL">text sau imagine</A>

8ntre etichetele <A> şi </A> poate fi plasat un text obişnuit sau o imagine. 8n mo prestabilit textul inclus între etichetele <A> esteafişat subliniat şi e culoare albastră iar imaginile au un chenar e culoare albastră. olosirea etichetei <A> imbricată cu etichete eformatare a textului, fonturi, liste sau tabele se face plas5n eticheta <A> &n interiorul acestora.8n acest sens, stanarul *+% consieră incorect' o construc!ie ca aceasta

<A href="adresa_URL"><FONT fae="ti!">Legatura</FONT></A>

8n locul ei om folosi construc!ia<FONT fae="ti!"><A href="adresa_URL">Legatura</A></FONT>

?



Atenţie

4u este permisă imbricarea mai multor etichete <A>.

8n func!ie e localizarea !intei (a resursei referite e legătură) putem clasifica legăturile astfel

• legături în carul aceleiaşi pagini (ancore)• legături către o pagină aflată în acelaşi foler • legături către o pagină aflată în alt foler • legături către pagini externe

4. Ancore - legături în cadrul aceleiaşi pagini

"entru a facilita naigarea într-o pagină care con!ine un text e mari imensiuni se pot insera în acesta anumite puncte e reper cătrecare se efinesc legături. 0cestea se numesc ancore.

"entru a plasa o ancoră sunt necesare ouă elemente

9. #unctul spre care orim să facem legătura.0cesta se efineşte inser5n în punctul in pagină orit (e obicei în reptul unui anumit element in pagină un titlu, o imagine,o altă legătură, un tabel, etc.) eticheta <A>, înso!ită e atributul name care primeşte ca aloare un nume e ientificare atribuitancorei (e exemplu 6nume@ancora6 ). "rin urmare, ientificarea punctului spre care se face legătura se realizează astfel

<A name="nume_anra"> </A>

?. Legătura propriu$zisă% care se efineşte folosin atributul href al etichetei A0B. 8n exemplul e mai sus, acesta primeşte caaloare 6Cnume_anra6. tabilirea legăturii se realizează upă următoarea sintaxă

<A href="#nume_anra">text ex!$iati%</A>

*extul explicati a fi afişat în mo iferit, în format hyperlinD, subliniat şi e culoare prestabilită albastră.

8n momentul c5n se efectuează clicD cu mouse-ul pe text explicati se realizează un salt în carul paginii, bro1serul afiş5n parteain pagină care începe e la elementul în reptul căruia a fost inserată ancora.

Atenţie"rezen!a semnului &, plasat înaintea n