Annexes
9.2.2 Compléter un champ image
Certains champs, comme à la rubrique Logo à l’étape 3/6 de l’Assistant Propriétés, sont destinés à ajouter une image. Il peut s’agir d’un dessin ou une photographie enregistrée au format JPEG ou GIF. Pour insérer une image, cliquez sur le bouton Ouvrir.
▲
Cliquez sur Ouvrir pour chercher l’illustration qui convient à la catégorie "Maison".
Parcourez ensuite votre disque dur et sélectionnez le fichier contenant l’image voulue.
Pour supprimer une image, cliquez sur le bouton Supprimer.
9.2.3 Compléter un champ modifiable
Web Boutique propose de grands champs dont le contenu peut être édité (par exemple, le message de bienvenue à l’étape 3 des propriétés du catalogue). Pour accéder à la fenêtre
Modifier texte
, il suffit de cliquer n’importe où. Dans le champ ou sur le bouton à sa droite.
▲
Les champs qui peuvent être édités sont reconnaissables par leur plus grande taille, leur fond jaune et leur bouton Modifier texte.
113
Chapitre 9 Web Boutique
La fenêtre Modifier texte se présente comme un traitement de texte classique. La barre d’outils contient les boutons habituels permettant la mise en forme du texte sélectionné, l’insertion d’une image, d’un tableau, …
Icône
La barre d’outils de la fenêtre Modifier texte
Signification
Aperçu avant impression
Rechercher
Remplacer
Couper
Copier
Coller
Annuler
Refaire
Insérer une image
Insérer un tableau
Insérer un lien
Mettre le texte en gras
Mettre le texte en italique
Souligner
Barrer
Augmenter la taille de police
Réduire la taille de police
Modifier la couleur de police
114
Icône
La barre d’outils de la fenêtre Modifier texte
Signification
Aligner à gauche
Centrer
Aligner à droite
Ajouter des puces simples
Ajouter des puces numérotées
Décaler vers la gauche
Décaler vers la droite
Annexes
▲
Personnalisez la page "Nous contacter" via la fenêtre Modifier texte.
Pour ajoutez un lien hypertexte :
1
.
Cliquez sur le bouton Insérer un lien hypertexte ou choisissez la commande Lien
hypertexte…
dans le menu Insertion.
115
Chapitre 9 Web Boutique
2
.
Dans la fenêtre qui s’ouvre, entrez le texte du lien et l’adresse vers lequel il pointe.
Cette adresse peut être celle d’une page Web ou d’un fichier à télécharger.
▲
Vous créez un lien vers un site externe à votre boutique.
3
.
En cliquant sur le bouton Personnalisation, vous accédez à une fenêtre où vous définissez l’aspect du texte de votre lien selon que le visiteur le survole ou non. Par défaut, un lien est généralement souligné mais vous pouvez supprimer ce soulignement en cochant la case Comme normal. Cliquez sur Valider pour enregistrer les changements.
▲
Vous déterminez la couleur et l’aspect de votre lien.
▲
La page pointée par le lien s’ouvre dans une nouvelle fenêtre du navigateur.
116
Annexes
Pour importer un texte existant :
1
.
Placez le point d’insertion à l’emplacement où le texte doit être introduit.
2
.
Choisissez la commande Insertion/Fichier.
3
.
Ouvrez la liste Fichier de type pour sélectionner le format du document à importer.
4
.
Cliquez sur le bouton Ouvrir.
Les images
Pour introduire une image :
1
.
Cliquez sur le bouton Insérer une image.
2
.
Dans la fenêtre qui s’ouvre, sélectionnez le dossier où est situé le fichier de l’image.
3
.
Sélectionnez le fichier et cliquez sur le bouton Ouvrir.
Une fois l’image insérée, modifiez ses dimensions en faisant glisser les petits blocs localisés aux quatre coins et au centre des côtés.
▲
En faisant glisser les petits blocs des coins, l’image est redimensionnée proportionnellement.
Pour positionner l’image par rapport au texte :
1
.
Cliquez dessus avec le bouton droit et choisissez la commande Propriétés de l’objet.
2
.
La fenêtre Propriétés s’ouvre. Passez à l’onglet Disposition.
3
.
Sélectionnez le type d’alignement vertical de l’image par rapport au texte.
4
.
Entrez éventuellement la hauteur du décalage par rapport au type d’alignement choisi.
Par exemple, pour remonter l’image de 26 pixels par rapport à la ligne de texte, sélectionnez Le bas de la base ligne du texte, entrez la valeur 26 et sélectionnez les pixels.
▲
L’image est positionnée 26 pixels au-dessus de la base du texte.
117
Chapitre 9 Web Boutique
Les tableaux
Pour introduire un tableau à l’emplacement du point d’insertion :
1
.
Cliquez sur le bouton Insérer un tableau.
2
.
Dans la fenêtre qui s’ouvre, entrez le nombre de lignes et de colonnes.
3
.
Dans le cadre Disposition du tableau, définissez la largeur du tableau : automatique, adaptée à la largeur de la fenêtre du navigateur ou imposée manuellement (en pourcentages par rapport à la fenêtre du navigateur ou en nombre de pixels).
4
.
Terminez en cliquant sur Valider.
▲
Les propriétés du tableau.
Ajustez la largeur des colonnes et du tableau en faisant glisser latéralement les bordures verticales.
Pour ajouter des lignes ou des colonnes :
1
.
Cliquez dans une cellule avec le bouton droit de la souris.
2
.
Choisissez la commande d’insertion de lignes ou de colonnes.
▲
Choisissez l’emplacement de la nouvelle ligne ou colonne.
118
