Atributele WIDTH si HEIGHT

Atributele WIDTH si HEIGHT

Prin intermediul atributelor WIDTH si HEIGHT se declara dimensiuinle exacte ale unei imagini. Declararea acestor atribute este de un real ajutor pentru browsere. Aceasta intrucat un browser va sti cu exactitate spatiul ce trebuie rezervat pentru imagine. In cazul in care cunoaste aceste dimensiuni el va pagina mai usor continutul documentului intrucat nu mai pierde timp pentru a calcula spatiul ocupat de imagine. Aceasta se datoreaza faptului ca, pe masura ce se incarca pagina HTML (implicit si datele referitoare la dimensiunile imaginilor), sunt incarcate si imaginile in spatiul alocat lor. Din aceasta cauza se poate realiza iluzia unei incarcari mai rapide a paginii. In concluzie, nu este vorba de un accesare mai rapida a serverului ci de un timp de procesare mai scazut necesar browser-ului.   Un alt motiv ce pledeaza pentru declararea acestor atribute consta in faptul ca se pastreaza designul paginii chiar si in cazul in care un browser nu are activa optiunea de incarcare a imaginilor, sau in cazul in care imaginile nu pot fi incarcate (server lent). Pentru a avea o idee de cele prezentate pana acum, am sa reiau un exemplu care nu va contine nici o imagine.

mai jos este rezultatul

Daca nu se precizeaza aceste atribute se obtine:

Indiferent de dimensiuile imaginii, rezultatul este identic. In acest fel se poate pierde alinierea textului (chenarul in care este redat exemplul simuleaza comportamentul browserului, in realitate pagina este mult mai mare si efectul mult mai suparator). Dimensiunile imaginilor pot fi citite cu orice program de vizualizare a fisierelor grafice sau cu un editor grafic.   Pe langa modalitatile clasice de utilizare a atributelor WIDTH si HEIGHT, acestea mai pot fi utilizate si pentru redimensionarea imaginilor. Acest lucru este foarte rar utilizat. Modificarea dimensiunilor unei imagini ar trebui realizata cu un editor grafic si nicidecum prin intermediul browserului.   In exemplul care urmeaza am sa dublez imaginea folosita. Dimensiunile initiale erau WIDTH='80' si HEIGHT='60'.

O aplicatie practica a redimensionarii consta in trasarea unei linii orizontale colorate prin redimensionarea unei imagini de 1px X 1px (pixel). Imaginea va avea culoarea dorita de noi. In acest fel putem renunta la atributul COLOR din tag-ul <HR> care nu era interpretat decat de Internet Explorer. Pentru a centra o astfel de imagine voi folosi elementul CENTER. Mai jos este un exemplu:

Cind o imagine este cuprinsa intre tag-urile <CENTER> si </CENTER> ea va fi centrata pe orizontala si, in plus, nu mai permite text in dreapta sau in stanga ei.   Daca tot am ajuns la linii orizontale, am sa mai prezint o linie in care am incus tranzitii de culoare. De data aceasta nu mai folosesc atributele WIDTH si HEIGHT pentru dimensionare. Prin intermediul lor am sa declar dimensiunea exacta a imaginii.

rezultat

La fel de bine putem utiliza imagini ceva mai sugestive.

In locul tag-ului <CENTER> se putea utiliza un paragraf centrat. In plus, se poate adauga si un text alternativ care sa sugereze o linie orizontala. Acest lucru ar fi indicat in cazul in care serverul ce gazduieste paginile tale este ceva mai 'puturos'. In acesata situatie ar fi foarte posibil sa nu se incarce toate imaginile.