Si deux rats... ~ Insérer une image dans un article

Accueil > Si2Ra > Mode d'emploi > Rédaction
  1. Limites concernant les images
  2. Insertion de l'image
  3. Alignement de l'image
  4. Suppression d'une image
  5. Partager des images sur plusieurs articles.

Retour en haut de page

Limites concernant les images

Le système accepte les fichiers images ayant l'une des extensions suivantes : 'jpg' , 'jpeg' , 'gif' , 'png'. Pour utiliser d'autres formats, il vous faudra compléter la variable $extensions_valides à la ligne n° 140 du script admin/ecrire_art.php. Les formats cités ci-dessus sont probablement les meilleurs pour un site web et devraient vous suffire !

Afin d'éviter un gaspillage de l'espace d'hébergement sur le serveur, il existe une taille maximale pour les images, au-delà de laquelle les fichiers sont rejetés. Cette valeur est choisie lors de la troisième étape de l'installation du système Si2Ra. Par défaut les images de plus de 64 ko seront rejetées. Si cette limite ne vous convient pas, demandez au responsable du site de la corriger en relançant le script d'installation.


Retour en haut de page

Insertion de l'image

L'insertion d'une image dans un article se fait en deux temps :

  • Le téléchargement de l'image sur le site à partir de votre ordinateur.
  • L'ajout de la balise ainsi générée dans le texte de l'article.

Pour charger une image, cliquez sur le premier bouton du cadre "Ajouter une image". Cela ouvre un explorateur vous permettant d'aller chercher le fichier sur votre ordinateur. Il est possible d'ajouter un titre à l'image . Ce titre sera visible lorsque l'on passera la sourie sur l'image, et surtout, sera affiché à la place de cette dernière par les navigateurs ne pernant pas en charge les images.

Cliquez sur envoyer (ou sur enregistrer) pour copier l'image dans le répertoire /file/img du système. Une balise de la forme titre est alors créer dans le cadre "Ajouter une image". Cliquez dans le texte de l'article à l'endroit ou vous souhaitez insérer l'image, puis cliquez sur la balise pour l'insérer (si le lien ne fonctionne pas, il suffit de faire un copier coller du code généré.


Retour en haut de page

Alignement de l'image

Par défaut et si vous n'avez pas modifié ce point dans les feuilles de style, les images sont intégrée dans la ligne du texte. Pour centrer l'image, il suffit d'encadrer le code généré par les balises < centre> et </ centre>. Pour cela, sélectionnez la balise image (titre) dans le texte de l'article, et choisissez l'alignement désiré en cliquant sur le champ Alignement de l'éditeur.

bloc gauche

Si vous désirez que le texte enrobe l'image, utilisez pour l'image les formats "bloc gauche" (balises < blocGauche> et </ blocGauche>) ou "bloc droit" (balises < blocDroit> et </ blocDroit>), ce qui permettra au texte d'apparaître respectivement à droite ou à gauche de l'image.


Retour en haut de page

Suppression d'une image

Si n'intégrez pas la balise générée, le fichier image sera supprimé du serveur. Il en sera de même si vous supprimez un article : toutes les images contenues dans l'article seront effacées du serveur.


Retour en haut de page

Partager des images sur plusieurs articles.

Il est possible de partager une même image entre plusieurs articles. Pour cela, il suffit de copier la balise générée par le premier article dans le nouvel article devant recevoir l'image. Si ce procédé permet d'économiser de l'espace disque, il est cependant risqué, car la suppression de l'un des articles contenant l'image effacera cette dernière du serveur. Les autres articles faisant référence à la même image ne pourront plus l'afficher...

En revanche, il n'y a pas de problème si vous devez afficher plusieurs fois la même image au sein d'un même article. Il suffit de copier la balise autant de fois que nécessaire.

Si vous voulez afficher une même image sur tous les articles, copier le fichier image dans le répertoire si2ra/img et ajoutez l'image directement dans le squelette article.html, grâce à la balise :

<img src="<RACINE>img/nom_du_fichier.ext" alt="texte alternatif" />
 
Si deux rats... ~ écrit avec Si2Ra, système pour des Sites Simples et Rapides. ~ hébergé par Ouvaton
Ecrire au Responsable du Site
~ temps d'élaboration de la page : 0.0272 seconde(s) ~~ charge mémoire : 885,6 ko ~