Referat Atestat - Html
Mai jos puteti citi fragmente din
Referat Atestat - Html si de asemenea puteti face
Download Referat Atestat - htmlCiteste fragmente din Referat Atestat - Html
Adăugarea imaginilor la o pagină Web
A folosi imaginile în paginile web, pentru a le înviora şi a le face
mai interesante
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.
![[O mica poza nu strică]](exemplu.gif)
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:
Hypatia: un om de ştiinţa remarcabil
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ămintea 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
Folosind un program de grafică pentru a determina mărimea şi
lăţimea imaginii.
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.
height="243" width="200"
ÃŽncadrarea imaginilor cu text
Formatarea paginilor astfel ca textul să încadreze imaginile
Se determină unde se doreşte plasarea textul în raport cu imaginea.
Folosind atributul align pentru a muta imaginea în raport cu textul la
stânga (left), la dreapta (right), sus (top), la mijloc (middle) sau
jos (bottom).