Index de l'article
Ajout d'une image
Composition d'une image
Préparation d'une image
Ajout de l'image
Toutes les pages

 

Ah, la voilà! la première photographie fournie par notre photo-club stagnovillois! Je me vois donc dans l'obligation de réaliser cette aide! Je me permets donc de prendre pour exemple, une actualité de cette association à laquelle je vais rajouter une photographie que j'ai reçue par courriel L'actualité choisie correspond à celle réalisée par Jean-Claude THEPOT "Festival photographique" datée du 21 juin 2010. Vous pourrez, ainsi comparer la progression avec le rendu sur le site.

Je tiens à remercier les beta-testeuses Patricia GAUDY et Anne AUFFRET qui m'ont permis de réaliser ce didacticiel.

Pour des raisons de lisibilité, chaque image peut être agrandie en cliquant dessus

Vous allez donc pouvoir, agrémenter vos actualités d'une ou plusieurs images.

 

 

Composition d'une image

Chaque image doit correspondre aux critères suivants:

La définition d'une image.

• La largeur ou la hauteur maximum d'une photo est de 600 pixels.
• La taille maximum du fichier image doit être de 200 Ko
• Les fichiers devront être aux formats jpg ou bmp ou gif ou ico ou jpg ou png.

La situation de l'image dans l'actualité?

Dans une "actualité", les images ne peuvent-êtres mises qu'après l'accroche d'une actualité.

Le nom de l'image

Elles auront pour nom « nom_association_####.extension ».
exemples:

• La première image est au format JPEG (Joint Photographic Experts Group), elle aura pour nom "potoclub_0001.jpg"
• La deuxième image est au format GIF (Graphics Interchange Format),elle aura pour nom "photoclub_0002.gif"

L'image à l'intérieur du site

Pour des raisons de lisibilité du site, j'ai pris la décision de limiter la taille des images en première lecture. Le lecteur aura la possibilité d'obtenir un format supérieur en cliquant sur l'image au moment désiré.

C'est le logiciel qui choisit la taille de la visualisation en fonction des paramètres de l'écran du lecteur. Évidemment cette taille ne peut-être supérieure à la taille de l'image fournie. C'est cette fonction que vous utilisez pour lire cette aide.

La taille maximum d'un coté ne pourra excéder 200 pixels. Toute les images devront donc être réduites à 300 pixels sur le coté le plus long en gardant le même rapport entre les deux côtés pour ne pas obtenir une image déformée.

 

 

 

Préparation d'une image

Vous avez fait des photographies avec votre appareil photo numérique ou vous avez réalisé une image avec un logiciel de Conception Assistée par Ordinateur. Avant d'insérer cette image sur le site, vous devez mettre votre image à la taille désirée (largeur ou hauteur maximum de 600 pixels).

Pour vous aider dans cette tâche, vous pouvez utiliser votre logiciel photographique habituel. Si vous ne disposez pas de logiciel, je vous propose d'utiliser un éditeur d'image libre nommé GIMP que vous pouvez télécharger ici.

Commencez par réduire la taille de la photo en utilisant la fonction "Échelle et taille de l'image" dans le menu "Image". Vous avez juste à spécifier 600 pixels sur le côté le plus grand de l'image et à appliquer votre action. N'oubliez pas de sauvegarder votre image sous un autre nom de fichier pour ne pas écraser votre fichier original.

Après cette action, vérifiez la taille du fichier. Dans la majorité des cas, cette opération est suffisante pour obtenir un fichier inférieur à 200 Ko.

Si votre fichier a une taille toujours supérieure à 200 Ko, vous allez devoir diminuer la résolution de votre image en utilisant toujours la fonction "Échelle et taille de l'image" dans le menu "Image". Baissez la résolution de l'image jusqu'à obtenir un fichier de taille correcte. N'oubliez pas de sauvegarder votre image sous un autre nom de fichier pour ne pas écraser votre fichier original.

 

 

Ajout de l'image

Présentation de l'actualité

L'actualité est complètement rédigée et nous voulons ajouter une image représentant l'affiche de cette actualité à la fin de la rédaction.

