PARALLELS Presence Builder 11.5 User Manual [fr]
Parallels® Panel
Guide de l'utilisateur de Parallels Presence
Builder 11.5
Table des matières
Introduction 3
Se familiariser avec Presence Builder........................................................................................... 4
Créer et éditer des sites Web 6
Importer des sites de Sitebuilder 4.5 ............................................................................................. 7
Éditer des sites Web...................................................................................................................... 9
Structure : Pages et Navigation .......................................................................................... 9
Design : Templates de design, Mise en page, Styles, Charte chromatique et En-tête .... 12
Contenu : Texte, Tableaux, Images, Vidéos, Formulaires et Scripts................................ 21
Paramètres et outils pour les Webmasters ................................................................................. 44
Enregistrer et charger les copies d'un site Web .......................................................................... 49
Publier un site Web sur Internet .................................................................................................. 51
Publier une copie d'un site Web sur Facebook ........................................................................... 52
Voir les statistiques des visites, commentaires et nouvelles commandes dans le Tableau de bord
54
Supprimer des sites Web 56
Presence Builder (également connu sous le nom d'éditeur) est une solution intuitive et
Dans ce chapitre :
Se familiariser avec Presence Builder ............................................................... 4
C H A P I T R E 1
Introduction
facile pour créer des sites Web pour les PME et particuliers.
Pour commencer à créer un site Web avec Presence Builder, vous devez tout d'abord
sélectionner votre rubrique de site Web, indiquer un nom de site Web et sélectionner
une langue. Veuillez noter que la langue est sélectionnée pour le contenu de votre site
Web, non pour l'interface de l'éditeur. Pour changer la langue de l'interface de l'éditeur,
vous n'avez pas d'autre choix que de passer par votre panneau de contrôle
d'hébergement.
Vous serez invité à indiquer des informations vous concernant pour pré-remplir votre
site Web. Veuillez noter que les informations que vous indiquez ne seront ni stockées
quelque part ni utilisées à d'autres fins que celle de remplir le contenu de votre site
Web, tel que les pages « A propos de nous » et « Nous contacter ». L'adresse que
vous avez indiquée sera utilisée pour afficher votre emplacement sur la carte, si vous
décidez d'utiliser une carte sur votre site. Vous pouvez changer ou supprimer ces
informations à tout moment.
Une fois que les informations requises sont fournies, Presence Builder génère un site
Web avec un design unique se composant d'un certain nombre d'éléments. Chaque
fois que le design d'un site Web est généré, tout un jeu aléatoire d'éléments de design
est utilisé. Résultat : vous pouvez être sûr que le design du site Web que vous recevez
ne se répète jamais. Outre les designs générés de manière aléatoire pour lesquels
vous disposez d'un aperçu immédiat et d'une sélection dans l'éditeur, il existe un
certain nombre de templates de design (cf. page 13) qui ont été conçus spécialement
pour vous par nos designers.
4 Introduction
Se familiariser avec Presence Builder
L'interface de l'éditeur Presence Builder se divise en deux parties principales : votre site Web
et le menu principal.
Un site Web se compose d'un certain nombre d'éléments ou de modules. Chaque module
peut être édité séparément. Dans cette section, nous voulons vous familiariser avec les
principes fondamentaux de l'édition des modules d'un site Web. Ces principes sont les
mêmes pour tous les modules.
Lorsque vous ajoutez un module dans une page, vous pouvez choisir s'il doit être affiché sur
la page actuelle (module spécifique à la page) ou sur toutes les pages du site (module pour
l'ensemble du site). Les seules exceptions sont les modules suivants : Rechercher, Publicité,
Logo du site, Navigation, et Breadcrumbs ou Fils d'Ariane. Lorsque vous les ajoutez, ils sont
placés sur toutes les pages du site Web.
Pour placer un module uniquement sur la page actuelle, sélectionnez le module sous l'onglet
Modules et faites-le glisser dans l'une des zones marquées par le texte UNIQUEMENT SUR
CETTE PAGE. De telles zones sont situées dans le bloc de contenu principal et en haut de
chaque volet.
Pour placer un module sur toutes les pages du site Web, sélectionnez le module sous
l'onglet Modules et faites-le glisser dans l'une des zones marquées par le texte SUR TOUTES
LES PAGES. De telles zones sont situées au-dessus et en-dessous du bloc de contenu
principal, dans les volets, l'en-tête et le pied-de-page.
Pour localiser ou éditer le module d'un site Web, passez le curseur de la souris sur la partie
du site Web que vous voulez changer. Un cadre en pointillé apparaîtra autour du module. Un
panneau de contrôle vous invitant à déplacer, éditer ou supprimer le module apparaîtra à
côté de ce cadre en pointillé.
Le cadre en pointillé qui entoure les modules spécifiques à la page est vert. Celui entourant
les modules valables pour l'ensemble du site est bleu.
Le menu principal de l'éditeur offre des options d'édition du site Web groupées en cinq
onglets :
Modules. Sous cet onglet, vous pouvez choisir les modules nécessaires et les déposer où
vous le souhaitez sur la page pour remplir le contenu de votre site Web.
Design. Sous cet onglet, vous pouvez sélectionner la mise en page et la charte
chromatique générale pour votre site Web, changer les couleurs des différents éléments,
sélectionner la police et les styles de bordures.
Pages. Sous cet onglet, vous pouvez ajouter et supprimer des pages, les renommer,
éditer les méta-informations de pages telles que les descriptions et les mots-clés que les
moteurs de recherche peuvent utiliser. Vous pouvez également marquer les pages
comme étant masquées, afin que vos visiteurs ne puissent pas y accéder à partir du
menu du site.
Introduction 5
Documents. Sous cet onglet, vous pouvez envoyer les documents, images et autres
fichiers dans divers formats vers votre compte d'hébergement. Vous pouvez simplement
insérer les liens vers ces documents dans vos pages de site Web. Ou vous pouvez
simplement garder les fichiers dans le compte d'hébergement pour vos propres besoins.
Paramètres. Sous cet onglet, vous pouvez éditer le nom de votre site Web, la description
et les mots-clés pour les moteurs de recherche, envoyer une icône de site (favicon),
optimiser le niveau de votre site Web dans les résultats du moteur de recherche,
connecter votre site à Google Analytics et ajouter une copie de votre site dans une page
de Facebook.
Vous pouvez également utiliser le menu principal pour :
Accéder au Tableau de bord afin d'exécuter les opérations suivantes :
Voir les statistiques à propos des visites du site Web. Les statistiques sont fournies
par Google Analytics.
Voir les nouveaux commentaires laissés par les visiteurs du site sur les pages de
votre site Web. La fonction Commentaires est fournie par Disqus.
Voir les nouvelles commandes des clients visitant vos boutiques en ligne. La fonction
Boutique en ligne est fournie par Ecwid.
Enregistrez et chargez les copies de votre site Web en utilisant les options Enregistrer et
Restaurer.
Accédez au tutoriel Vidéo Premiers pas, regardez le Guide de l'utilisateur, ou envoyez-nous
votre feedback. Pour ce faire, sélectionnez l'option correspondante à partir du menu Aide.
Publiez votre site Web à l'aide du bouton Publier.
Ignorez tout changement apporté sur un site et commencez à créer le site en
sélectionnant Plus > Recommencer. Cela ne supprime pas votre copie de site déjà publié.
Supprimez un site Web préparé dans l'éditeur en sélectionnant Plus > Supprimer le site.
Cela ne supprime pas votre copie de site déjà publié.
Vous pouvez glisser le menu principal où vous le voulez sur la page, et ce à votre
convenance, ou le réduire.
Vous pouvez également accéder à toutes les options du menu principal dans le menu
contextuel partout sur la page. Pour ouvrir le menu contextuel, cliquez sur le bouton droit de
la souris.
Pour minimiser vos efforts lors de la création d'un site Web, Presence Builder vous
Dans ce chapitre :
Importer des sites de Sitebuilder 4.5 ................................................................. 7
Éditer des sites Web ......................................................................................... 9
Paramètres et outils pour les Webmasters ........................................................ 44
Enregistrer et charger les copies d'un site Web ................................................. 49
Publier un site Web sur Internet ........................................................................ 51
Publier une copie d'un site Web sur Facebook .................................................. 52
C H A P I T R E 2
Créer et éditer des sites Web
offre un jeu de rubrique prédéfini pour les sites Web. Lorsque vous commencez à créer
un site Web, choisissez une rubrique qui vous convient le mieux et Presence Builder
générera un site Web avec le contenu approprié pour cette rubrique. Par exemple, il
inclura un template de liste de prix dans une boutique ou une galerie d'images dans un
site d'artiste. Si vous n'arrivez pas à trouver une rubrique qui vous convient, vous
pouvez contacter votre fournisseur de services et lui demander de créer le template
correspondant et l'ajouter dans la liste des rubriques disponibles.
Lorsque vous commencez à créer un site Web, Presence Builder vous invite
également à indiquer les informations sur vous-même ou votre société. Presence
Builder les ajoutera automatiquement à certaines pages où elles pourraient être
appropriées, par exemple, dans les pages A propos de nous et Nous contacter.
Remarque : Presence Builder ne stockera ou n'utilisera aucune information que vous
indiquez nulle part sauf dans les pages de votre site Web. Vous pouvez modifier ou
supprimer plus tard ces informations.
Pour commencer à créer un site Web :
1. Allez dans Presence Builder.
2. Sélectionnez une rubrique de site Web.
3. Tapez le nom du site Web et sélectionnez la langue du site Web.
4. Indiquez les informations pour pré-remplir votre site Web.
5. Cliquez sur Créer le site.
Créer et éditer des sites Web 7
Importer des sites de Sitebuilder 4.5
Si vous disposez d'un site créé avec SiteBuilder 4.5, vous pouvez l'importer dans
Presence Builder.
Remarque : l'importation des sites à partir de versions antérieures de SiteBuilder ou
d'autres systèmes de gestion de contenus n'est pas prise en charge.
Si votre site a été créé avec une version antérieure de SiteBuilder (4.4 ou versions
antérieures) et si vous souhaitez transférer votre site, vous pouvez procéder comme
suit :
Contactez votre hébergeur et demandez-lui de mettre à niveau votre contenu vers
la toute dernière version de Presence Builder.
Transférez votre site manuellement en copiant/collant le contenu.
Lors de l'importation du site, les majeures parties de la structure du site et du contenu
peuvent bien être transférées. Cependant, nous ne pouvons pas garantir que tout le
contenu sera transféré.
Dans la majorité des cas, les éléments suivants sont bien importés :
Plan du site.
Pages statiques, y compris les liens et images dans les modules textuels. Notez
que les blocs textuels qui dépassent les 30 kilo-octets peuvent être coupés ; c'est
pourquoi certaines parties du texte peuvent manquer.
Bannière (s'il ne s'agit pas d'une image personnalisée).
Slogan, titre du site.
Logo (s'il ne s'agit pas d'une image personnalisée).
Texte du pied-de-page.
Méta-info (mots-clés, description).
Les autres modules peuvent être importés uniquement en tant que widgets textuels
avec un contenu statique, des liens et des images. Les boutons ne fonctionneront pas.
La structure de la galerie d'image peut être importée sans image.
Pour importer un site depuis SiteBuilder 4.5 :
1. Ouvrez l'éditeur de Presence Builder et sur l'écran de sélection du
thème, cliquez sur Importer le site de SiteBuilder 4.5.
2. Tapez l'adresse Internet (nom du domaine) du site que vous voulez
importer. Par exemple : http://example.com.
3. Cochez la case pour confirmer que vous êtes conscient des possibles
problèmes d'importation et cliquez sur Importer le site.
4. Après l'importation du site, vérifiez-le et éditez-le si nécessaire (cf.
page 9). Vous pouvez comparer la version du site importée avec votre
site original et ajouter manuellement les informations.
8 Créer et éditer des sites Web
5. Une fois l'édition terminée, publiez le site dans votre compte client (cf.
page 51).
Si vous publiez votre nouveau site dans le même espace Web dans lequel votre site
créé avec SiteBuilder 4.5 a été hébergé, l'ancien site sera écrasé.
Créer et éditer des sites Web 9
Éditer des sites Web
Dans cette section :
Structure : Pages et Navigation ......................................................................... 9
Design : Templates de design, Mise en page, Styles... ..................................... 12
Contenu : Texte, Tableaux, Images, Vidéos, Formulaires et Scripts .................. 20
Dans cette section :
Ajouter et supprimer des pages ......................................................................... 10
Ajouter et supprimer des liens de navigation ..................................................... 12
Dans Presence Builder, vous pouvez changer quasiment chaque élément de votre site Web.
La plupart des éléments sont changés sur place : vous pouvez ouvrir une page où l'élément
est utilisé, l'éditer et voir le résultat directement. Les éléments valables pour l'ensemble du
site, tels que le bloc Rechercher et le bloc Publicité, sont changés dans un même endroit mais
les changements sont appliqués dans chaque page de votre site Web.
Remarque : Si vous utilisez Internet Explorer, nous vous recommandons vivement de ne
pas utiliser le zoom du navigateur pour changer la taille du texte qui s'affiche dans la fenêtre
de votre navigateur. Veuillez noter que l'affichage des sites Web dans Presence Builder sera
le meilleur en zoom normal (100 %).
Structure : Pages et Navigation
Cette section décrit comment ajouter les pages dans un site, configurer leur emplacement
dans la structure du site et ajouter les liens de navigation.
10 Créer et éditer des sites Web
Ajouter et supprimer des pages
Votre site peut avoir deux niveaux de pages imbriquées. Le nombre total de pages Web que
vous pouvez créer dépend de votre pack d'hébergement. L'éditeur vous notifie lorsque vous
atteignez le nombre de pages alloué : une icône avec le symbole dollar ($) s'affiche
au-dessus du bouton Ajouter une page.
Pour ajouter une nouvelle page dans votre site Web :
1. Allez sur l'onglet Pages.
2. Cliquez sur Ajouter une page. La nouvelle page s'affiche en surbrillance de
couleur verte.
3. Positionnez la nouvelle page en la faisant glisser au bon endroit ou en
cliquant sur les flèches.
4. Indiquez le titre de la page.
5. Indiquez une brève description du contenu de la page qui s'affichera dans
les pages de résultats des moteurs de recherche et les mots-clés qui
permettront de retrouver la page grâce aux moteurs de recherche.
Remarque : Nom de la page et Nom du lien de la page sont des champs obligatoires. La
Description et les Mots-clés sont des champs optionnels. Si vous indiquez les mots-clés
pour une page, ils doivent être séparés par des virgules sans espace blanc.
6. Si vous voulez masquer la page aux visiteurs de votre site Web, cochez la
case Page masquée.
7. Si vous voulez restreindre l'accès à la page avec une authentification par
mot de passe, cochez la case Page protégée et indiquez un nom d'utilisateur et
un mot de passe.
8. Cliquez sur OK pour enregistrer les modifications.
Pour changer l'emplacement ou les propriétés d'une page :
1. Allez sur l'onglet Pages.
2. Sélectionnez la page que vous voulez éditer.
3. Changez la position de la page en la faisant glisser au bon endroit ou en
cliquant sur les flèches.
4. Éditez le titre de la page.
5. Éditez ou supprimez la brève description du contenu de la page qui
s'affichera dans les pages de résultats des moteurs de recherche et les
mots-clés qui permettront de retrouver la page grâce aux moteurs de
recherche.
Créer et éditer des sites Web 11
Remarque : Nom de la page et Nom du lien de la page sont des champs obligatoires. La
Description et les Mots-clés sont des champs optionnels. Si vous indiquez les mots-clés
pour une page, ils doivent être séparés par des virgules sans espace blanc.
6. Si vous voulez masquer la page aux visiteurs de votre site Web, cochez la
case Page masquée.
7. Si vous voulez restreindre l'accès à la page avec une authentification par
mot de passe, cochez la case Page protégée et indiquez un nom d'utilisateur et
un mot de passe.
8. Cliquez sur OK pour enregistrer les modifications.
Pour supprimer une page de votre site Web :
1. Allez sur l'onglet Pages.
2. Sélectionnez la page que vous voulez supprimer.
3. Cliquez sur Supprimer la page.
4. Cliquez sur OK pour enregistrer les modifications.
12 Créer et éditer des sites Web
Ajouter et supprimer des liens de navigation
Dans cette section :
Sélectionner un template de design de site Web ............................................... 13
Changer la mise en page de votre site Web ...................................................... 15
Sélectionner les couleurs du site Web, les images d'arrière-plan et... .............. 17
Changer les éléments de l'en-tête du site Web .................................................. 19
Par défaut, une barre de navigation horizontale avec des liens vers les pages de site est
insérée en-dessous ou au-dessus de l'en-tête de votre site. Elle est automatiquement mise à
jour à chaque fois que vous ajoutez, changez, déplacez ou supprimez les pages du site.
Si vous utilisez les volets sur le site, la barre horizontale sous l'en-tête inclut seulement les
liens vers les pages de premier niveau et les volets affichent les liens des deuxième et
troisième niveaux.
Vous pouvez déplacer les blocs de navigation en les faisant glisser vers d'autres zones du
site.
Pour chaque bloc de navigation, vous pouvez indiquer les niveaux des pages qui doivent
être inclus dans le menu, changer l'alignement du menu (par ex., l'afficher au milieu de la
page au lieu de l'alignement par défaut vers la gauche) et changer la couleur, le style et la
taille de la police utilisée pour les liens. Pour changer l'un de ces paramètres, déplacez le
pointeur de la souris sur un bloc de navigation et cliquez sur Editer.
Si vous supprimez de temps à autre un bloc de navigation, vous pouvez le réinsérer. Pour ce
faire, allez dans l'onglet Modules, sélectionnez Navigation, et faites glisser le bloc vers la zone
sur la page où vous voulez l'ajouter. Le bloc de navigation sera inséré dans toutes les pages
du site Web.
Pour les visiteurs de votre site, vous pouvez également vouloir ajouter les blocs
Breadcrumbs ou Fils d'Ariane. Le fil d'Ariane est une chaîne de liens qui représente le
chemin d'accès de l'utilisateur à partir de la page principale du site vers une page actuelle.
Pour ajouter un bloc Breadcrumbs ou Fils d'Ariane, allez dans l'onglet Modules, sélectionnez
Breadcrumbs ou Fils d'Ariane et faites glisser le module vers la zone de la page où vous voulez
l'ajouter. Le bloc de navigation sera inséré dans toutes les pages du site Web.
Design : Templates de design, Mise en page, Styles, Charte
chromatique et En-tête
Cette section décrit comment changer la mise en page, la charte chromatique et les
éléments d'en-tête du site.
Créer et éditer des sites Web 13
Sélectionner un template de design de site Web
Lorsqu'un nouveau site Web est généré, l'éditeur applique de manière aléatoire un template
de design au site. Un template de design est une combinaison d'éléments de site Web
(bannières, pieds de pages, volets), de paramètres de mise en page et de couleurs.
L'éditeur fournit une sélection de 24 templates de design. 16 d'entre eux sont générés de
manière aléatoire et 8 ont été conçus spécialement pour Presence Builder par les designers.
Vous pouvez passer en revue la liste des templates de design et sélectionner celui que vous
préférez. Vous pouvez aussi adapter individuellement la mise en page et les couleurs des
éléments de site Web conformément aux instructions fournies dans la suite de ce guide.
Par ailleurs, vous pouvez concevoir vos propres templates de design, les enregistrer dans
les archives ZIP, les charger dans l'éditeur et les appliquer aux sites Web.
Sélectionner et appliquer un template de design
Remarque : lorsque vous appliquez un template de design, tous les éléments et les modules
de l'ensemble du site ainsi que leur contenu sont écrasés.
Pour sélectionner un template de design et l'appliquer à un site :
Allez dans l'onglet Design > Templates et sélectionnez le template de votre choix. Cliquez sur
OK.
Les templates générés de manière aléatoire sont répertoriés dans la section Générés. Les
templates générés par les designers sont quant à eux dans la section Spécifiques.
Préparer un template de design personnalisé
Vous pouvez enregistrer les éléments et les paramètres suivants dans un template de
design :
La mise en page du site Web : emplacement et taille de l'en-tête, du pied de page, des
zones de contenu et des volets.
L'image de la bannière.
Tous les modules du site.
La charte chromatique ou les couleurs sélectionnées individuellement.
Les polices.
Les informations sur les bordures et sur la forme des coins des blocs de la page.
Pour créer un template de design personnalisé :
1. Ajustez la mise en page et le design, comme décrit dans les sections Changer
la mise en page de votre site Web (cf. page 15) et Sélectionner les couleurs du site Web,
les images d'arrière-plan, polices et styles pour les bordures et angles (cf. page 17).
14 Créer et éditer des sites Web
2. Ajoutez les modules et la bannière nécessaires à l'ensemble du site, comme
décrit dans le chapitre Contenu : Texte, Tableaux, Images, Vidéos,
Formulaires et Scripts (cf. page 20) et dans la section Changer les éléments
de l'en-tête du site Web (cf. page 19).
3. Enregistrez le template de design : allez sous l'onglet Design et cliquez sur
Exporter le design.
Importer et appliquer un template de design personnalisé
Remarque : lorsque vous importez et appliquez un template de design, tous les éléments et
les modules de l'ensemble du site ainsi que leur contenu sont écrasés.
Pour importer et appliquer un template de design :
1. Allez sous l'onglet Design et cliquez sur Importer le design.
2. Sélectionnez l'archive ZIP qui contient le template de design.
Créer et éditer des sites Web 15
Changer la mise en page de votre site Web
La mise en page de votre site peut se composer des éléments suivants :
En-tête. C'est la zone située tout en haut d'une page dans laquelle une image de bannière
et un logo de société sont généralement placés. Dans l'en-tête, vous pouvez :
Déplacer l'image de la bannière et le logo de l'en-tête vers tout endroit de la page.
Réduire la hauteur de l'en-tête de 25 pixels en supprimant tous les éléments présents.
Changer la largeur de l'en-tête depuis la taille par défaut de 100 % afin qu'elle soit
étendue pour s'adapter parfaitement à la largeur de la page.
Zone du contenu. C'est la partie principale d'une page Web où la plus grande partie du
contenu est placée. Dans la zone du contenu, vous pouvez :
Adapter la hauteur de la zone du contenu.
Diviser la zone du contenu en plusieurs colonnes. Pour cela, faites glisser les
nouveaux modules vers la gauche ou vers la droite de cette zone. Vous pouvez
ensuite les insérer.
Changer l'emplacement des colonnes dans la zone du contenu en déplaçant le
contenu vers la gauche ou vers la droite.
Volets. Il s'agit des colonnes verticales qui peuvent être utilisées pour placer tous types
de modules, qu'ils soient pour une page spécifique ou pour l'ensemble du site Web. Dans
les volets, vous pouvez :
Ajouter un volet et le placer vers la gauche ou vers la droite de la zone du contenu.
Ajouter deux volets. Ils seront placés vers la gauche ou vers la droite de la zone du
contenu.
Adapter la hauteur et la largeur des volets.
Déplacer les volets vers le haut de la page et les placer vers la gauche ou vers la
droite de la zone de l'en-tête.
Interchanger les volets.
Pied de page. C'est la zone située tout en bas d'une page, là où sont généralement insérés
le nom de la société, les informations sur les contacts ou une notice de copyright. Dans le
pied de page, vous pouvez :
Réduire la hauteur du pied de page de 25 pixels en supprimant tous les éléments
présents.
Changer la largeur du pied de page depuis la taille par défaut de 100 % afin qu'elle
soit étendue pour s'adapter parfaitement à la largeur de la page.
Bloc publicitaire sous le pied de page. Selon votre pack d'hébergement, un bloc de texte
supplémentaire contenant certaines publicités de votre fournisseur d'hébergement peut
apparaître sous le pied de page du site Web. Si ce bloc publicitaire s'affiche sur votre
site, vous souhaiterez peut être procéder à une mise à niveau vers un autre pack
d'hébergement pour le supprimer.
Pour changer la mise en page de votre site :
1. Allez dans l'onglet Design > Mise en page.
2. Sélectionnez le nombre de volets : Sous Volets, sélectionnez Non, Un ou Deux.
16 Créer et éditer des sites Web
3. Sélectionnez les emplacements des volets :
Pour déplacer un volet de l'autre côté de votre site Web avec un volet ou interchanger
les volets (si vous avez deux volets dans votre site), cliquez sur Déplacer les volets.
Pour déplacer les volets vers le haut de la page, cliquez dessus dans le modèle de la
mise en page.
4. Définissez la taille des éléments de la page :
Pour configurer la largeur totale des pages du site Web, sous Largeur du site Web,
sélectionnez l'une des options suivantes :
Mise en page "Fixe" : votre site Web sera d'une taille spécifique, peu importe la
résolution du navigateur affichant la page. Dans ce cas, indiquez la largeur de
votre site Web en pixels.
Mise en page "Flexible" : basée sur les pourcentages de la taille actuelle de la
fenêtre du navigateur. Dans ce cas, indiquez la largeur de votre site Web sous
forme de pourcentage par rapport à la taille de la fenêtre du navigateur.
Pour changer la largeur des zones En-tête et Pied de page ainsi que la zone de
contenu principal afin qu'elles s'adaptent à la largeur de la page, cliquez sur les
éléments correspondant dans le modèle de mise en page.
Sous Hauteur minimum de la colonne en pixels, indiquez la hauteur de la zone du contenu
principal et de chaque volet, si vous avez choisi de les utiliser.
Cette valeur indique la hauteur des éléments de votre site Web sans contenu.
Lorsque vous ajoutez du contenu dans la zone du contenu principal, dans les volets
et dans le champ du contenu principal, la hauteur est modulable et s'adapte au
contenu.
Afin de vous assurer que les volets et la zone de contenu sont bien alignés
verticalement, cochez la case Etendre les volets et la zone de contenu jusqu'au
pied-de-page.
Si vous utilisez un ou deux volets, sous Largeur minimum du volet en pixels, indiquez la
largeur de chaque volet. La taille de la zone du contenu principal sera déterminée
automatiquement.
Sous Tailles des marges en pixels, indiquez la taille des marges verticales et
horizontales. Une marge est l'espace entre les coins des éléments voisins.
5. Cliquez sur OK pour enregistrer les modifications.
Créer et éditer des sites Web 17
Sélectionner les couleurs du site Web, les images d'arrière-plan,
polices et styles pour les bordures et angles
La charte chromatique générale ou un jeu de styles de votre site Web se compose de quatre
couleurs. Chaque couleur est utilisée pour plusieurs éléments du site Web en même temps.
Vous pouvez adapter les couleurs d'éléments particuliers sur l'onglet Design > onglet
Couleurs.
Pour sélectionner la charte chromatique générale pour votre site Web :
1. Allez dans l'onglet Design > Palette.
2. Sélectionnez la charte chromatique ou le jeu de styles de votre site Web
dans le menu.
Vous verrez les quatre couleurs utilisées dans la charte chromatique de votre site Web.
3. Pour ajuster l'une des couleurs de la charte chromatique de votre site Web,
cliquez sur le champ de couleur respectif et changez la valeur du code de
couleur hex ou sélectionnez une couleur avec le sélecteur de couleurs.
Remarque : ces changements écraseront tous les changements précédents que vous
aurez faits sur les couleurs des éléments individuels dans l'onglet Couleurs.
4. Cliquez sur OK pour enregistrer les modifications.
Pour définir les couleurs et les images d'arrière-plan d'éléments individuels du
site Web :
1. Allez dans l'onglet Design > Couleurs.
2. Sélectionnez l'élément du site Web dans le menu Zone de la page.
3. Cliquez sur la flèche dans le menu Couleur ou image.
4. Exécutez l'une des actions suivantes :
Pour remplir avec une couleur de base, cochez la case Couleur de base et sélectionnez
la couleur avec le sélecteur de couleurs.
Si vous voulez utiliser un remplissage en dégradé, sélectionnez l'option Dégradé, puis
choisissez le modèle à partir de la bibliothèque.
Pour ajouter une image en arrière-plan, sélectionnez l'option Image, puis choisissez le
modèle à partir de la bibliothèque ou cliquez sur Envoyer pour envoyer votre propre
image. Indiquez l'emplacement où elle doit s'afficher et si elle doit être affichée
comme une mosaïque.
5. Pour un élément avec un texte, ajustez les couleurs de la police en cliquant
sur le champ de la couleur respectif et en éditant la valeur du code de
couleur hex ou en sélectionnant une couleur à l'aide du sélecteur de
couleurs.
Remarque : modifier le style dans l'onglet Palette écrasera les changements apportés
dans l'onglet Couleur.
Loading...