Notions de base sur les styles
Pour concevoir votre site Web dans tous les aspects possibles, ouvrez le mode de création avancé. Vous pouvez modifier le style et la mise en page en mode WYSIWYG. Les changements sont visibles 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 contenu.Dans la partie inférieure, vous pouvez voir l'aperçu de page. Vous pouvez y modifier directement le style et la mise en page 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 personnalisés.Le site Web est divisé en plusieurs zones fonctionnelles. Pour plus d'informations, reportez-vous à la Figure 8.
Figure 8 : arborescence du site
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
De plus, une zone de travail affiche le contenu du site dans le navigateur. Pour plus d'informations, reportez-vous à la section Aperçu de page dans le navigateur.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 zones verticales et horizontales ainsi qu'en une zone de contenu :
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 :
- Dans les zones, les images de fond sont prioritaires 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.
- 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 à la section Styles personnalisés. Une fois le style souhaité créé, vous pouvez l'activer pour vos clients.
Remarques sur les images de fondDes modèles assortis sont chargés pour les images de fond dans chaque modèle de style. Vous pouvez les remplacer par vos propres images. Si vous supprimez vos propres images, le modèle utilisé est chargé de nouveau. Si vous ne souhaitez utiliser aucune image de fond, vous devez également supprimer l'image du modèle. Pour cela, cliquez sur le lien Supprimer le modèle. Une fois le modèle supprimé, le nom du lien se change alors en Restaurer le modèle. Cliquez sur ce lien pour restaurer le modèle par défaut pour l'image de fond sans avoir à indiquer de nom de fichier.Remarque : Si vous choisissez à la fois une couleur et une image de fond, l'image de fond sera toujours affichée au-dessus de la couleur de fond. Donc, si vous souhaitez afficher une couleur de fond, vous devez supprimer l'image de fond. Si le fond de la page doit être rempli entièrement, vous devez soit redimensionner l'image afin de l'ajuster à la zone, soit activer l'option Image en mosaïque.Image en mosaïqueLes images de fond peuvent soir être affichées en tant qu'image unique, soit répétées en motif de manière à remplir le fond de toute la page. Les copies de l'image sont placées sur le côté et sous l'image jusqu'à ce que la totalité de la page soit remplie.