Imagini
6.1. Formate de imagine
Din sutele de formate grafice existente, doar doua sunt larg întelese de browserele Web. Acestea doua sunt:
GIF - Graphics Interchange Format 24424w223y
JPEG - Joint Photographic Expert Group
Daca se includ în pagina Web alte formate grafice, un alt utilizator ar putea fi în masura sa afiseze aceste imagini, dar numai în cadrul unei aplicatii separate, care ar putea fi lansata automat sau nu de catre browserul utilizat.
Exista un nou format grafic, numit PNG (Portable Network Graphic - Format Grafic Portabil în Retea) si pronuntat "ping", care este sustinut de marile companii de software. Se prevede ca în curând si acest format grafic va fi acceptat pe scara larga de browserele Web.
6.2. Includerea imaginilor în paginile Web
Pentru includerea imaginilor în paginile Web se foloseste marcajul <IMG>. Acest marcaj are un singur atribut esential: SRC=nume_fisier_grafic si nu are marcaj pereche de închidere. Pentru a include imaginea din fisierul arrow.gif codul HTML ar fi:
<IMG SRC=arrow.gif>
Exemplu: vezi exemplul 3-1.
Fisierele grafice de dimensiuni mari conduc la un volum mare de date care este transferat catre utilizator si, de aceea, iau mai mult timp în cazul conexiunilor Internet lente.
Desi cele mai cunoscute programe de navigare - Netscape Navigator si Internet Explorer - ofera suport pentru o mare varietate de formate grafice, exista si programe de navigare care nu pot afisa imagini grafice. Ca urmare, este permis un atribut suplimentar al marcajului <IMG>, special pentru aceasta situatie: ALT=text_alternativ. Ceea ce apare pe post de text alternativ este afisat în situatia în care utilizatorul nu poate vizualiza imagini sau opteaza pentru eliminarea încarcarii graficelor.
6.3. Optiuni de aliniere a imaginii
Cele trei alinieri standard sunt ALIGN=top, ALIGN=middle si ALIGN=bottom. În mod implicit, imaginile si materialele adiacente sunt aliniate la baza imaginii, asa cum se poate vedea în exemplul 3-2.
Atunci când se pozitioneaza imaginile, trebuie sa se tina seama ca diversele programe de navigare au diferite latimi de ecran si ca aceste programe sunt libere sa deplaseze elementele pentru ca acestea sa încapa pe ecran. O greseala frecventa într-o pagina, altfel foarte aratoasa, este sa o vizualizam într-o fereastra relativ îngusta si sa deducem de aici ca totul arata foarte bine. Un utilizator care are un ecran urias va vedea toate imaginile si textele înghesuite în partea de sus - un aranjament care compromite aspectul general al paginii.
O regula empirica pentru imagini: daca se doreste ca în dreapta unei imagini sa nu apara nimic, adaugam un marcaj <BR> la sfârsitul secventei HTML care specifica acea imagine.
6.4. Alte atribute ale marcajului <IMG>
Au fost adaugate si alte optiuni noi pentru marcajul <IMG>. Una din noile optiuni permite specificarea latimii (WIDTH) si înaltimii (HEIGHT) imaginii, înainte ca acesta sa fie încarcat, ceea ce face ca documentul sa fie redat mai rapid pe ecran, chiar înainte ca graficul sa fie receptionat. Valorile sunt specificate în pixeli, dupa cum urmeaza:
<IMG SRC="windows.gif" WIDTH= HEIGHT= >
Exemplul precedent va rezerva pe ecran o caseta de 200x350 pixeli pentru imaginea respectiva, înainte chiar de receptionarea imaginii de la serverul Web. Trebuie multa atentie cu aceste atribute, deoarece daca imaginea are în realitate alte dimensiuni, atunci browserele o vor scala, facând-o sa arate destul de ciudat.
Un alt atribut este BORDER care permite specificarea dimensiunii exacte a chenarului din jurul unei imagini-legatura.
Alte doua atribute utile pentru alinierea imaginilor sunt VSPACE si HSPACE, ele controlând spatiul vertical si orizontal din jurul fiecarei imagini. Atributul HSPACE adauga numarul specificat de pixeli vizi pe ambele laturi ale imaginii, iar atributul VSPACE face acelasi lucru doar pe verticala (vezi exemplul ex3-3).
|
