Utilizatorii de internet utilizează o mare varietate de monitoare cu rezoluții diferite de ecran. Prin urmare, una dintre sarcinile dezvoltatorilor web este necesitatea de a crea și optimiza un site pentru afișarea corectă pe monitoare cu orice rezoluție.
Instrucțiuni
Pasul 1
Proiectați-vă site-ul web cu cea mai mică rezoluție utilizabilă - 800 * 600 pixeli și utilizați un aspect fix. Dar, cu această abordare, există un dezavantaj - pentru utilizatorii care au monitoare cu ecran lat, câmpurile largi vor apărea pe ecran atunci când vă vizualizează site-ul.
Pasul 2
Utilizați un aspect fluid. În acest caz, paginile vor fi întinse orizontal pe acele monitoare, a căror rezoluție este mai mare decât cea utilizată în dezvoltare. Dar această abordare este utilizată cel mai bine atunci când se creează site-uri cu o mulțime de informații textuale și o cantitate minimă de grafică. Acest lucru se datorează faptului că unele elemente, cum ar fi imaginile sau componentele terților, vor fi distorsionate la redimensionarea pe diferite monitoare.
Pasul 3
Cea mai corectă, dar în același timp și mai complexă din punct de vedere al implementării, este utilizarea unui aspect adaptativ. Aceasta este o versiune mai complexă a aspectului de cauciuc, care face posibilă modificarea numărului de coloane cu informații atunci când se utilizează codul programului.
Pasul 4
Dar, indiferent de aspectul ales pentru dezvoltarea site-ului, faceți aspectul acestuia la o rezoluție a ecranului de 1024 * 768 pixeli. Aceasta este cea mai comună rezoluție.
Pasul 5
De asemenea, pentru afișarea corectă a site-ului pe monitoare cu o rezoluție diferită, urmați câteva reguli. Încercați să păstrați conținutul principal al paginii pe un singur ecran pentru a evita derularea. Plasați informațiile de text într-o coloană îngustă, astfel încât să nu se „răspândească” pe întreaga lățime a ecranului. Țineți evidența designului general al paginilor, astfel încât totul să fie proporțional.
Pasul 6
Când proiectați designul, calculați procentul, nu cantitatea, din lățimea și înălțimea paginii. Apoi pagina va fi redimensionată proporțional atât pe monitoarele convenționale, cât și pe monitoarele cu ecran lat.
