Cum verific dacă site-ul meu se afişează corect pe toate rezoluţiile?
Afişarea corectă pe toate rezoluţiile
Cel mai simplu e să verifici afişarea site-ului pe mai multe rezoluţii. Asta se face cu un clic dreapta pe spaţiul de lucru (desktop) şi deschiderea meniului “Proprietăţi Afişare” (Display Properties). În fila “Setări” (Settings), te poţi juca cu mai multe rezoluţii şi să verifici cum arată site-ul tău. Cel mai bine, totuşi, e să setezi o lăţime implicită pentru site-ul tău, aşa încât toţi utilizatorii să vadă pagina corect (doar că vizitatorii cu rezoluţia de lăţime mai mai mică vor trebui să gliseze lateral, iar cei cu rezoluţia de lăţime mai mare vor vedea pagina cu margini laterale).
Ţinând cont că cei mai mulţi utilizatori de Internet folosesc la moment 1024×768, cel mai bine e să-ţi optimizezi lăţimea pentru această rezoluţie. Cu un raţionament simplu, scăzând elementele de browser ca glisorul (scroll bar) şi altele, ajungem la o rezoluţie în jurul dimensiunii de 960px. Această lăţime mai are în plus avantajul de a avea mulţi divizori şi, deci, posibilităţile de aranjare a unui număr de elemente de lăţime egală sunt diverse.
Pentru a stabili o lăţime de 960px, introdu următorul cod în CSS, după tagul <style type=’text/css’>:
width:960px;
margin:0 auto;
text-align:left;
}
*Notă: În loc de wrapper poţi să pui orice id de element de pe pagina ta: ideea e doar să fie cel mai lat dintre ele.
Afişarea corectă pe toate browserele principale
Acum că am rezolvat cu rezoluţiile, mai rămâne de verificat afişarea pe diferite browsere. Între browsere există diferenţe de interpretare a CSS-ului, de aceea trebuie să vezi care sunt acelea care nu funcţionează bine cu site-ul tău.
Pentru asta există Browsershots, un site care face capturi ecran ale site-ului tău pe majoritatea browserelor folosite de internauţi pe principalele sisteme de operare Mac, Windows, Linux şi BSD. Site-ul e disponibil în română şi simplu de folosit. Trebuie doar să bagi adresa URL a site-ului şi vor începe să apară capturile, până la ultima, când poţi să le salvezi şi să le studiezi în detaliu. Iar odată găsite erorile, poţi să cauţi pe Google cum să le rezolvi pentru fiecare bowser în parte.
