Notions de base sur les styles
Vous pouvez modifier le style et la mise en page en mode WYSIWYG. Dans le navigateur, vous pouvez voir un aperçu de la page en cours d'édition. Toutes les modifications sont affichées immédiatement.La zone de travail du navigateur est divisée en deux parties distinctes. La partie supérieure propose une barre d'outils multifonctions. Elle présente les fonctions disponibles. Pour plus d'informations, reportez-vous à la section Barre d'outils multifonctions et style, ci-dessous.Dans la partie inférieure, vous pouvez voir l'aperçu de page. Vous pouvez y modifier directement le style du site. L'aperçu de page montre la page active, avec le style et le thème correspondants au style sélectionné. Pour plus d'informations, reportez-vous à la section Styles, ci-dessous.Les pages sont divisées en plusieurs zones fonctionnelles. Pour plus d'informations, reportez-vous à la Figure 27.
Figure 27 : arborescence du siteLes zones définies sont les suivantes :
Zone 1 : En-tête Zone 2 : Haut Zone 3 : Gauche Zone 4 : Zone de contenu Zone 5 : Droite Zone 6 : Bas Zone 7 : Pied de page
En outre, une zone de travail affiche le contenu du site dans le navigateur. Pour plus d'informations, reportez-vous à la section Configuration de la mise en page générale dans le navigateur, ci-dessous.Si vous souhaitez éditer une zone, cliquez simplement dessus. La zone s'active alors. Elle est mise en évidence par une bordure et la barre d'outils multifonctions affiche les fonctions pouvant être appliquées à cette zone.En termes d'édition et d'options de configuration, les différentes zones du site sont réparties en deux groupes. Toutes les zones de chaque groupe peuvent être modifiées de la même manière. Les groupes sont les suivants :
Les paramètres définis pour toutes les zones constituent le style de la boutique lorsqu'ils sont mis ensembles. Certains paramètres s'influencent les uns les autres et sont interdépendants. L'effet de ces interactions doit être pris en compte. Les informations suivantes devraient vous être utiles :
- Les images de fond ont toujours la priorité sur les couleurs de fond. Cela signifie que lorsque vous chargez une image de fond et que vous définissez une couleur de fond, l'image sera affichée au-dessus de la couleur.
- Remarquez l'effet de certains paramètres définis dans d'autres zones. Les informations de hauteur pour les zones horizontales et de largeur pour les zones verticales affecteront, par exemple, la taille de la zone de contenu.
- Toutes les tailles et dimensions des exemples sont indiquées en pixels (px). Vous pouvez également utiliser toute autre taille disponible dans les feuilles de style (par exemple, les pourcentages). Pour plus d'informations sur les différents paramètres et la façon de les définir, veuillez consulter les publications techniques ou les sites Web traitant du sujet (par exemple, http://de.selfhtml.org - partiellement en anglais).
- Testez différents paramètres. N'oubliez pas que pour revenir à l'état d'origine, vous pouvez à tout moment utiliser la fonction Annuler. Vous pouvez également faire une copie du style actuel et le tester avec différentes options lors de la copie. Vous pouvez le faire depuis le tableau répertoriant vos propres styles en utilisant la fonction Créer une copie de sauvegarde. Pour plus d'informations, reportez-vous également à la section Styles, ci-dessous. Une fois le style souhaité créé, vous pouvez l'activer pour vos clients.