![Cum setezi Manual Pixelul Facebook Pe Site-ul tău [FF Tutorial #3]](https://i.ytimg.com/vi/pVuf69yzeTs/hqdefault.jpg)
Conţinut
- Ansambluri lichide VS statice
- Filtrarea dimensiunilor standard ale ecranului
- Ecranele mobile
- Grila de aur
Telefoanele mobile, tabletele și monitoarele de calculator au utilizări, utilizatori și dimensiuni diferite, care lasă întrebarea despre cea mai bună dimensiune a aspectului pentru un site, determinată de nevoile utilizatorilor primari ai acelui site. Dacă un site este destinat vizualizării de către utilizatorii standard pe un ecran cu ecran lat, cu o rezoluție de 1680x1040 pixeli, dimensiunea site-ului trebuie făcută să se potrivească pe ecranul principal al browserului. Dacă site-ul este destinat utilizării pe dispozitive mobile, acesta trebuie făcut pentru un ecran mult mai mic.
Ansambluri lichide VS statice
Primul aspect este dacă site-ul necesită o dimensiune definită în pixeli. Folosind procente, puteți crea o dispunere "fluidă", care modifică zonele în mod dinamic, în funcție de dimensiunea ferestrei browserului. Atunci când este utilizat în combinație cu textul, structurile fluide pot fi cea mai bună alegere atunci când se creează un site pentru rezoluția standard a ecranului, precum și pentru browserele mobile. Formările fluide sunt obținute prin utilizarea "width = 100%" în declarația de conținut CSS, în loc de "width = 960x", de exemplu.
Filtrarea dimensiunilor standard ale ecranului
Pentru a crea machete "fixe" sau fluide, lățimea tabelelor divs, wrappers sau principalelor conținuturi ar trebui să se încadreze în fereastra browserului utilizatorului, ținând cont atât de bara de defilare, cât și de bara de instrumente. Ar trebui să luați în considerare și pentru majoritate. Mai mult de 80% din browsere utilizează astăzi o rezoluție a ecranului de peste 1024x768 pixeli. Asta inseamna ca o puteti face pentru 1680x1024 pixeli, dar este o idee buna sa proiectati pe terenul de mijloc. 960 sau 980 pixeli sunt două măsuri de încredere utilizate pentru a afișa conținutul confortabil într-un browser folosit de oricine care utilizează o rezoluție de 1024x768 sau mai mare. Sistemul se potrivește, de asemenea, bine dispozitivelor mobile capabile să afișeze site-uri întregi. Dacă este prea strâns, 1080 este următoarea lățime cea mai bună. Amintiți-vă de înălțimea unui browser standard la orice rezoluție pentru a ține cele mai importante informații de deasupra "ori" sau punct, în cazul în care devierea este necesar.
Ecranele mobile
Dacă doriți ca site-ul dvs. să arate bine pe o varietate de dispozitive mobile, va trebui să o faceți în mod special pentru dispozitiv sau să creați un stil special care este utilizat de browserele mobile pentru a afișa versiunea "mobilă" a site-ului dvs. Rezoluția de 240x320 este standardul actual pentru majoritatea dispozitivelor smartphone și de internet, cum ar fi iPhone-ul. Este o idee bună să utilizați procente sau layout-uri "fluente", deoarece multe dispozitive acceptă atât moduri portret, cât și peisaj. dacă creați un site Web setat la o lățime de 320 de pixeli, este posibil să apară întreruperi pentru utilizator accesând-o în modul portret.
Grila de aur
Poate cel mai bun sistem pentru a determina dimensiunile layout-ului este prin utilizarea sistemului de rețea. Grilele calculează regiunile perfect echilibrate într-o lățime dată pentru a oferi un sentiment de cum să scalați elementele din zona principală de aspect sau de conținut. Aceste elemente includ cutii promoționale, bare, spațiu publicitar sau paragrafe. De exemplu, un aspect care utilizează o lățime totală de 1080 de pixeli și împărțit utilizând grila de aur ar fi lăsat zona stângă pentru postările de blog la lățimea de 739 pixeli și o bară dreaptă la lățimea de 780 de pixeli, ambele folosind marginea de 10 pixeli. Rezultatul final este un aspect perfect aliniat și echilibrat. Puteți experimenta mai multe rețele prin vizitarea sistemului de generare a rețelelor (consultați Resurse).