• Comme c'est la première image du Photo Club: elle aura pour nom photoclub_0001.jpg.
• Elle a une taille 362x512 pixels: pas besoin de réduire la taille de l'image.
• La taille de ce fichier est de 199 Ko: pas besoin de diminuer la qualité de l'image.

Insertion de l'image

Cliquez à l'endroit où vous voulez insérer l'image, dans ce cas juste en dessous de la dernière ligne de texte. Si la ligne n'est pas présente, la créer en allant à la ligne après le dernier caractère.

Cliquez sur le bouton "image"  situé en dessous de la fenêtre d'édition.

A l'aide de l'ascenseur, recherchez le dossier nommé "nom_de_votre_association" et cliquez dessus. Ici "photoclub". Si votre dossier n'existe pas, c'est un oubli de ma part! alors envoyez moi un courriel pour que je répare cet oubli.

Le dossier est vide, c'est normal car nous allons ajouter la première photo!

Cliquez sur "Parcourir" en bas de la fenêtre. Une nouvelle fenêtre s'ouvre qui peut différer de la suivante en fonction du système d'exploitation que vous utilisez. Ici elle correspond à un système d'exploitation linux

Retrouvez la photo dans le dossier où vous l'avez sauvegardée sur votre machine.

Cliquez sur "Ajouter"

Cliquez sur "Lancer le transfert". Si votre connexion internet ne date pas du siècle dernier, la procédure ne devrait pas durer trop longtemps. Si la procédure de téléchargement s'est bien déroulée vous devez obtenir un message vous le spécifiant ("Upload complete") et en dessous vous voyez apparaitre cette belle image dans le dossier du serveur internet.

Si tel n'est pas le cas, vous obtenez aussi un message vous le spécifiant. Exemple "Ce dossier est trop gros pour être transféré". Il doit surement exister d'autre type de messages, mais je ne suis pas arrivé à les obtenir! Si vous en obtenez un différent, n'hésitez pas à me le fournir sous la forme d'un fichier image.

Cliquez sur l'image, pour la sélectionner, puis sur "Insérer".

La photo apparait à l'emplacement désiré.

Mise en forme de l'image

L'image nouvellement ajoutée, l'a été à sa taille réelle. Pour une meilleure lisibilité du site, nous allons la mettre en forme en deux temps.

Réduction de la taille de l'image si l'un ou les deux cotés sont supérieurs  à 300 pixel.
Cliquez sur le bouton "Insérer/Editer une image"

Cliquez sur l'onglet "Apparence", et remplacez la dimension la plus grande par 300. Cliquez sur "Mettre à jour"

Acceptez la proposition du logiciel

L'image obtient la taille désirée. Si le lecteur veux la voir en grand sur son écran, il pourra l'obtenir un réalisant un clic dessus.

Centrage de l'image

Cliquez sur l'image puis sur l'icône pour centrer l'image.

Sauvegarde du  travail

Si vous avez terminé votre travail, n'oubliez pas de le sauvegarder.

Cliquez sur le bouton "Sauvegarder" situé au dessus de la fenêtre d'édition.

Déconnexion de l'interface privilégiée

Si vous n'avez pas d'autre événement ou d'article à rédiger pensez à vous déconnecter de l'interface privilégiée de votre site préféré!

Allez dans le menu "LE MODE D'EMPLOI DU CANARD" onglet "Pour le rédacteur/Rédaction":

Cliquez sur "DECONNEXION"

• Un message est envoyé simultanément à l'adresse Cette adresse email est protégée contre les robots des spammeurs, vous devez activer Javascript pour la voir. Cette adresse email est protégée contre les robots des spammeurs, vous devez activer Javascript pour la voir. .
• Votre publication sera examinée pour être validée ou non.
• Un message vous sera communiqué après son examen.

Merci à Dominique ou Patricia qui traiteront votre demande en fonction de leurs libertés.

Cette adresse email est protégée contre les robots des spammeurs, vous devez activer Javascript pour la voir.