Gli utenti di Internet utilizzano un'ampia varietà di monitor con diverse risoluzioni dello schermo. Pertanto, uno dei compiti degli sviluppatori web è la necessità di creare e ottimizzare un sito per la sua corretta visualizzazione su monitor con qualsiasi risoluzione.
Istruzioni
Passo 1
Progetta il tuo sito Web con la risoluzione utilizzabile più bassa - 800 * 600 pixel e utilizza un layout fisso. Ma con questo approccio, c'è un inconveniente: per gli utenti che dispongono di monitor widescreen, sullo schermo appariranno ampi campi durante la visualizzazione del tuo sito.
Passo 2
Usa un layout fluido. In questo caso, le pagine verranno allungate orizzontalmente su quei monitor la cui risoluzione è superiore a quella utilizzata nello sviluppo. Ma questo approccio è utilizzato al meglio quando si creano siti con molte informazioni testuali e una quantità minima di grafica. Questo perché alcuni elementi, come immagini o componenti di terze parti, verranno distorti durante il ridimensionamento su monitor diversi.
Passaggio 3
Il più corretto, ma allo stesso tempo e più complesso dal punto di vista dell'implementazione, è l'uso di un layout adattivo. Questa è una versione più complessa del layout di gomma, che consente di modificare il numero di colonne con le informazioni quando si utilizza il codice del programma.
Passaggio 4
Ma qualunque sia il layout scelto per lo sviluppo del sito, esegui il layout con una risoluzione dello schermo di 1024 * 768 pixel. Questa è la risoluzione più comune.
Passaggio 5
Inoltre, per la corretta visualizzazione del sito su monitor con una diversa risoluzione, seguire alcune regole. Cerca di mantenere il contenuto principale della pagina su una schermata per evitare lo scorrimento. Posiziona le informazioni di testo in una colonna stretta in modo che non si "diffonda" su tutta la larghezza dello schermo. Tieni traccia del design generale delle pagine in modo che tutto sia proporzionale.
Passaggio 6
Quando progetti il tuo design, calcola la percentuale, non la quantità, della larghezza e dell'altezza della pagina. Quindi la pagina verrà ridimensionata proporzionalmente sia sui monitor convenzionali che sui monitor widescreen.
