Liceul tehnologic „Panait Istrati”, Braila

MODUL 2 – TEHNICI APLICATE

TEMA: Ierarhia paginilor in cadrul site-ului web

Prof. Munteanu
Elev: Dumitrascu Nicoleta Tincuta
Anul II – Tehnicieni Optometristi
Semestrul I

-2019

1
 Ierarhia paginilor în cadrul site-ului web

Sistemul de link-uri, pagina de start

Din punct de vedere al structurii, există mai multe tipuri de site-uri:

• site-uri liniare alcătuite dintr-o singură pagină – sunt utilizate când informaţiile sunt sub
formă de text, care se poate împărţi firesc în secţiuni mai mici; de obicei la începutul paginii
există o listă de legături interne (ancore), care conduc vizitatorul la secţiunea care îl
interesează;  

• site-uri liniare formate din mai multe pagini – sunt utilizate când informaţiile prezentate
urmează într-o ordine secvenţială, de la început la sfârşit; fiecare pagină trebuie să conţină
legături cu pagina anterioară, cu pagina următoare, cu prima pagină a site-ului; prima pagină
a site-ului este indicat să conţină cuprinsul pentru a asigura saltul direct la o anumită pagină;
pentru o navigare comodă, este indicat ca paginile să nu depăşească un ecran;  

• site-uri cu structură ierarhică – în acest caz, există prima pagină a site-ului (home), de nivel
zero; ea conţine legături către alte pagini, de nivel unu; acestea la rândul lor pot avea legături
către alte pagini, de nivel doi, ş.a.m.d.; în cazul acestui tip de site-uri, este  

• indicat să fim atenţi la organizarea logică şi fluentă a site-ului; fiecare pagină trebuie să aibă o
legătură către pagina principală; 

• site-uri cu structură de tip reţea – sunt site-uri care au o structură liberă; acestea sunt
alcătuite din mai multe pagini, fiecare pagină poate avea legătură cu orice altă pagină; este
recomandat un astfel de site pentru subiectele care nu au o structură logică internă; este
important ca fiecare pagină să aibă, pe lângă legăturile către alte pagini, şi o  legătură către
prima pagină a site-ului.

Pagina de start (home page) 

• În general, prima pagină a site-ului (pagina home) stabileşte cui aparţine site-ul, descrie
scopul site-ului, descrie structura acestuia (are şi funcţia de cuprins al site-ului), furnizează
informaţii de contact, stabileşte relaţiile între paginile de nivel unu şi cele subordonate lor
(cu ajutorul barelor de navigare, butoanelor, listelor de legătură sau a hărţilor de imagine).

• Este foarte important ca în prima pagină a site-ului să accentuăm ceea ce site-ul nostru oferă
de valoare utilizatorilor şi cum diferă serviciile noastre de cele ale principalilor concurenţi.

• Această pagină va avea un aspect diferit faţă de celelalte pagini din site şi nu va depăşi
dimensiunile unui ecran.

• Elementele care trebuie să atragă atenţia vor fi plasate în partea de sus a acestei pagini.

• Pe pagina de început vom prezenta toate opţiunile importante, astfel încât vizitatorii să nu fie
nevoiţi să ajungă pe paginile de pe nivelul unu şi doi pentru a găsi toate opţiunile site-ului.

2
• Accesul la pagina de start va fi asigurat din orice pagină a site-ului, prin intermediul logo-ului
şi/sau printr-un link separat numit „Home”.

• Este o regulă care spune că niciodată nu trebuie să legăm un punct de el însuşi, deoarece
dacă utilizatorul nu este atent unde este, el va fi confuz unde a ajuns, şi în plus va fi o
pierdere de timp pentru el să ajungă în acelaşi loc. Acest lucru este valabil şi pentru pagina
home.

• Pe prima pagină este necesar întotdeauna să promovăm ultimele articole scrise sau ultimele
produse oferite, facilitând accesul către „nou” pe homepage.

• În cazul în care, subiectul tratat în cadrul site-ului este vast, paginile de nivelul unu este bine
să nu fie încărcate, detalierea urmând a o realiza în cadrul paginilor de nivel doi. Paginile de
nivel unu este bine să conţină descrierea subiectului tratat, precum şi legăturile către paginile
de pe nivelul doi, pagini care vor detalia subiectul respectiv. O tehnică des utilizată, este
plasarea în paginile de pe nivelul trei a unor informaţii suplimentare. Prin utilizarea acestei
tehnici, paginile de pe nivelul doi nu vor fi încărcate.

• Vom realiza templat-uri care să conţină acelaşi tip de elemente pentru toate paginile. Ele vor
fi folosite drept tipare în momentul scrierii codului HTML pentru paginile respective.

• Navigarea în cadrul site-urilor este posibilă cu ajutorul link-urilor (legăturilor). Pentru a folosi
legături în paginile web pe care le vei face, trebuie să foloseşti perechea de tag-uri <A> si
</A>. Numele acestor tag-uri vine de la cuvântul anchor care se traduce ancora.

• Tag-ul <A> va trebui folosit împreună cu atributul HREF.

<A HREF=numelepaginii.html>Textul legăturii</A>
Dacă pagina respectivă se află în acelaşi folder cu pagina pe care se afla legătura atunci nu
sunt necesare ghilimelele

• Exemplu:

<HTML>

• <HEAD><TITLE>Legături</TITLE></HEAD>

• <BODY>

• <CENTER><B>Legatura catre o alta pagina </B>

• <BR><BR>

• <A HREF=imagini.html>Imagine bebe</A>

• </CENTER>

• </BODY>

• </HTML>

3
• Formă generală a unei legături către o adresă de e-mail este următoarea: <A HREF="mail
to:adresă de e-mail">Trimite-mi un e-mail</A>
Pentru a folosi o imagine că legătura între tag-urile <A> si </A>, va trebui scrisă adresă
imaginii: <A HREF=nume pagina.html><IMG SRC="adresă imaginii"</A>

• Fiecare legătura din cadrul unei pagini web are trei culori:
• o culoare pentru legăturile nevizitate (nu a fost efectuat nici un click pe ele)
• o culoare pentru legăturile vizitate (s-a efectuat cel putin un click pe ele)
• o culoare pentru legăturile active (atunci când cursorul mouse-ului se află deasupra lor)