Le Site Internet
Illustrer un article
Préparer les images.
Plusieurs formats informatiques d’image sont acceptés sur le site :
Le plus courant, le format classique des photos, le format JPEG est le plus utilisé par les rédacteurs.
Pour information, les autres formats acceptés sont :
- Le format PNG
- Le format GIF
Ces 2 derniers étant plutôt utilisés par les concepteurs de site pour les interfaces graphiques.
Une fois que les images sont préparées (voir plus bas dans l’article « A propos des images », que le rédacteur a réfléchi sur leur position dans l’article, il suffit de les télécharger et de les placer.
Si vous avez suivi la procédure décrite dans l’article Mise en forme, le document est maintenant prêt à être illustré ; dans l’interface privée, il suffit de reprendre l’article (cliquer sur l’icône « Modifier l’article »)
Télécharger et placer les images
- 1. Parcourir son ordinateur et sélectionner l’image souhaitée
- 2. Télécharger l’image : une fois téléchargée, une boite de dialogue apparaît
- 3. Renseigner le titre et la description de l’image (ces informations seront utiles pour les malvoyants qui utilisent des logiciels lecteurs d’écran, mais également pour le référencement dans les moteurs de recherche)
- 4. Enregistrer
- 5. Placer le curseur de la souris à l’endroit de l’article où on souhaite placer l’image
- Pour une image centrée : placer le curseur sur une ligne vide, entre 2 paragraphes
- Pour une image à droite ou a gauche, placer le curseur avant la première lettre du paragraphe
- 6. Choisir le positionnement de l’image en double cliquant sur left, center ou right.
Quand on place une image à droite, le texte l’habille par la gauche, et inversement pour une image à gauche.
On recommence l’opération pour chaque image à placer dans l’article.
Dans l’éditeur, en mode rédaction, chaque image insérée est indiquée par son identifiant et son positionnement avec la syntaxe : >img144|center<
Une fois l’article illustré, ne pas oublier de l’enregistrer.
Notes à propos des images.
Le but de ce didacticiel n’est pas d’apprendre le traitement des images.
Une page Internet est une grille de texte sur laquelle on peut « accrocher » des médias :
Des images
Des sons
Des videos
Des animations.
Si le texte n’a pas un grand poids informatique, il en va tout différemment des médias, et il serait illusoire par exemple de vouloir visionner une vidéo à partir du web si l’on ne dispose pas d’une connexion à haut débit (câble, ADSL).
Dans une moindre mesure, les images peuvent considérablement ralentir l’affichage d’une page web si on ne prend pas soin de les « retravailler » avant de les mettre en ligne, et cela pour plusieurs raisons :
Pemettre un affichage des images même pour les internautes ne disposant pas de haut débit (c’est le cas dans de nombreux villages)
Donner plus de liberté pour le placement des images à l’intérieur d’un article (une image trop grande ne peut être affichée que centrée dans l’article)
Eviter au rédacteur des téléchargements longs (même en ADSL…)
Pour exemple, la plupart des appareils photos numériques restituent des images d’une qualité suffisante pour faire réaliser des tirages de grande dimension, et de ce fait, « pèsent » plusieurs Mo, alors qu’un écran informatique n’est de toutes façons pas capable de restituer cette qualité, et, en principe, une image illustrative dans une page Web ne devrait pas peser plus de 40 Ko, soit, souvent 100 fois moins que l’image brute sortie de l’appareil photo, et donc, 100 fois plus rapide à s’afficher à l’écran.
Réduire le poids d’une image
Pour réduire le poids informatique d’une image, on agit sur deux critères :
La taille de l’image
Sa compression informatique
Les concepteurs du site réduisent d’autorité la taille des images à une dimension permettant son affichage dans l’article (largeur maximale de l’affichage : 480px), mais ne la compressent pas… cette opération peut être réalisée très simplement grâce à des logiciels comme Photoshop ou Gimp.
Le didacticiel complet, au format PDF, téléchargeable à la fin de l’article Vidéo, Diaporama
Dans la même rubrique
-
Statistiques du site web
Chers internautes, nous tenons à vous remercier pour votre fidélité au site web communal. Voici les statistiques des (...)
Lire la suite ... -
Présentation du site Internet
Quelques mots sur les bonnes pratiques de la conception web. La société Médiagonale a développé le site de la Mairie (...)
Lire la suite ... -
L’interface privée d’un site créé avec SPIP
Devenez contributeur de ce site. Vous souhaitez participer au contenu de ce site ? Vous voulez parler de votre (...)
Lire la suite ... -
Comment rédiger un article
En préambule : Un article se doit d’être rédigé... il a : un titre des intertitres des paragraphes Pour en faciliter (...)
Lire la suite ... -
Mise en forme d’un article
En préambule : Afin de conserver une unité graphique à l’ensemble ainsi de ne pas compliquer la rédaction dans le (...)
Lire la suite ... -
Créer de l’intéractivité, insérer une vidéo ou un diaporama
Les autres fonctionnalités attachées aux articles. D’autres fonctionnalités peuvent être associées aux articles en (...)
Lire la suite ... -
Bonjour de Dakar
Mediagonale : une multinationale de 2 personnes.... Il se trouve que Mediagonale, entreprise conceptrice du site (...)
Lire la suite ...