Astăzi este dificil să vedeți site-ul web. care nu conține cel puțin un fel de grafică. Imaginile grafice selectate nu numai că fac site-ul mai eficient și atractiv, dar uneori înlocuiesc o mulțime de cuvinte.
Pentru a crea corect imagini și a le utiliza corect în proiectarea Web, trebuie să cunoașteți câteva tehnici de bază utilizate în această tehnologie.
Până recent, doar două formate de fișiere grafice - GIF și JPG - au fost cele mai frecvente pe World Wide Web. Acum, forma relativ nouă a formatului -PNG câștigă popularitate meritată.
O imagine bitmap (punct) este o imagine care este percepută ca o colecție a unui set de puncte individuale care alcătuiesc întreaga imagine. Fotografiile realizate de o cameră digitală, desenele scanate, precum și desenele create în unele programe grafice sunt toate exemple de imagini raster.
Fiecare dintre formatele de mai sus are dezavantaje și avantaje, de exemplu, calitatea imaginilor PNG este mai mare decât în GIF, dar, din păcate, unele versiuni mai vechi ale browserelor nu acceptă formatul PNG. Uneori este necesar să convertiți imagini grafice de la un format la altul, de exemplu, pentru a reduce dimensiunea fișierului.
Paginile web pot fi vizualizate ca straturi stratificate. Deoarece o imagine grafică poate fi plasată pe un nivel cu un obiect text. Este necesar să se stabilească anumite reguli de coexistență pe o pagină web de text și grafică. Aceasta înseamnă că pentru imagini este necesar să specificați dimensiunile corecte, parametrii pentru fluxul textului în jurul imaginii, marginile din jurul imaginii etc.
Descriptorul de imagine nu are un descriptor de închidere.
Crearea unui text alternativ este un ajutor excelent pentru utilizatorii care dezactivează descărcarea graficelor. În acest caz, în loc de o imagine de pe pagina Web, este afișată adnotarea textului scurt.
Pentru a crea un text alternativ, utilizați un descriptor cu atributul obligatoriu src plus alt. Valoarea atributului alt și specifică textul care va fi afișat ca o sugestie sau afișat lângă graficul de pictogramă.
Acesta este modul în care se pare (în cazul nostru, nu am încărcat fișierul, dar când fișierul a fost încărcat și când mouse-ul se deplasează peste această imagine, expresia "Flori" se trezește.)
Aliniați imaginea pe pagina Web. Toate browserele Web aliniază imaginile paginii web în partea de jos a textului. Pentru a schimba acest aranjament de grafică în raport cu textul, trebuie să utilizați valoarea atributului align. Valoarea atributului align cu poziția verticală a fragmentului față de imaginea grafică. Folosirea atributului align cu valoarea de top duce la asta. că textul este aliniat la marginea superioară ...
Dacă nu adăugați valori pentru mânerul img care specifică dimensiunile imaginii grafice inserate pe pagina Web, browserul Web afișează această imagine pe întregul ecran. Trebuie să setați dimensiunea imaginii grafice din mai multe motive. În primul rând, imaginile apar în mod normal pe pagina Web. În al doilea rând, browserul Web deschide rapid o astfel de pagină, deoarece nu ...
Pentru a obține originalitatea și claritatea imaginii, pentru ao face mai contrastată pe fondul paginii, subliniind astfel grafica grafică, se recomandă să închideți imaginea într-un cadru colorat. Pentru a crea o margine în jurul imaginii, utilizați atributul frontal. Determinarea valorii acestui atribut, cum ar fi grosimea cadrului, culoarea și așa mai departe, face posibilă formarea aspectului său. În același timp, trebuie să ne asigurăm că ...
Utilizarea imaginilor ca referințe. Imaginile grafice plasate pe pagina Web nu pot doar să le decoreze și să aibă un înțeles suplimentar față de textul curent, ci și să fie folosite ca hyperlink-uri originale la alte documente HTML. De exemplu:
Mancarea este calea spre longevitate
O imagine grafică nu poate fi plasată numai pe o pagină Web, ci poate fi utilizată și ca fundal ca întreaga pagină. Desenul de culori care se potrivește cu succes, ocupând întreaga fereastră a browserului Web, va oferi site-ului un aspect eficient. Principalul lucru care trebuie luat în considerare este să nu alegeți tonuri întunecate pentru imaginile de fundal. Pentru a oferi o pagină web cu un fundal grafic, luați atributul ...
Creați o riglă orizontală. Pentru a separa vizual grupuri de elemente de pagină Web care nu sunt legate în sens, sau subliniază unele fragmente sau titluri de text, utilizați rigle orizontale. Pentru a crea o riglă, utilizați un descriptor
. Implicit, browserul Web creează o riglă de culoare neagră cu o grosime de 2 pixeli. Anumite atribute ale descriptorului
vă permit să atribuiți unui conducător orice culoare dorită, grosime, lungime și aliniați ...
Trimiteți-le prietenilor: