accueil | menu | plan | inscription | rédaction

Insérer l’image, le son, la vidéo dans le corps de l’article


Les informations du document

Une fois votre document envoyé au serveur (cfr : Ajouter un document, une image, un son, une vidéo...), une case apparaît sur la gauche de l’écran. Elle contient toutes les informations sur le document. (Une partie de ces informations apparaît masquée, cliquer sur le triangle pour « déplier » la boîte d’information.)

PNG - 27.5 ko
Le cadre d’information.

a) Affichage sous forme de vignette. Une prévisualisation de votre image apparaît. Si l’image est de grande taille (plus de 200 pixels de large), c’est une version de taille réduite qui est affichée.

b) Les raccourcis SPIP. SPIP vous rappelle les 3 « raccourcis » qui vous permettent d’insérer cette image à l’intérieur de votre texte. Notez que chaque image est « numérotée » ainsi : « IMG1 », « IMG2 »... Ces « raccourcis » sont utilisés dans la troisième étape.

c) La taille de l’image. Juste au-dessus de l’image, la largeur et la hauteur de votre image (en pixels - ou « points ») sont rappelées.

d) Le titre et la description de l’image. Titrez toujours votre document. La description est, elle, facultative (par exemple une explication, ou une mention du copyright)

e) Comme son nom l’indique, le bouton « Supprimer cette image/ce document » permet d’effacer ce fichier, si vous avez fait une erreur de manipulation, ou si vous décidez finalement de ne pas utiliser ce document danq votre article. Il est conseillé d’effacer les documents inutilisés, afin d’éviter d’encombrer votre serveur.

Vous pouvez recommencer l’opération avec autant de documents que vous le désirez.

Insérer le document à l’intérieur de l’article

A ce stade, les fichiers sont bien présents sur le serveur, mais il reste à indiquer à quel endroit de votre texte vous voulez les insérer (par défaut ils s’afficheront, à la publication, en format vignette dans la colonne à droite de votre article). Pour cela, inutile de faire du HTML, SPIP vous propose un « raccourci » permettant d’insérer votre image simplement.

- Images sans commentaire

Pour chaque image, voyez la mention des 3 raccourcis :

PNG

Recopiez l’un de ces raccourcis (le nombre correspond au numéro de l’image, il change donc pour chaque fichier), et recopiez-le à l’intérieur de la case « Texte », là où vous désirez le situer dans votre article. « left » aligne l’image à gauche, « right » à droite, et « center » place votre image au centre du texte. Etant donné la mise en page de notre site (et la différence de mise en page qui existe entre la page d’accueil et l’affichage des articles dans leur rubrique propre), il est préférable de toujours centrer vos images.

Lors de l’affichage à l’écran, SPIP remplacera ces raccourcis par le code HTML correspondant, en calculant automatiquement la taille des images.

- Images en petit format :

Les raccourcis image {PNG}

Pour les sons et les vidéos :

Les raccourcis d'insertion des sons ou des vidéos. {PNG}

Peer to peer

S’il s’agit d’une vidéo provenant d’un peer to peer, il s’agira d’intégrer dans l’article le lien "embed" entre crochets que vous aurez copié du site d’origine.

Pour les documents textes, pdf, ... :

PNG

Pour toute question, n’hésitez pas à vous manifester dans le article 276 ou écrivez à La webmestre

À propos de cet article

Publié le mardi 21 octobre 2008

Par
Aurélie , La webmestre
Dans
Documentation
Lu à
1007 reprises
Mots clés:
Vie du site