Zones horizontales
Les zones horizontales sont l'
en-tête, le
pied de page, le
haut et le
bas ; pour plus d'informations, reportez-vous à la section
arborescence du site. Outre le groupe de fonctions
Fichier, les groupes de fonctions supplémentaires suivants sont disponibles :
Groupe de fonctions Zone
Ce groupe contient toutes les fonctions permettant la configuration de l'image de fond et des dimensions de la zone active.
Il permet de définir ici la couleur de fond et de télécharger une image de fond. Pour plus d'informations, reportez-vous également aux sections
Téléchargement d'images et
Sélecteur de couleurs, ci-dessus. Notez que, pour toutes les zones, les images de fond sont prioritaires sur les couleurs de fond.
L'option Marge permet de définir l'espace entre la zone active et les autres zones.
L'option Remplissage permet de définir l'espace entre les éléments de page dans une zone et le bord de la zone.
Alignement détermine le placement des éléments de page dans une zone.
Groupe de fonctions Police
Vous pouvez mettre en forme les éléments de texte individuels dans la zone actuelle, par exemple, les titres ou les liens, mais également définir différentes polices pour ces derniers.
Groupe de fonctions Éléments de page
Les éléments de page sont des éléments fonctionnels pouvant être placés dans toutes les zones, sauf la zone de contenu.
Le visiteur navigue sur le site Web grâce à eux et accède aux fonctions. Pour plus d'informations, reportez-vous également à la section Éléments de page et navigation.
Outre la disponibilité des éléments de page sur le site Web, vous pouvez également modifier le style utilisé en téléchargeant des images et en changeant des couleurs.
Bouton (actif) / Bouton (actif) – Image droite
Les boutons sont des zones contenant des liens. L'apparence de ces boutons est différente selon les modèles. Reportez-vous à la
Figure 9 et à la
Figure 10.
Figure 9 : Boutons rectangulaires
Figure 10 : Boutons sous forme d'onglets
Vous pouvez affecter une image de fond à ces boutons. Pour les boutons rectangulaires simples tels que ceux de la
Figure 9, il suffit de télécharger une image de
bouton. L'image doit être au moins aussi longue que le bouton le plus long.
Si les boutons sont des onglets avec des coins arrondis comme à la
Figure 10, vous devez télécharger des parties d'image gauche et droite, chacune contenant une partie droite et gauche de l'image. Procédez comme suit :
- Dans Éléments de page, activez Boutons.
- Téléchargez une image de fond pour l'utiliser dans la partie gauche de l'onglet.
- Dans Éléments de page, activez Bouton - Image droite.
- Téléchargez une image de fond pour l'utiliser dans la partie droite de l'onglet.
L'image pour le côté droit doit être au moins aussi longue que le plus longe bouton, parce qu'elle remplit l'onglet de droite à gauche.
Dans une mise en page de ce type, l'onglet actif est souvent placé en surbrillance. Vous pouvez télécharger des images appropriées utilisées spécialement dans ce but. Pour ce faire, utilisez les commandes Bouton (actif) et Bouton (actif) – Image droite.
Encadré
Un encadré est composé d'une ligne d'en-tête et d'une liste d'entrées ou de champs de saisie. Exemples dans les zones horizontales :
- Connexion
- Recherche de produit avec lien vers la « recherche avancée »
- Résumé du panier dans un encadré
Vous pouvez choisir de personnaliser l'encadré et l'en-tête en téléchargeant une image de fond ou en configurant une couleur de fond. Pour plus d'informations, reportez-vous également aux sections
Téléchargement d'images et
Sélecteur de couleurs. Ce faisant, notez ceci :
- L'image de fond de l'encadré couvre le fond de tout l'encadré, y compris l'en-tête.
- L'image de fond de l'en-tête se limite à l'en-tête et couvre l'image de fond de l'encadré à l'intérieur.
- La couleur de fond de l'encadré couvre la zone de l'encadré hormis l'en-tête et couvre l'image de fond.
- La couleur de fond de l'en-tête couvre l'en-tête, couvre l'image de fond de l'encadré et est couverte par l'image de fond de la barre de titre.
De plus, vous pouvez définir la largeur de l'encadré dans la barre de navigation. La valeur doit être saisie en pixels (px).