Quels sont les 8 types courants de mises en page Web ?

Il existe 8 types courants de mise en page de page Web : 1. Mise en page en « 国 » ; 2. Mise en page en coin ; 3. Mise en page du texte du titre ; disposition « bouche » ; 7. Disposition à contraste symétrique ; 8. Disposition POP.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

La plupart des sites Web ont des styles différents, mais les mises en page ont toutes certaines règles. Il existe huit formes de mise en page de site Web courantes, à savoir la mise en page « 国 », la mise en page en coin et la mise en page du texte du titre, la mise en page du type de couverture, « T ». disposition de la structure, disposition de type « bouche », disposition à contraste symétrique, disposition POP. Présentons ces huit types courants de mises en page Web un par un.

1. Disposition de la police "国"

Cette disposition est courante et courante, et certains grands sites Web utilisent souvent ce type. Sa caractéristique est qu'elle est standardisée et que le contenu est de haut en bas est la bannière de titre et la barre de navigation, et le bas contient les informations pertinentes sur le contenu du site Web, telles que chinaren, 163, sina. et d'autres sites Web.

2. Disposition en coin

La caractéristique de cette mise en page est de placer des liens vers du contenu pertinent sur le côté gauche ou droit de la page Web, et l'autre côté contient des informations textuelles pertinentes au-dessus. le site Web est une bannière de titre ou une barre de navigation de contenu principal, comme le site Web du campus, etc.

3. Mise en page du texte du titre

Il se caractérise par l'utilisation de texte pour la mise en page. En plus du titre, certains articles spécialisés, pages de romans ou pages d'inscription appartiennent. à ce genre.

4. Disposition de la couverture

Il se caractérise par le fait que la page d'accueil du site Web est composée de motifs exquis et créatifs combinés à quelques petites animations. Sur la page, il n'y a pas d'indication de barre de navigation. , juste quelques liens simples "entrée" et autres. Ce type de mise en page est généralement utilisé sur les sites Web de conception, tels que les forums de conception, les entreprises de conception, les sites Web personnels, etc., car ce type de mise en page nécessite une conception soignée et donne aux gens un visuel merveilleux. sentiment.

5. Disposition de la structure en « T »

La disposition de la structure dite en « T » fait référence à la combinaison des côtés supérieur et gauche de la page Web. le logo horizontal du site Web et la bannière publicitaire, et le menu principal en bas à gauche, avec le contenu affiché à droite, est la méthode de mise en page la plus largement utilisée dans la conception Web. Dans la conception réelle, la forme de la disposition de la structure en « T » peut également être modifiée.

Par exemple, une mise en page à deux colonnes avec des colonnes de gauche et de droite, dont la moitié est constituée de texte et l'autre moitié d'images graphiques et de navigation. Ou bien le texte principal est disposé en deux colonnes, distinguées par la couleur d'arrière-plan, et les images et le texte sont placés séparément.

Une telle mise en page a ses avantages inhérents, car l'attention des gens se situe principalement dans le coin inférieur droit, de sorte que la plupart des messages que les entreprises souhaitent publier aux utilisateurs peuvent être obtenus par les utilisateurs dans la plus grande mesure possible, et cela est très pratique. Deuxièmement, la structure des pages est claire, les priorités sont claires et il est facile à utiliser. L’inconvénient est que les règles sont rigides et si on ne fait pas attention aux détails et aux couleurs, cela peut facilement devenir « ennuyeux ».

6. Disposition "bouche"

C'est une manière vivante de dire qu'il y a une bannière publicitaire en haut et en bas de la page, avec le menu principal à gauche, des liens conviviaux à droite, etc., et le contenu principal au milieu.

L'avantage de cette mise en page est que la page est substantielle, le contenu est riche et la quantité d'informations est importante. C'est une mise en page couramment utilisée pour les sites Web complets. La particularité est que la rangée de petites. les icônes en haut au centre jouent un rôle dans l’activation de l’atmosphère.

L'inconvénient est que la page est encombrée et pas assez flexible. Il existe également des conceptions de type fenêtre qui laissent les quatre côtés vides et n'utilisent que le milieu. Par exemple, le site Web de papier peint NetEase utilise un format multi-images. Seule la partie centrale de la page peut défiler et l'interface est similaire à celle-ci. une interface de jeu. Sites Web de divertissement de jeux multidimensionnels utilisant ce type de mise en page.

7. Disposition symétrique à contraste

Comme son nom l'indique, il fait référence à une disposition symétrique gauche-droite ou haut-bas, moitié sombre et moitié claire, généralement utilisée pour la conception de sites Web. Son avantage est un fort impact visuel, mais son inconvénient est qu'il est difficile de combiner les deux parties de manière organique.

8. Mise en page POP

POP vient du terme publicitaire, ce qui signifie que la mise en page est comme une affiche promotionnelle, avec une belle image comme centre de conception de la page. Souvent utilisé sur les sites Web de mode, les avantages sont évidents : beaux et attrayants, mais l’inconvénient est la lenteur.

Pour plus de connaissances sur la programmation, veuillez visiter : Introduction à la programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!