|
|
|
Tabelele sunt folosite atat pentru o machetare eficienta cat si pentru
a face mai atractive diversele elemente componente ale unei pagini web.
Ele permit o impartire a paginii in sectiuni si o pozitionare precisa
a textului sau imaginilor in interiorul paginii .
Puteti crea margini sau borduri de diferite dimensiuni si culori . De
asemenea , se poate incapsula continutul in celulele tabelului pentru
a permite alinierea textului si a limita lungimea liniilor .
Deoarece bordura tabelelor nu este totdeauna necesara si uneori poate
avea un aspect neplacut , se poate renunta la ea prin folosirea atributului
"BORDER = 0"
Atunci cand folositi tabele , puteti sa setati o latime fixa , in pixeli
, sau o latime relativa la dimensiunea ecranului , in procente.
De exemplu , daca folositi atributul WIDTH=80% , continutul va
fi afisat pe 80% din latimea ecranului . In acest caz , afisarea continutului
se adapteaza mai usor la diferitele tipuri de monitoare sau rezolutii
ale acestora . Setarea latimii in procente se face mai ales la paginile
unde exista mult text si unde nu este necesara o formatare precisa.
Pe de alta parte , tabelele definite cu o latime fixa in pixeli vor ramane
neschimbate . In acest caz , daca se foloseste o rezolutie marita va apare
un spatiu alb , in afara tabelului care va da uneori o imagine neplacuta
. In schimb , setarea unei latimi fixe va permite un control ridicat al
printarii , realizand o  tiparire fara intreruperi laterale ale paginii
web respective.
Mai multe informatii despre cum pot fi folosite tabelele in machetarea
unei pagini web , modul de inserarea a imaginilor in tabele, precum si
diverse resurse utile puteti gasi in cartea "Proiectarea paginilor
web".
In machetarea acestui sit web am optat pentru folosirea tabelelor.
Astfel, am impartit spatiul paginii in doua tabele principale , a caror
latime am stabilit-o in procente (100%). Acest lucru conduce la vizualizarea
paginii pe intreaga latime a ecranului, indiferent de rezolutia acestuia.
In tabelul superior am inserat logo-ul, harta grafica, cautarea in sit
si o imagine.
Tabelul inferior, l-am impartit in alte doua tabele. In partea stanga
a acestuia am inclus sistemul de navigare, chestionarul, guestbook, invitatia
la lista de discutii si contoarele ( Trafic si Sitemeter). Tabelul din
partea dreapta l-am impartit, la randul lui, in trei randuri. Randul de
sus l-am folosit pentru inserarea continutului propriu-zis al paginii
web, in randul din mijloc am introdus sagetile de navigare (inainte-inapoi)
iar in ultimul rand am introdus legaturile text catre paginile de nivel
1 ale sitului si informatiile legate de copyright.
Pentru titluri si subtitluri am folosit randuri separate, setate cu o
latime de 100%. Fundalul randurilor si culoarea textului am stabilit-o
ulterior.
Pentru ca textul sa nu inceapa direct din marginea celulei tabelului,
am folosit, acolo unde a fost cazul, atributul CELLPADDING=5, care introduce
un spatiu de 5 pixeli in interiorul celulei.
Pentru ca tabelele sa nu poata fi vazute pe monitor, bordura am setat-o
la valoarea zero ( BORDER=0 ).
O machetare similara se poate realiza si cu ajutorul cadrelor .
Dupa parerea mea folosirea unui tabel este mai indicata deoarece in acest
mod veti avea mai mult control asupra elementelor paginii web.
|
