| Referate informatica | Bac 2008 informatica | Recomanda unui prieten

Crearea impactului vizual
Cu toate că nu fiecare pagină are nevoie de o imagine, impactul vizual şi aspectul sunt atât de intrinseci culturii noastre, încât noi, uneori, vorbim despre caracterul, firea şi comportamentul în public ale unei persoane ca despre imaginea acesteia. Pentru ca o pagină să capete personalitate, deseori are nevoie de o poză sau două pentru a vă informa despre ce este vorba şi ce fel de informaţii puteţi găsi în ea.
Deci un sit despre maşini de curse ar putea prezenta o fotografie a unui pilot luând o curbă, sau un sit Web despre paradisul grădinarului ar putea afişa fructele unei recolte generoase. Nu prea avem în Web moduri de a ne adresa simţurilor noastre, în afară de văz, cel mai uşor, şi auz, într-o măsură mai mică, aşa că trebuie să supraîncărcăm aceste simţuri cu mult mai multe informaţii decât în viaţa obişnuită.
Experienţa pe care o trăia Marcel Proust învăluit de aroma cuptorului lui Madeline este ceva ce noi nu vom putea niciodată resimţi în Web; căldura soarelui de vară pe umeri şi mireasma de pământ proaspăt săpat sunt lucruri pe care nu putem decât să ni le închipuim prin intermediul cuvintelor şi al imaginilor, ca indicii.
Dacă cuvintele nu spun o poveste, este improbabil ca imaginile să vorbească de la sine, dar după cum gesturile şi expresiile fac diferenţa dintre un maestru povestitor şi un amator, tot aşa şi imaginile pe care le folosim pentru a crea atmosfera unei pagini pot fi hotărâtoare în a departaja o experienţă anodină de o senzaţie antrenantă de participare deplină.

Adăugarea imaginilor
Adăugarea imaginilor la o pagină web
1. Adăugaţi imagini la paginile web cu eticheta pentru imagini . Folosind atributul src pentru a indica fişierul imagine.

2. Folosiţi atributele alt şi longdesc pentru a prezenta informaţii suplimentare despre imagine.



Pont de folosire rapidă: Sintaxa de etichetă
, unde imgurl reprezintă adresa sursei imaginii; imginaltime reprezintă înălţimea imaginii în pixeli; imglatime este lăţimea imaginii în pixeli; alttext reprezintă o scurtă descriere a imaginii - semnificativă sau nulă, dacă poate fi ignorată de browserele nevizuale; aittexturl este adresa unei descrieri mai detaliate a imaginii. Benzile marginale reprezintă spaţiul liber pe verticală şi orizontală din jurul imaginilor; margine de legătura reprezintă lăţimea marginii în pixeli când imaginea este folosită ca legătură; şi aliniere ia valorile left, right, top, middle sau bottom şi modifică poziţia relativă a textului şi imaginilor din pagină.

Să începem prin adăugarea unei imagini la pagina noastră cu Hypatia, un portret al filozoafei aşa cum arăta ea probabil în tinereţe. Ne despart de timpurile ei atâtea secole şi kilometri încât chiar şi o idee vagă despre cine a fost poate să ne-o apropie. Ne putem da seama că a fost ca noi, ca surorile noastre, ca mamele noastre; a crescut cu speranţe şi ambiţii şi totuşi soarta i-a fost umbrită, după cum îi pare şi faţa, tristă şi contemplativă, nu râzând însufleţită, cu toate că tânăra femeie pe care o vedem a cunoscut desigur şi zile de bucurie.

Toate imaginile au de obicei aceeaşi etichetă, eticheta de imagine, , cu atributul obligatoriu src pentru a-i spune browserului de unde să ia imaginea propriu-zisă. în plus, aproape toate imaginile ar trebui să aibă un scurt text descriptiv în atributul alt, pentru a face pagina mai uşor accesibilă celor cu deficienţe de vedere sau celor care pur si simplu preferă să navigheze cu un browser audio, poate cineva care se plimbă cu maşina pe autostradă. Dacă imaginea este pur decorativă, această valoare trebuie stabilită explicit ca nulă scriind alt="". Acestea sunt singurele atribute care sunt cu adevărat pentru orice imagine.

Versiunea HTML 4.0 a adăugat atributul longdesc, care vă permite să introduceţi o adresă URL la care să meargă browserul pentru mai multe informaţii despre o imagine. Aţi putea folosi această capacitate pentru a oferi o descriere narativă completă sau chiar o listă cu capitole despre istoria imaginii, originea ei şi o scurtă biografie a artistului.
Să începem, completând cu răbdare pagina cu un titlu adecvat şi de asemenea cu imaginea pe care dorim să o folosim. Vom evoca imaginea cu eticheta , adăugând atributul source, ca şi cele două atribute descriptive.

Exemplu:



longdesc="hypatia-description.html"> Hypatia

O relaţie personala cu istoria

Hypatia este deseori pictata in tribon, un veşmânt al clasei muncitoare sărace făcut din materiale de proasta calitate, care era ţinuta tradiţionala a filosofilor si a asceţilor. Insa aceasta este in multe privinţe o idee foarte controversata si unii savanţi cred ca ea ar fi fost îmbrăcata in stilul femeilor din inalta societate greaca din Alexandria romana târzie, inca foarte mult influenţată de Grecia elenistica, cu chiton tipic si peplos încins cu brâu cu himation . Din acest punct de vedere, îmbrăcămin¬tea de calitate proasta in care este prezentata constituie o minciuna pioasa a admiratorilor ei de mai târziu, pentru a slavi si a da ca exemplu cultura, altruismul si puritatea ei. După toate sursele credibile, ea a rămas toata viata fecioara si si-a dedicat viata ştiinţei si matematicii; adepţii ei au fost mulţi si si-au proclamat cu tărie admiraţia de-a lungul secolelor, din ziua in care a fost ucisa in anul 415, d.Hr. .

Controlul mărimii imaginii
Controlaţi mărimea imaginii pe pagină cu atribute simple
1. Folosind un program de grafică pentru a determina mărimea şi lăţimea imaginii.
2. Folosind atributele height (înălţime) şi width (lăţime) pentru a controla mărimea imaginii pe pagină.
height="243" width="200"

Acum atributele vin multe şi cu furie şi majoritatea imaginilor au nevoie de aproape toate, deoarece imaginile se numără printre cele mai complexe obiecte de pe pagină si trebuie multă migală pentru a obţine cele mai bune rezultate. Vom face mai multe încercări cu eticheta pentru a găsi mărimea cea mai potrivită pentru imagine înainte de a o modifica pe aceasta, astfel că voi menţiona doar liniile cu eticheta , pentru a economisi spaţiu. Mai întâi vom reduce dimensiunile imaginii prin micşorarea numerelor de la atributele height şi width. Browserul va ignora mărimea implicită a imaginii şi o va forţa să se încadreze în noile dimensiuni pe care i le dăm. Puterea supremă. Luaţi aminte că aceasta este o metodă temporară, doar pentru a vedea cum va arăta imaginea la o dimensiune mai mică. în versiunea noastră definitivă vom redimensiona imaginea pentru a nu pierde mai mult timp decât necesar la încărcarea ei.