La mise en page Web peut être réalisée de deux manières différentes:
- Dispositions à largeur fixe - Il s'agit de dispositions dans lesquelles la largeur de la page entière est définie avec une valeur numérique spécifique.
- Dispositions liquides - Il s'agit de dispositions dans lesquelles la largeur de la page entière est flexible en fonction de la largeur du navigateur du visualiseur.
Il existe de bonnes raisons d'utiliser les deux méthodes de présentation, mais si vous ne comprenez pas à la fois les avantages et les inconvénients de chaque méthode, vous ne pouvez pas prendre de décision éclairée quant à l'utilisation de votre page Web.
Dispositions à largeur fixe
Les mises en page fixes sont des mises en page qui commencent par une taille spécifique, déterminée par le concepteur Web. Ils restent sur cette largeur, quelle que soit la taille de la fenêtre du navigateur affichant la page. Les dispositions de largeur fixe permettent au concepteur de contrôler plus directement l'apparence de la page dans la plupart des situations. Les concepteurs avec un fond d’impression les préfèrent souvent, car ils leur permettent d’ajuster minutieusement la mise en page tout en les maintenant cohérentes sur les navigateurs et les ordinateurs.
Layouts liquides
Les présentations liquides sont des présentations basées sur des pourcentages de la taille de la fenêtre actuelle du navigateur. Ils s'adaptent à la taille de la fenêtre, même si la visionneuse actuelle modifie la taille de son navigateur lors de la consultation du site. Les dispositions de largeur de liquide permettent une utilisation très efficace de l'espace fourni par une fenêtre de navigateur Web ou une résolution d'écran données. Ils sont souvent préférés par les concepteurs qui doivent disposer de beaucoup d'informations dans un espace aussi restreint que possible, car ils conservent une taille et un poids de page relatifs, quelle que soit la personne qui consulte la page.
Ce qui est en jeu?
La méthode choisie pour la conception de votre site Web aura un impact sur plus que votre conception, mais sur la réactivité et l'adaptabilité de votre site. Selon ce que vous choisissez, vous affecterez la capacité de vos lecteurs à numériser votre texte, à trouver ce qu'ils recherchent ou même parfois à utiliser votre site. De plus, le style de mise en page affectera vos efforts de marketing de votre site Web par le biais de la stratégie de marque, de la disponibilité immobilière et de l'esthétique de votre site.
Avantages des dispositions de largeur fixe
- Une disposition à largeur fixe permet au concepteur de créer des pages identiques, peu importe qui les regarde.
- Les éléments de largeur fixe, tels que les images, ne surchargeront pas le texte sur des moniteurs plus petits, car la largeur de la page entière inclura ces éléments.
- La longueur de numérisation ne sera pas affectée par les segments de texte volumineux, quelle que soit la largeur du navigateur Web.
Avantages des schémas liquides
- Une disposition de largeur de liquide se développe et se contracte pour remplir l'espace disponible.
- Tous les biens disponibles sont utilisés, ce qui permet au concepteur d’afficher plus de contenu sur des moniteurs plus grands, tout en restant viable sur des écrans plus petits.
- Les mises en page liquides assurent la cohérence des largeurs relatives, permettant ainsi à une page de répondre de manière plus dynamique aux restrictions imposées par le client, telles que des tailles de police plus grandes.
Inconvénients des dispositions de largeur fixe
- Les dispositions de largeur fixe peuvent provoquer un défilement horizontal dans des fenêtres de navigateur plus petites. Et la plupart des gens n'aiment pas faire défiler horizontalement.
- Ils peuvent également entraîner de grandes étendues d’espace dans des moniteurs plus grands, ce qui entraîne beaucoup d’espace inutilisé et plus de défilement vertical que nécessaire.
- Les dispositions de largeur fixe ne gèrent pas très bien les modifications apportées par le client aux tailles de police. Elles peuvent convenir pour de petites augmentations de la taille de la police, mais pour des augmentations plus importantes, la mise en page peut être compromise.
Inconvénients des schémas liquides
- Les dispositions liquides permettent très peu de contrôle précis sur la largeur des divers éléments de la page.
- Ils peuvent donner lieu à des colonnes de texte trop larges pour être balayées confortablement ou à des navigateurs plus petits trop petits pour que les mots apparaissent clairement.
- Les dispositions liquides peuvent poser des problèmes lorsqu'un élément de largeur fixe, tel qu'une image, est placé à l'intérieur d'une colonne de liquide. Si la colonne est rendue sans suffisamment d'espace pour l'image, certains navigateurs augmenteront la largeur de la colonne sans tenir compte des instructions du concepteur, tandis que d'autres provoqueront des chevauchements de texte et d'images afin d'obtenir les pourcentages corrects.
Conclusion
De nombreux sites qui ont beaucoup d'informations à transmettre dans le moins d'espace possible fonctionneraient bien avec une mise en page liquide. Cela leur permet de tirer parti de tous les biens immobiliers fournis par les grands moniteurs sans avoir à court-circuiter des écrans plus petits.
Les sites nécessitant un contrôle précis de l'apparence des pages dans chaque situation auraient tout intérêt à utiliser une disposition de largeur fixe. Cela garantit davantage que la marque de votre site Web est cohérente et claire, quelle que soit la taille du moniteur sur lequel il est visualisé.
Préférence de mise en page
Beaucoup préfèrent une approche mixte. Ils n'aiment pas utiliser des mises en page liquides pour les gros blocs de texte, car cela peut rendre le texte illisible sur un petit moniteur ou non numérisable sur un grand. Les colonnes principales des pages ont donc généralement une largeur fixe, mais les en-têtes, les pieds de page et les colonnes latérales sont plus flexibles pour occuper le reste de l’immobilier sans perdre la capacité des grands navigateurs.
Certains sites utilisent des scripts pour déterminer la taille de la fenêtre de votre navigateur, puis modifient les éléments d'affichage en conséquence. Par exemple, si vous ouvrez un tel site dans une fenêtre très large, vous pouvez obtenir une colonne supplémentaire de liens sur le côté gauche, que les clients dotés de moniteurs plus petits risquent de ne pas voir. En outre, le texte entourant la publicité dépend de la largeur de la fenêtre de votre navigateur. S'il est suffisamment large, le site en entourera le texte, sinon, il affichera le texte de l'article sous l'annonce.Bien que la plupart des sites n’aient pas besoin de ce niveau de complexité, cela montre un moyen de tirer parti des écrans plus grands sans affecter l’affichage sur des écrans plus petits.
