Un site internet est basiquement composé de textes et images.

Si vous disposez d'un site internet avec le CMS Joomla! et JCE que vous pouvez modifier à volonté, ce tutoriel vous sera utile.

Avant d'insérer vos images, préparez-les pour le web. Une image trop large ou lourde pénalisera en temps de chargement votre site web. S'il s'agit de photos, recadrez-les... sur le net, allez à l'essentiel.

Dans deux tutoriels précédents j'expliquais comment créer des images pour votre site à partir de copies d'écran.

Prenez garde ensuite de les renommer avec un nom de fichier facile à retrouver, qui dit quelque chose de votre image et qui ne contient pas de caractères spéciaux (points, caractères accentués, signes de ponctuation, espaces, etc.) Plus d'infos sur ce tutoriel.

Connectez-vous à votre site en tant qu'éditeur avec les accès (identifiant et mot de passe) que votre webmaster doit vous avoir fournis.

Naviguez dans vos articles et repérez la page ou article à modifier.

1.- Editez votre article:

Etant connecté, à côté du titre de votre article, vous verrez une icône d'édition qui ressemble à ça icone-edition1          
ou à ça: options-edition

Cliquez dessus pour activer l'éditeur et attendez quelques secondes que l'interface d'édition du site se charge.

2.- Placez le curseur au début du paragraphe qui accompagnera la photo. Cliquez sur le bouton du gestionnaire d'images

gest-images-bouton

 

3.- Dans la fenêtre émergente, cliquez sur charger image à partir de...

bouton-charger-image

4.-Puis, recherchez le fichier dans l'arborescence de fichiers de cotre ordinateur ou glissez-le dans la fenêtre...

charger-fichier

5.- Envoyez le fichier sur votre serveur et attendez que le petit signe à droite de la taille du fichier indique que le fichier a été chargé. Il sera en vert.

envoyer-fichier

Puis, la fenêtre de chargement de fichiers se fermera et vous retournerez à la fenêtre de gestion des images.

 

6.- De retour dans le gestionnaire d'images, votre nouveau fichier sera sélectionné et en gras

options-gestion-images

Configurez l'alignement de votre image (droite, gauche, centré) et la marge ou espace autour qui la séparera du texte.

Cliquez sur √Insérer et le tour est joué.

N'oubliez pas d'enregistrer votre article!

Submit to FacebookSubmit to Google PlusSubmit to TwitterSubmit to LinkedIn
1 1 1 1 1

Merci pour votre lecture,
Cet article vous a appris quelque chose?
Allez, partagez-le, votez ou laissez un 'ptit commentaire!


Code de sécurité
Rafraîchir

 

des-sites-uniquesavec-des-outilslibres
wordpress       joomla      prestashop