Grâce à l’éditeur de texte et d’images d’HostPapa, vous pouvez insérer des images dans vos documents texte, qu’il s’agisse de blogs, de catalogues, de guides ou de présentations. Notre Créateur de site web vous offrira des images époustouflantes qui impressionneront vos clients et visiteurs.
Pour savoir comment accéder à votre créateur de site web pour commencer, veuillez consulter cet article.
Avant de commencer, il est important d’expliquer qu’un élément en ligne s’affiche sur une ligne. Cela signifie que l’élément ajouté ne force pas le texte qui le suit à commencer sur une nouvelle ligne. Par exemple, si vous mettez en gras plusieurs mots dans une phrase, aucun d’eux ne commencera sur une nouvelle ligne.
Ajouter des images à vos pages web
Il existe plusieurs façons d’ajouter une image à votre page web dans notre Créateur de sites web, et cet article couvre les trois options :
- Préférence 1 : Depuis la catégorie Texte et images, en tant qu’élément en ligne via l’élément Texte.
- Préférence 2 : via l’élément Image et texte, où des images supplémentaires peuvent être ajoutées en tant qu’éléments en ligne
- Préférence 3 : Encore une fois de la catégorie Texte et Images, mais en tant qu’élément Image unique.
Veuillez noter que si vous sélectionnez la Préférence 3 comme méthode préférée, vous ne pourrez pas ajouter d’éléments de contenu supplémentaires, tels que du texte ou des vidéos. Ce n’est pas le cas avec les Préférences 1 et 2.
Téléchargez vos images pour commencer
Pour télécharger vos images, vous pouvez suivre ces étapes :
- Ouvrez le panneau des propriétés.
- Faites glisser et déposez vos images ou cliquez à l’intérieur de la zone d’image pour choisir un fichier sur votre disque dur ou votre stockage cloud.
- Vous pouvez également choisir l’option Ajouter à partir de l’URL :
Cette option vous permet d’utiliser une image publiée sur un autre site. Pour ce faire, procédez comme suit :
- Copiez l’adresse URL de l’image que vous souhaitez utiliser.
- Collez l’adresse dans le champ URL.
- Cliquez sur l’option Ajouter une image.
Remarque : si l’image comporte un symbole dièse (#) ou un point d’interrogation (?) dans l’adresse URL, vous devrez utiliser l’option glisser-déposer pour télécharger l’image.
Une autre méthode que vous pouvez utiliser est l’onglet Bibliothèque d’images, où vous pouvez choisir parmi une grande variété d’images de stock.
Une fois votre image téléchargée, sa taille par défaut sera automatiquement définie. Vous pouvez choisir :
- Définissez votre image sur l’une des quatre tailles suivantes : petite, moyenne, grande, taille réelle ou une taille personnalisée de votre choix.
Toutes les images modifiées apparaîtront en haute résolution et l’image d’origine est conservée au cas où elle devrait être à nouveau modifiée.
En cliquant sur votre image, un panneau d’édition s’ouvrira à droite de votre écran. Vous y trouverez des options telles que :
- Personnalisation
- Paramètres de taille
- Bordure
- Styles et effets d’habillage
Si vous souhaitez que le texte apparaisse une fois qu’un curseur de souris est placé sur l’image :
- Placez votre curseur dans la zone Légende au survol de la souris.
- Saisissez le texte de votre choix sur la description de l’image. Les légendes de survol étant liées au référencement (SEO), elles doivent expliquer en quoi consiste l’image.
Ajout de modifications supplémentaires à vos images
Vous disposez d’un large choix de modifications que vous pouvez apporter à vos images. Voici la liste des plus importantes dans la boîte de dialogue Propriétés de l’image.
Application d’alignement, de liens et d’effets d’image
- Si vous sélectionnez l’option Alignement de l’image, vous pouvez décider d’avoir du texte à droite ou à gauche de votre image.
- La sélection de liens vous permet d’ajouter un lien. Une fois cette étape effectuée, un sous-menu apparaît, que nous aborderons dans la section suivante.
- Le menu déroulant des effets d’image vous permet d’ajouter une inclinaison, une réflexion et d’autres effets à votre image.
Comme nous l’avons mentionné, lorsque vous sélectionnez l’option Lien, le sous-menu suivant apparaît en bas à droite du menu.
Bordures et remplissage
Vous pouvez modifier l’espace autour de votre image en :
- Sélection du remplissage supérieur, inférieur, gauche et droit en pixels.
- Il est également possible d’ajouter une bordure aux images. Pour ce faire, procédez comme suit :
- Spécifiez la largeur de la bordure de votre image en pixels et sélectionnez la couleur que vous souhaitez pour la couleur de la bordure.
- Cliquez sur l’icône Couleur de bordure pour ouvrir une boîte à outils de couleurs et vous pouvez appliquer ou supprimer la couleur de bordure.
Image survolée par la souris
Tout en bas du menu Propriétés de l’image, vous verrez l’option Image au survol de la souris.
L’outil Image au survol indique aux visiteurs du site qu’un événement se produira s’ils cliquent sur une image. Cela peut également s’appliquer à un lien ajouté sur une image.
Transitions
Si vous souhaitez ajouter une transition à une image survolée par la souris :
- Téléchargez un deuxième fichier image sous l’option Image survolée par la souris.
- Sélectionnez une transition qui sera utilisée entre les deux images sur votre page web.
Si vous avez besoin d’aide avec votre compte HostPapa, veuillez ouvrir un billet de soutien depuis votre tableau de bord.
