Els usuaris d'Internet fan servir una gran varietat de monitors amb diferents resolucions de pantalla. Per tant, una de les tasques dels desenvolupadors web és la necessitat de crear i optimitzar un lloc perquè es visualitzi correctament en monitors amb qualsevol resolució.
Instruccions
Pas 1
Dissenyeu el vostre lloc web amb la resolució útil més baixa: 800 * 600 píxels i utilitzeu un disseny fix. Però, amb aquest enfocament, hi ha un inconvenient: per als usuaris que tinguin monitors de pantalla ampla, apareixeran camps amplis a la pantalla quan vegin el vostre lloc.
Pas 2
Utilitzeu un disseny fluid. En aquest cas, les pàgines s’estendran horitzontalment sobre aquests monitors, la resolució dels quals és superior a la que s’utilitza al desenvolupament. Però aquest enfocament s’utilitza millor a l’hora de crear llocs amb molta informació textual i una quantitat mínima de gràfics. Això es deu al fet que alguns elements, com ara imatges o components de tercers, es distorsionaran en canviar la mida a diferents monitors.
Pas 3
El més correcte, però al mateix temps i més complex des del punt de vista de la implementació, és l’ús d’un disseny adaptatiu. Es tracta d’una versió més complexa del disseny de goma, que permet canviar el nombre de columnes amb informació quan s’utilitza el codi del programa.
Pas 4
Però qualsevol disseny que es triï per al desenvolupament del lloc, feu-lo amb una resolució de pantalla de 1024 * 768 píxels. Aquesta és la resolució més comuna.
Pas 5
A més, per a la visualització correcta del lloc en monitors amb una resolució diferent, seguiu algunes regles. Proveu de mantenir el contingut principal de la pàgina en una pantalla per evitar desplaçaments. Col·loqueu la informació de text en una columna estreta perquè no "estengui" per tota l'amplada de la pantalla. Feu un seguiment del disseny general de les pàgines perquè tot sigui proporcional.
Pas 6
En dissenyar el vostre disseny, calculeu el percentatge, no la quantitat, de l'amplada i l'alçada de la pàgina. A continuació, la pàgina es redimensionarà proporcionalment tant en monitors convencionals com en monitors de pantalla ampla.
