Leg aturi î n pagini Web prof. Aluculesei Emanuela
description
Transcript of Leg aturi î n pagini Web prof. Aluculesei Emanuela
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
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.
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ă
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
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
• 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
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
Exemplu de legătură locală
Ancora cu nume catre care se va face saltul inapoi in pagina Web principala.
Pagina Web principala
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.
• <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
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>
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>