leg aturi î n pagini web prof. aluculesei emanuela
DESCRIPTION
MINISTERUL EDUCAŢIEI ŞI CERCETĂRII Colegiul Alexandru cel Bun 725300 Gura Humorului, jud. Suceava Bd. Bucovina, nr. 41, telefax: 0230 235098, tel.: 0230 235099 www.alexandrucelbun.ro. Leg aturi î n pagini Web prof. Aluculesei Emanuela. No t iuni introductive. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Leg aturi î n pagini Web prof. Aluculesei Emanuela](https://reader034.vdocuments.net/reader034/viewer/2022042522/568139a7550346895da14546/html5/thumbnails/1.jpg)
Legaturi în pagini Web
prof. Aluculesei Emanuela
MINISTERUL EDUCAŢIEI ŞI CERCETĂRII
Colegiul Alexandru cel Bun
725300 Gura Humorului, jud. SuceavaBd. Bucovina, nr. 41, telefax: 0230 235098,
tel.: 0230 235099www.alexandrucelbun.ro
![Page 2: Leg aturi î n pagini Web prof. Aluculesei Emanuela](https://reader034.vdocuments.net/reader034/viewer/2022042522/568139a7550346895da14546/html5/thumbnails/2.jpg)
Notiuni introductive
Definitie: legatură (link) reprezintă o conexiune către o altă resursă Web.
Legăturile sunt zone active într-o pagina web, adică zone de pe ecran sensibile la apăsarea butonului stâng al mouse-ului.
Legăturile pot fi : locale , interne şi externe
Legăturile se introduc prin intermediul etichetei :
<A> … </A>
Atributul obligatoriu al etichetei <A> este href (Hypertext Reference) care primeşte ca valoare adresa URL a fişierului cu care dorim să stabilim legătura.
![Page 3: Leg aturi î n pagini Web prof. Aluculesei Emanuela](https://reader034.vdocuments.net/reader034/viewer/2022042522/568139a7550346895da14546/html5/thumbnails/3.jpg)
Legaturi locale
A. O legatură către o pagină aflată în acelaşi director
Valoarea atributului href este numele fisierului HTML aflat in acelasi director
eticheta este:
<A HREF=“fisier.html”>Mesaj</A>
dar într-un alt director atunci pentru a preciza poziţia ei în structura de directoare se foloseşte adresarea relativă.
eticheta este:
<A HREF=“C:\...\ fisier.extensie”>Mesaj</A>
EXEMPLU
B. O legatură către o pagină aflată pe acelaşi disc local
EXEMPLU
Legătură locală - dacă fişierele conectate se află pe acelaşi calculator sau pe calculatoare din aceeaşi reţea locală
![Page 4: Leg aturi î n pagini Web prof. Aluculesei Emanuela](https://reader034.vdocuments.net/reader034/viewer/2022042522/568139a7550346895da14546/html5/thumbnails/4.jpg)
Legaturi externe
A. Legături către site-uri din Internet
<A HREF=“AdresaSite”>Mesaj</A>
Ex: <a href="http://www.netscape.com">In exemplul se utilizeaza adresa URL www.netscape.com care încarcă pagina de start din site-ul firmei Netscape Corporation.
B. Trimiterea unui mesaj e-mail
EXEMPLU
<A HREF=“mailto:Adresa De E-mai”>AdresaDeE-mail</A>
Legaturi externe- dacă fişierele legate se află pe calculatoare din reţele diferite
![Page 5: Leg aturi î n pagini Web prof. Aluculesei Emanuela](https://reader034.vdocuments.net/reader034/viewer/2022042522/568139a7550346895da14546/html5/thumbnails/5.jpg)
Legaturi interne.
Legătura interna (ancoră) este utilizată într-o pagină Web foarte lungă atunci când este nevoie să se creeze legături către secţiuni ale aceleiaşi pagini.Pentru a plasa o ancoră sunt necesare două elemente:
1. Punctul spre care dorim să facem legătura. Acesta se defineşte inserând în punctul din pagină dorit eticheta <A>, însoţită de atributul name care primeşte ca valoare un nume de identificare atribuit ancorei (de exemplu "nume_ancora" ).
<A name="nume_ancora"> Mesaj</A>
2. Legătura propriu-zisă, care se defineşte folosind atributul href al etichetei <A>. În exemplul de mai sus, acesta primeşte ca valoare "#nume_ancora".
<A href="#nume_ancora">text explicativ</A>
EXEMPLU
![Page 6: Leg aturi î n pagini Web prof. Aluculesei Emanuela](https://reader034.vdocuments.net/reader034/viewer/2022042522/568139a7550346895da14546/html5/thumbnails/6.jpg)
• Realizaţi o legatură de la pagina font.html către pagină font1.html aflată în acelaşi director 13…
• Realizaţi o legătură între pagina font.html către pagină exemplu.html aflată pe acelaşi disc local
• Realizaţi o ancoră în pagină web formatări.html din folderul 13…
AplicaţieAplicaţie
![Page 7: Leg aturi î n pagini Web prof. Aluculesei Emanuela](https://reader034.vdocuments.net/reader034/viewer/2022042522/568139a7550346895da14546/html5/thumbnails/7.jpg)
1. Care dintre următoarele afirmaţii este falsă:a) Eticheta <A> serveşte la stabilirea unei legături în cadrul aceleiaşi
paginib) Eticheta <A> serveşte la stabilirea unei legături către un fişier aflat pe
acelaşi calculatorc) Eticheta <A> serveşte la scrierea textului cu caractere Arial.2. Pentru a preciza numele fişierului spre care se face legătura se
foloseşte atributul:a) nameb) hrefc) file3. Ce realizează exemplul următor?
<A name="sectiunea1">Sectiunea 1</A>a) Inserează o ancoră în pagină şi defineşte numele ei.b) Stabileşte o legătură în cadrul paginii.c) Stabileşte o legătura la fişierul sectiunea1.html.4. Fişierul contact.html, referit în legătura de mai jos:
<A href="../contact.html">Contact</A> este localizat în:a) acelaşi director ca şi fişierul curentb) directorul părinte al fişierului curentc) directorul aflat cu două nivele mai sus decât directorul curent
TestTest
![Page 8: Leg aturi î n pagini Web prof. Aluculesei Emanuela](https://reader034.vdocuments.net/reader034/viewer/2022042522/568139a7550346895da14546/html5/thumbnails/8.jpg)
Exemplu de legătură locală
Ancora cu nume catre care se va face saltul inapoi in pagina Web principala.
Pagina Web principala
![Page 9: Leg aturi î n pagini Web prof. Aluculesei Emanuela](https://reader034.vdocuments.net/reader034/viewer/2022042522/568139a7550346895da14546/html5/thumbnails/9.jpg)
exemplu de legătură internă
Lista cu legaturile catre tintele din cadrul paginii
Web
Tintele definite in pagina Web catre
care se va face salturile.
![Page 10: Leg aturi î n pagini Web prof. Aluculesei Emanuela](https://reader034.vdocuments.net/reader034/viewer/2022042522/568139a7550346895da14546/html5/thumbnails/10.jpg)
• <html><head><title> Comutarea între două pagini</title></head> <body><h3>Pagina 1 </h3><a href="leg_ex2.html">Link catre pagina 2 </a></body></html>
Exemplu de utilizare
![Page 11: Leg aturi î n pagini Web prof. Aluculesei Emanuela](https://reader034.vdocuments.net/reader034/viewer/2022042522/568139a7550346895da14546/html5/thumbnails/11.jpg)
legatura către o pagină aflată pe acelaşi disc local
• <html><head> <title> Comutarea intre doua pagini aflate pe acelasi disc local</title> </head> <body><h3>Pagina 3 </h3> <a href="exemple/list/liste.html>Link catre o pagina cu liste </a></body></html>
![Page 12: Leg aturi î n pagini Web prof. Aluculesei Emanuela](https://reader034.vdocuments.net/reader034/viewer/2022042522/568139a7550346895da14546/html5/thumbnails/12.jpg)
O legatură către un site
• <html><head><title> Link catre site-ul firmei Netscape</title></head> <body><h3>Link catre site-ul firmei Netscape </h3><a href="http://www.netscape.com">Netscape Corporation </a></body></html>