Defini l'Anu di a pàgina Web

U primu ciò chì a più di cunceta cunceta quandu custruiscenu a so pàgina web hè quella solu risulazione di disignà. Chì questu hè quantità quantu hè decisu quantu anu u so designu deve esse. Ùn ci hè nunda cusì cum'è una larghevule standard di u web.

Perchè Ghjudicate Risolta

In u 1995, i monitudi di u resolution 640x480 standard eranu i più grandi è megghiu monitorii dispunibili. Hè significatu chì i web designers céntrendu à fà e pagine chì eranu boni in navigatori web maximizzati nantu à un monitor di 12 ori à 14 pulgari in questa resoluzione.

Oghji, 640x480 risolve cumpone menu di 1 percentu di a maiò traficazione di u situ web. A ghjente utilizate l'ordinate cù risultati altamente altri chì inclusi 1366x768, 1600x900 è 5120x2880. In parechji casi, designendu per una pantalla di resoluzione 1366x768.

Semu in un puntu in a storia di u web design induve ùn averemu micca a pruriculturalità nantu à a risoluzione. A maiò parte di a ghjente sanu cù monitori di grande scazzetta è ùn maximizan a finestra di u navigatore. Allora se decide di designà una pagina chì ùn hè micca più di 1366 pixella alcune, a vostra pagina hà prubbabbilmente bè fine in a maiò parte di i finestri di u navigatore ancu à grande monitors cù altri resoluzioni.

Ammettariu di Navigatore

Prima di vultà à pensà "avà, fate aghjustà e mo pàggini 1366 pixele alcune", ci hè più à questa storia. U spessu spessu dumandatu u dumiciliu à decisione l'larghezza di una pàgina web hè quantu grande u vostru cliente mantene i so navigatori. Specificamenti, cumu prufiteghjanu i so navigatori à un tamantu pianu di scatula o li tenenu più chjappi ca a pantalla completa?

In una storia informale di collegenti chì allonu una persunale di 1024x768 di una regule standard di l'imprese, dui mantinevanu tutti i so applicazioni maximizzati. U restu hà avutu varietà di Windows apertura per diversi razze. Questa illustrà chì, sè vo diseume l'intranet di l'intuduzzione à 1024 pixel d'ampii, u 85 percentu di l'utilizatori hanu avutu scroll horizontale per vede a pagina sana.

Dopu qualchì contu per clienti chì maximizà o micca, pensate micca di e fruntiere di u navigatore. Ogni navigatore web hè un scroll bar è cunfini di i costi chì smegheranu l'ispaziu dispunibule da 800 à u 740 píxli o più menu in 800x600 resoluzione è di circa 980 píxli nantu à finestri maximizzati à 1024x768 resoluzione. Questu hè chjamatu browser "chrome" è pò ripiglià da u spaziu utilizable per u so designu di pagina.

Fixed o Liquid Width Pages

L'anziana numerica propiu ùn hè micca solu l'avè bisognu di pensà à u discu di l'amande di u vostru situ web. Avete bisognu di decisu sè se avete un anellu fissatu o un anchinu di liquid . In altri dritti, vi andate à definisce a larghezza per un numaru specificu (fissi) o à un percentinu (liquidu)?

Fixed Width

I paghjelli di larghevvi fissi sò cumu cù i so sound. L'anch'ellu hè stituutu à un numaru specificu è ùn cambia micca impurtate quantu o bigliu hè u navigatore. Questu pò esse bè, sè bisognu di u vostru designu per esse exactu u listessu ùn importa ciò ch'ella hè larga o estrema i navigatori di i vostri pezzi, ma stu metudu ùn si pò micca cunsiderà i vostri lettori. A ghjente cun browsers narrower chì u vostru designu duverghjenu scorri orizzontalmenti è e persone cun navigatori largu anu pussutu parechje quantità di spaziu vacanti nantu à a pantalla.

Per creà pagine di larghezzione fixa, simule utilizate numeri di pezzi specifiche per l'anche di e vostre divisioni di pagina.

Liquid Ancho

Pagine di l'altura di liquid (oghje cù qualchì paghjornu d'ampiezza flexibili) varienu in largu secondu cumu quandu a larga finestra di u navigatore hè. Questu vi permette di prugramma pagine chì foca più nantu à i vostri clienti. U prublema cù pagine d'ampiezza di u liquid hè chì ponu esse difficili di leghje. Se a scan longe d'una linea di testu hè più larga di 10 à 12 parolle o più brevi di 4 à 5 parolle, pò esse difficili per leghje. Questu significa chì i lettori cù navigazioni di navigatore grande o chjucu sò diffiultà.

Per creà pagine d'ampiezza flexibule, simpricimenti omiglie per centosi o ems per l'anch'elli di e vostre divisioni di pagina. Preferite ancu familiarizà cun l'intesa di CSS max-width. Sta pruprietà permette di stabbilì un anch'ellu in percentuali, ma poi difinisceite per ch'ellu ùn sia micca grande chì a ghjente ùn si pò micca leghje.

U Guvernu hè: CSS Media Queries

A megliu suluzione di sti ghjorni hè di utilizà a ricerca di media CSS è u disencu responsive à creà una pagina chì si aghjusta à l'larghezza di u navigatore a vede. Un articulu di rispunsabilità utilizeghja u stessu cuntenutu per creà una pagina web chì faci esse vede o 5120 pixella d'altare o 320 pixella di grande. I paesi diffirenti varieghji diverse, ma cuntenenu u listessu cuntenutu. Cù a media query in CSS3, ogni apparitu riceve risponde à a quistione cù a so grandore, è a stile di stampa hè adattatu à quellu tulu particular.