Images et documents joints

Comment insérer un document (image, son, bureautique…) dans un article.

Taille limitée à 32Mo

En toute généralité, pour ajouter un document à un article, on utilise le bloc situé en haut à gauche du formulaire de création (et de modification) de l’article : PNG Vous pouvez ainsi importer un document (image, document bureautique, son…) depuis votre ordinateur, depuis la médiathèque, depuis un serveur ou directement depuis internet (pour peu que vous connaissiez l’url exacte du document).

Attention ! : par défaut les documents téléchargés de cette manière doivent avoir un poids limité à 32 Mo…

retoursommaire

Insertion d’un document

une fois le document téléchargé, un nouveau bloc apparaît (voir ci-contre) Si vous cliquez sur « Modifier » en bas à droite de ce bloc, une fenêtre apparaît, vous permettant de changer quelques éléments de description du document.

Pour placer le document dans votre article, positionnez le curseur de votre souris au bon endroit dans l’article, puis double-cliquez sur l’une des trois expressions <objxx|alignement>, où « obj » peut prendre les valeurs « doc », « img », … et « alignement » peut prendre les valeurs « left », « right » ou « center » (selon la position que la vignette du document doit occuper dans votre article). Dans notre cas si on double-clique sur <doc46|center> (ou si on l’écrit directement dans le texte, ce qui revient au même), on obtient :

PDF - 286.6 ko
Documentation rédacteur SPIP

retoursommaire

Cas particulier d’une image

PNG Une fois l’image téléchargée, un nouveau bloc apparaît(voir ci-contre) Pour placer l’image dans votre article, positionnez le curseur de votre souris au bon endroit dans l’article, puis double-cliquez sur l’une des trois expressions <imgxx|left>, <imgxx|center> ou <imgxx|right> selon la position que votre image doit occuper (à gauche, centrée ou à droite).

Dans le cas d’une image, ce n’est pas une vignette qui est insérée, mais l’image elle-même.

Remarquez enfin que vous pouvez associer un portfolio à votre article, et que pour alimenter ce portfolio il vous suffit de cliquer sur « Déposer dans le portfolio » dans le bloc de description de l’image. (voir la mini-galerie en bas de cet article)

retoursommaire

Cas particulier d’un fichier son

une fois le fichier sonore téléchargé, le bloc suivant apparaît : Vous pouvez insérer ce fichier sonore dans votre article en double-cliquant sur <docxx|left>, <docxx|center> ou <docxx|right>. Ceci donnera le résultat suivant :

MP3 - 319.8 ko
Concerto Chopin (extrait)

Dans le cas où le plugin « Lecteur multimedia » est activé, vous pouvez utiliser l’alternative <docxx|player>, ce qui permettra de lire le fichier son directement dans la page, sans faire appel à un lecteur externe :

Concerto Chopin (extrait)
sites/pharouest.ac-rennes.fr/IMG/mp3/chop_con1.mp3

retoursommaire

Cas particulier d’un fichier vidéo

On procède de même pour un fichier vidéo au format Flash (flv) ou avi (mais le player ne fonctionne qu’avec des vidéos Flash).

<docxx|center> donne :

Flash Video - 1.7 Mo
Exemple Video FLV

<docxx|player> donne :

Exemple Video FLV sites/pharouest.ac-rennes.fr/IMG/flv/out.flv

On ne peut insérer une video au format avi qu’avec <docxx|center> :

AVI - 800.5 ko
Exemple Video AVI

Enfin il est possible d’intégrer une vidéo hébergée sur Vimeo ou autre :

Pour cela, cliquez sur le bouton « Embed » dans Vimeo,

PNG - 89.6 ko
EmbedVimeo

puis copiez-collez le code dans la zone d’édition.

TUTORIEL SPIP - Ajouter un nouvel article from DrNz on Vimeo.

Ici, le code est complété par <center>code</center> pour centrer la vidéo dans la page.

Attention cependant, si vous utilisez Youtube ou Dailymotion, aux vidéos associées à votre propre vidéo, et qui apparaissent une fois la lecture de votre vidéo achevée : vous ne maîtrisez pas leur contenu, et il est possible d’avoir des surprises…

Préférez Vimeo qui n’autorise pas les vidéos commerciales, les enregistrements de jeux, la pornographie, ou quoi que ce soit non créé par l’utilisateur.

retoursommaire

Mini-galerie photo

retoursommaire

Document Document Document Document

Documents à télécharger