 |
|
 |  |
| Aeronautica | Comunicatii | Drept | Informatica | Nutritie | Sociologie |
| Tehnica mecanica |
Html
|
Qdidactic » stiinta & tehnica » informatica » html Legaturi pe internet - navigare pe site |
Legaturi pe internet - navigare pe site
Lectia - Legaturi
Atunci cand se realizeaza machetarea sitului, o mare atentie trebuie acordata legaturilor (hyper-legaturi). Acestea pot fi:
interne (catre alte pagini din interiorul sitului)
externe (catre alte situri din Internet)
Pentru a crea o legatura externa trebuie sa cunoasteti URL-ul sitului respectiv. Pentru operativitate, puteti sa adunati toate legaturile externe pe care planuiti sa le folositi si sa le puneti intr-un fisier text denumit, de exemplu, ' legaturi.txt ' .
DE RETINUT:
Pentru multi surferi pe web, un text in culoarea albastra, subliniat, reprezinta o legatura nevizitata. O legatura vizitata apare ca un text in culoarea rosie sau purpurie, de asemenea subliniat.
Acestea sunt culorile standard pentru legaturi si este bine sa le folositi ca optiune de baza. Puteti sa folositi pentru legaturi si un text boldat, marit sau asezat intre linii verticale. Textul legaturilor trebuie sa fie scurt si la obiect. Trebuie sa va asigurati ca ati testat toate legaturile interne si externe. Daca ati folosit un editor HTML puteti sa folositi optiunea de verificare a legaturilor , care va afisa un tabel cu situatia fiecarei legaturi .De asemenea , puteti sa folositi si programe specializate (link checker = verificatoare de legaturi), accesibile gratuit sau in versiune shareware pe Internet . In continuare sunt prezentate , cateva adrese web de unde puteti sa incarcati aceste programe :
https://www.incontext.com/wainfo.html
https://www.matterform.com/theseus/
https://www.tetranetsoftware.com/solutions/linkbot.asp
https://www.tali.com/indexo.html
https://www.htmlvalidator.com/
https://www.lithops.mastak.com/hlv/
Navigare
Internetul, prin chiar natura sa, permite saltul de la o pagina web la alta, printr-o simpla apasare de buton. Nu este un proces liniar, cum este de exemplu citirea unei carti. Desi aceasta flexibilitate constituie un mare avantaj, realizarea unui sistem de navigare eficient nu este un lucru usor. Un continut interesant si o navigare usoara reprezinta cele doua componente principale ale unui sit bine intocmit. Dar chiar si cel mai atractiv continut este nefolositor daca nu este pus in evidenta de un sistem de navigare clar si consistent. Nu trebuie sa lasati cititorul sa pescuiasca dupa informatii sau sa ghiceasca unde ati ascuns ceea ce aveti de oferit. Trebuie sa-i oferiti tot sprijinul posibil, sa-l ajutati sa gaseasca rapid si fara ocolisuri informatia dorita.
Meniul de navigare
Meniul este o reprezentare grafica sau de tip text a continutului si este adesea incorporat in tema generala a sitului. Meniul principal trebuie sa furnizeze trimiteri rapide si directe la sectiunile si informatiile disponibile dintr-un sit web. El va fi realizat intr-o forma practica si atractiva. Locul obisnuit pentru plasarea meniului principal este in partea stanga a ecranului dar el mai poate fi plasat si in partea dreapta sau in partea superioara a paginii web. De asemenea, el trebuie repetat pe fiecare pagina exact in acelasi loc, pentru a nu deruta vizitatorii.
Daca pagina web se deruleaza pe mai mult de doua ecrane, atunci este indicat ca in josul paginii sa se mai adauge un meniu de navigare bazat pe legaturi text.
DE RETINUT:
Sectiunile meniului vor fi denumite astfel incat sa ofere o descriere concisa si sugestiva a paginilor web care vor fi accesate. Incercati sa folositi denumiri sugestive, ca de exemplu: Despre noi, Produsele noastre, Resurse utile. Cateva dintre schemele de navigare cele mai des intalnite sunt urmatoarele:
legaturi text
harti grafice ( imagemaps )
butoane de navigare
meniuri tip lista derulanta ( generate cu Javascript , CGI )
pagini generate dinamic
harta sitului ( site map )
Butoane de navigare
Butoanele de navigare adauga un plus de atractivitate paginilor web. Atata timp cat este adaugat atributul ' ALT ' la fiecare buton, ele pot fi folosite ca mijloc de navigare si de catre persoanele care au dezactivata optiunea de incarcare a imaginilor. De asemenea, in textul alternativ puteti sa includeti cuvinte cheie. Acestea sunt foarte importante atunci cand incepeti promovarea sitului cu ajutorul motoarelor de cautare. Incercati sa alegeti o dimensiune optima pentru butoanele de navigare. Pentru a permite o vizualizare buna, acestea trebuie sa aiba latimea cuprinsa intre 50 - 80 pixeli si inaltimea intre 20 - 50 pixeli.
De asemenea, fisierul grafic aferent fiecarui buton de navigare nu trebuie sa fie mai mare de 4 - 5 Kb pentru a nu creste in mod nejustificat timpul de incarcare al paginii web. Butoanele de navigare, ca de altfel si alte imagini grafice, pot fi create cu ajutorul editoarelor grafice. O idee buna este sa oferiti o indicatie vizitatorilor cu privire la locul unde se afla in cadrul sitului web, la un moment dat. Acest lucru se poate realiza printr-o modificare a stralucirii butonului sau alegerea unei culori apropiate.
Meniurile tip lista derulanta pot fi realizate cu ajutorul limbajului Javascript sau folosind scripturi CGI.
Principalele dezavantaje sunt urmatoarele :
versiunile mai vechi de browsere nu suporta Javascript
daca folositi scripturi CGI trebuie sa alegeti o gazda web care dispune de un server care suporta scripturile CGI pe care le-ati creat .
Ca avantaj major mentionam faptul ca ocupa un spatiu minim, nefiind afisate toate variantele in acelasi timp. Odata ce va fi accesat acest meniu, va apare o lista cu toate optiunile posibile. Fiecare optiune reprezinta de fapt o legatura catre o alta pagina sau sectiune a sitului.
Pagini generate dinamic
Aceasta metoda de navigare se foloseste in siturile web care dispun de o baza de date. De exemplu, magazinele online pun la dispozitia utilizatorilor o functie de cautare. Atunci cand se doreste afisarea caracteristicilor unui produs, utilizatorul va introduce cuvantul cheie aferent. In urma cautarii se va genera dinamic pagina web corespunzatoare produsului respectiv . Principalul dezavantaj al acestei scheme de navigare este faptul ca realizarea si intretinerea unui astfel de sit sunt costisitoare. In plus, este dificila promovarea cu ajutorul motoarelor de cautare deoarece acestea nu pot urmari legaturile generate dinamic.
Harta sitului (site map)
De multe ori, incepatorii si chiar netsurferii mai versati se pot incurca atunci cand folosesc un sistem de navigare mai complicat. De aceea, atunci cand aveti un sit mai amplu, extins pe mai multe nivele sau categorii este bine sa intocmiti o harta a sitului. Ea trebuie sa fie clara si logica si in acelasi timp sa afiseze corect structura sitului. Poate fi realizata sub forma de tabel, arbore de legaturi, etc. Aceasta harta este utila si atunci cand se
doreste cautarea rapida a unei informatii sau a unui subiect, fara a fi nevoie sa se navigheze prin tot situl. De aceea, este recomandabil sa furnizati in meniul principal o legatura directa catre pagina web care contine harta sitului.
DE RETINUT:
Cheia pentru o navigare usoara este o buna organizare a informatiei. De aceea, incercati sa organizati situl pe categorii si subcategorii de subiecte. Cu cat situl va fi mai mare si mai complex, cu atat va fi mai dificila sarcina organizarii acestuia si realizarii unui sistem de navigare consistent.
Exemplu de sit web
Asa cum se poate observa, continutul sitului web ( peste 220 de pagini ) este structurat, pe orizontala, in sase categorii principale. Acestea sunt impartite, la randul lor pe nivele sau subcategorii ( maxim 5 ). Deoarece am dorit ca fiecare vizitator sa poata naviga cu usurinta prin paginile acestui sit web si in acelasi timp sa poata gasi usor informatiile de care are nevoie, am cautat sa realizez un sistem de navigare cat mai eficient si logic. Pentru acest lucru am folosit, in fiecare pagina, nu mai putin decat sase scheme de navigare. In coloana din dreapta am realizat un meniu principal cu legaturi text. Acesta poate fi accesat de orice vizitator, indiferent de versiunea browserului pe care-l foloseste si chiar in conditiile dezactivarii optiunii de incarcare a imaginilor.
In acest meniu am introdus atat legaturi catre paginile principale ale sitului cat si legaturi catre paginile aferente sectiunii respective. In acest mod, vizitatorul poate sa sara la paginile din sectiunea respectiva sau, daca nu-l intereseaza, sa citeasca pagina principala dintr-o alta sectiune a sitului. In partea de sus a paginii am inserat o harta grafica cu legaturi directe catre paginile principale ale fiecarei sectiuni a sitului. In partea de jos a fiecarei pagini am inserat doua simboluri de navigare (sageti stanga / dreapta). Dand clic pe aceste sageti se pot vizualiza paginile anterioare sau urmatoare.
Pentru ca vizitatorul sa nu mai fie nevoit sa deruleze in sus pagina, pentru a accesa meniul principal sau harta grafica am mai introdus, in finalul fiecarei pagini web, un meniu de navigare suplimentar. Acesta este alcatuit numai din legaturi text catre paginile principale ale sitului. Deoarece situl are o structura complexa, impartita pe mai multe nivele, am realizat si o pagina web continand o harta a sitului. Pentru ca harta sa poata fi gasita usor am pus o legatura directa catre aceasta in fiecare meniu de navigare. Aceasta harta este utila si atunci cand se doreste cautarea rapida a unei informatii sau a unui subiect , fara a fi nevoie sa se navigheze prin tot situl. Ea trebuie sa fie clara si logica si in acelasi timp sa afiseze corect structura sitului. Mai poate fi realizata sub forma de tabel, arbore de legaturi ,etc.
In final, am inserat un motor de cautare in cadrul sitului. Folosind aceasta facilitate, un vizitator mai grabit poate sa scrie unul sau doua cuvinte in fereastra de cautare si va primi o lista cu paginile web in care se gasesc cuvintele respective. In afara de legaturile interne folosite in meniurile de navigare am utilizat si alte legaturi in continutul propriu-zis al paginii web. Acestea pot fi, la randul lor, legaturi interne sau externe. Am folosit legaturi interne catre alte pagini ale sitului web, de fiecare data cand am considerat ca este necesar sa fac o trimitere la pagina respectiva sau pentru a oferi un plus de informatie.
Este foarte important locul unde se plaseaza legaturile in interiorul propozitiilor. De aceea, am cautat sa construiesc propozitii obisnuite si apoi am plasat ancora legaturii pe cel mai relevant cuvant ( sau grup de cuvinte ) din propozitia respectiva. De exemplu, in propozitia urmatoare nu s-a utilizat o formulare adecvata :
' Apasati aici pentru a obtine mai multe informatii despre motoarele de cautare si directoare .'
In locul acestei formulari, mi s-a parut mult mai natural sa folosesc urmatoarea constructie verbala : ' Promovarea eficienta a unui sit se poate face cu motoare de cautare si directoare ' . Legaturile externe le-am plasat in subsolul paginii deoarece am dorit ca vizitatorii sa citeasca intreg continutul paginii si apoi, in cazul in care doresc, sa paraseasca acest sit web. Pentru o buna navigare , am pus o legatura catre pagina principala in toate paginile componente. Acest lucru este deosebit de util deoarece vizitatorii sau robotii motoarelor de cautare pot ajunge , urmand o legatura externa , la o pagina interioara. De aici ei trebuie sa ajunga, fara dificultate, la pagina principala pentru a se edifica asupra scopului si continutului sitului .
Atunci cand se realizeaza machetarea sitului, o mare atentie trebuie acordata legaturilor (hyper-legaturi). Acestea pot fi:
interne (catre alte pagini din interiorul sitului)
externe (catre alte situri din Internet)
Pentru a crea o legatura externa trebuie sa cunoasteti URL-ul sitului respectiv. Pentru operativitate, puteti sa adunati toate legaturile externe pe care planuiti sa le folositi si sa le puneti intr-un fisier text denumit, de exemplu, ' legaturi.txt ' .
DE RETINUT:
Pentru multi surferi pe web, un text in culoarea albastra, subliniat, reprezinta o legatura nevizitata. O legatura vizitata apare ca un text in culoarea rosie sau purpurie, de asemenea subliniat.
Acestea sunt culorile standard pentru legaturi si este bine sa le folositi ca optiune de baza. Puteti sa folositi pentru legaturi si un text boldat, marit sau asezat intre linii verticale. Textul legaturilor trebuie sa fie scurt si la obiect. Trebuie sa va asigurati ca ati testat toate legaturile interne si externe. Daca ati folosit un editor HTML puteti sa folositi optiunea de verificare a legaturilor , care va afisa un tabel cu situatia fiecarei legaturi .De asemenea , puteti sa folositi si programe specializate (link checker = verificatoare de legaturi), accesibile gratuit sau in versiune shareware pe Internet . In continuare sunt prezentate , cateva adrese web de unde puteti sa incarcati aceste programe :
https://www.incontext.com/wainfo.html
https://www.matterform.com/theseus/
https://www.tetranetsoftware.com/solutions/linkbot.asp
https://www.tali.com/indexo.html
https://www.htmlvalidator.com/
https://www.lithops.mastak.com/hlv/
Navigare
Internetul, prin chiar natura sa, permite saltul de la o pagina web la alta, printr-o simpla apasare de buton. Nu este un proces liniar, cum este de exemplu citirea unei carti. Desi aceasta flexibilitate constituie un mare avantaj, realizarea unui sistem de navigare eficient nu este un lucru usor. Un continut interesant si o navigare usoara reprezinta cele doua componente principale ale unui sit bine intocmit. Dar chiar si cel mai atractiv continut este nefolositor daca nu este pus in evidenta de un sistem de navigare clar si consistent. Nu trebuie sa lasati cititorul sa pescuiasca dupa informatii sau sa ghiceasca unde ati ascuns ceea ce aveti de oferit. Trebuie sa-i oferiti tot sprijinul posibil, sa-l ajutati sa gaseasca rapid si fara ocolisuri informatia dorita.
Meniul de navigare
Meniul este o reprezentare grafica sau de tip text a continutului si este adesea incorporat in tema generala a sitului. Meniul principal trebuie sa furnizeze trimiteri rapide si directe la sectiunile si informatiile disponibile dintr-un sit web. El va fi realizat intr-o forma practica si atractiva. Locul obisnuit pentru plasarea meniului principal este in partea stanga a ecranului dar el mai poate fi plasat si in partea dreapta sau in partea superioara a paginii web. De asemenea, el trebuie repetat pe fiecare pagina exact in acelasi loc, pentru a nu deruta vizitatorii.
Daca pagina web se deruleaza pe mai mult de doua ecrane, atunci este indicat ca in josul paginii sa se mai adauge un meniu de navigare bazat pe legaturi text.
DE RETINUT:
Sectiunile meniului vor fi denumite astfel incat sa ofere o descriere concisa si sugestiva a paginilor web care vor fi accesate. Incercati sa folositi denumiri sugestive, ca de exemplu: Despre noi, Produsele noastre, Resurse utile. Cateva dintre schemele de navigare cele mai des intalnite sunt urmatoarele:
legaturi text
harti grafice ( imagemaps )
butoane de navigare
meniuri tip lista derulanta ( generate cu Javascript , CGI )
pagini generate dinamic
harta sitului ( site map )
Butoane de navigare
Butoanele de navigare adauga un plus de atractivitate paginilor web. Atata timp cat este adaugat atributul ' ALT ' la fiecare buton, ele pot fi folosite ca mijloc de navigare si de catre persoanele care au dezactivata optiunea de incarcare a imaginilor. De asemenea, in textul alternativ puteti sa includeti cuvinte cheie. Acestea sunt foarte importante atunci cand incepeti promovarea sitului cu ajutorul motoarelor de cautare. Incercati sa alegeti o dimensiune optima pentru butoanele de navigare. Pentru a permite o vizualizare buna, acestea trebuie sa aiba latimea cuprinsa intre 50 - 80 pixeli si inaltimea intre 20 - 50 pixeli.
De asemenea, fisierul grafic aferent fiecarui buton de navigare nu trebuie sa fie mai mare de 4 - 5 Kb pentru a nu creste in mod nejustificat timpul de incarcare al paginii web. Butoanele de navigare, ca de altfel si alte imagini grafice, pot fi create cu ajutorul editoarelor grafice. O idee buna este sa oferiti o indicatie vizitatorilor cu privire la locul unde se afla in cadrul sitului web, la un moment dat. Acest lucru se poate realiza printr-o modificare a stralucirii butonului sau alegerea unei culori apropiate.
Meniurile tip lista derulanta pot fi realizate cu ajutorul limbajului Javascript sau folosind scripturi CGI.
Principalele dezavantaje sunt urmatoarele :
versiunile mai vechi de browsere nu suporta Javascript
daca folositi scripturi CGI trebuie sa alegeti o gazda web care dispune de un server care suporta scripturile CGI pe care le-ati creat .
Ca avantaj major mentionam faptul ca ocupa un spatiu minim, nefiind afisate toate variantele in acelasi timp. Odata ce va fi accesat acest meniu, va apare o lista cu toate optiunile posibile. Fiecare optiune reprezinta de fapt o legatura catre o alta pagina sau sectiune a sitului.
Pagini generate dinamic
Aceasta metoda de navigare se foloseste in siturile web care dispun de o baza de date. De exemplu, magazinele online pun la dispozitia utilizatorilor o functie de cautare. Atunci cand se doreste afisarea caracteristicilor unui produs, utilizatorul va introduce cuvantul cheie aferent. In urma cautarii se va genera dinamic pagina web corespunzatoare produsului respectiv . Principalul dezavantaj al acestei scheme de navigare este faptul ca realizarea si intretinerea unui astfel de sit sunt costisitoare. In plus, este dificila promovarea cu ajutorul motoarelor de cautare deoarece acestea nu pot urmari legaturile generate dinamic.
Harta sitului (site map)
De multe ori, incepatorii si chiar netsurferii mai versati se pot incurca atunci cand folosesc un sistem de navigare mai complicat. De aceea, atunci cand aveti un sit mai amplu, extins pe mai multe nivele sau categorii este bine sa intocmiti o harta a sitului. Ea trebuie sa fie clara si logica si in acelasi timp sa afiseze corect structura sitului. Poate fi realizata sub forma de tabel, arbore de legaturi, etc. Aceasta harta este utila si atunci cand se
doreste cautarea rapida a unei informatii sau a unui subiect, fara a fi nevoie sa se navigheze prin tot situl. De aceea, este recomandabil sa furnizati in meniul principal o legatura directa catre pagina web care contine harta sitului.
DE RETINUT:
Cheia pentru o navigare usoara este o buna organizare a informatiei. De aceea, incercati sa organizati situl pe categorii si subcategorii de subiecte. Cu cat situl va fi mai mare si mai complex, cu atat va fi mai dificila sarcina organizarii acestuia si realizarii unui sistem de navigare consistent.
Exemplu de sit web
Asa cum se poate observa, continutul sitului web ( peste 220 de pagini ) este structurat, pe orizontala, in sase categorii principale. Acestea sunt impartite, la randul lor pe nivele sau subcategorii ( maxim 5 ). Deoarece am dorit ca fiecare vizitator sa poata naviga cu usurinta prin paginile acestui sit web si in acelasi timp sa poata gasi usor informatiile de care are nevoie, am cautat sa realizez un sistem de navigare cat mai eficient si logic. Pentru acest lucru am folosit, in fiecare pagina, nu mai putin decat sase scheme de navigare. In coloana din dreapta am realizat un meniu principal cu legaturi text. Acesta poate fi accesat de orice vizitator, indiferent de versiunea browserului pe care-l foloseste si chiar in conditiile dezactivarii optiunii de incarcare a imaginilor.
In acest meniu am introdus atat legaturi catre paginile principale ale sitului cat si legaturi catre paginile aferente sectiunii respective. In acest mod, vizitatorul poate sa sara la paginile din sectiunea respectiva sau, daca nu-l intereseaza, sa citeasca pagina principala dintr-o alta sectiune a sitului. In partea de sus a paginii am inserat o harta grafica cu legaturi directe catre paginile principale ale fiecarei sectiuni a sitului. In partea de jos a fiecarei pagini am inserat doua simboluri de navigare (sageti stanga / dreapta). Dand clic pe aceste sageti se pot vizualiza paginile anterioare sau urmatoare.
Pentru ca vizitatorul sa nu mai fie nevoit sa deruleze in sus pagina, pentru a accesa meniul principal sau harta grafica am mai introdus, in finalul fiecarei pagini web, un meniu de navigare suplimentar. Acesta este alcatuit numai din legaturi text catre paginile principale ale sitului. Deoarece situl are o structura complexa, impartita pe mai multe nivele, am realizat si o pagina web continand o harta a sitului. Pentru ca harta sa poata fi gasita usor am pus o legatura directa catre aceasta in fiecare meniu de navigare. Aceasta harta este utila si atunci cand se doreste cautarea rapida a unei informatii sau a unui subiect , fara a fi nevoie sa se navigheze prin tot situl. Ea trebuie sa fie clara si logica si in acelasi timp sa afiseze corect structura sitului. Mai poate fi realizata sub forma de tabel, arbore de legaturi ,etc.
In final, am inserat un motor de cautare in cadrul sitului. Folosind aceasta facilitate, un vizitator mai grabit poate sa scrie unul sau doua cuvinte in fereastra de cautare si va primi o lista cu paginile web in care se gasesc cuvintele respective. In afara de legaturile interne folosite in meniurile de navigare am utilizat si alte legaturi in continutul propriu-zis al paginii web. Acestea pot fi, la randul lor, legaturi interne sau externe. Am folosit legaturi interne catre alte pagini ale sitului web, de fiecare data cand am considerat ca este necesar sa fac o trimitere la pagina respectiva sau pentru a oferi un plus de informatie.
Este foarte important locul unde se plaseaza legaturile in interiorul propozitiilor. De aceea, am cautat sa construiesc propozitii obisnuite si apoi am plasat ancora legaturii pe cel mai relevant cuvant ( sau grup de cuvinte ) din propozitia respectiva. De exemplu, in propozitia urmatoare nu s-a utilizat o formulare adecvata :
' Apasati aici pentru a obtine mai multe informatii despre motoarele de cautare si directoare .'
In locul acestei formulari, mi s-a parut mult mai natural sa folosesc urmatoarea constructie verbala : ' Promovarea eficienta a unui sit se poate face cu motoare de cautare si directoare ' . Legaturile externe le-am plasat in subsolul paginii deoarece am dorit ca vizitatorii sa citeasca intreg continutul paginii si apoi, in cazul in care doresc, sa paraseasca acest sit web. Pentru o buna navigare , am pus o legatura catre pagina principala in toate paginile componente. Acest lucru este deosebit de util deoarece vizitatorii sau robotii motoarelor de cautare pot ajunge , urmand o legatura externa , la o pagina interioara. De aici ei trebuie sa ajunga, fara dificultate, la pagina principala pentru a se edifica asupra scopului si continutului sitului .
|
</UL>
<LI>Tot nivel 1
</UL>
Efect
Nivel 1 (implicit disc)
o Nivel 2 (implicit circle)
• Nivel 3 (implicit square) o Tot Nivel 2
Tot Nivel 1
Crearea unei liste ordonate (Ordered List) se face incadrand intrarile din Hsta intre etichetele pereche <ol> si </OL>. Descriere
Elevii clasei a ZX-a E
<LI>Acatrinei Mircea <LI>Balan Andreea <LI>Bulgariu Marius <LI> </OL>
Efect
Elevii clasei a IX-a E
Acatrinei Mircea
Balan Andreea
Bulgariu Marius