Accueil du site officiel de Webécoles
 
 
» Documentation » Edition avancée » Insérer un document dans le corps de l’article


Insérer un document dans le corps de l’article
 

- Insérer une image dans un article

L’image doit préalablement avoir été préparée tout en respectant :

  • un format reconnu par les navigateurs Web : GIF, JPG ou PNG ;
  • une largeur maximale de 500px ;
  • le cadre législatif.

Se reporter à l’aide connexe pour plus d’informations.

  1. Naviguer dans l’espace privé jusqu’à l’article souhaité et cliquer sur son titre pour l’afficher.
  2. Cliquer sur « Modifier cet article ».
  3. Dans le cadre « Ajouter une image ou un document » (partie gauche de l’écran), cliquer sur le bouton « Parcourir ».
  4. Sélectionner le fichier de l’image à joindre et cliquer sur « Ouvrir ».
    Remarques :
    • Il est possible de répéter l’opération pour sélectionner plusieurs fichiers.
    • Pour supprimer un fichier sélectionné, cliquer sur la croix qui précède le nom du fichier.
  5. Cliquer sur le bouton « Télécharger ».
    • Le fichier est alors copié de l’ordinateur vers le serveur. L’attente peut être plus ou moins longue selon la taille du fichier et la qualité de la connexion Internet.
    • Pour saisir un titre, une description ou associer une vignette au document, cliquer sur le bouton « Modifier » associer au document.
  6. Sous l’icône de l’image se trouvent trois balises :
    <imgXX|left> permet de placer l’image à gauche du texte.
    <imgXX|center> permet de centrer l’image dans le texte.
    <imgXX|right> permet de placer l’image à droite du texte.
  7. Après avoir positionné le curseur dans la zone de texte, sélectionner une de ces balises par double-clic sur la balise.
    Ou procéder par copier-coller :
    • séléctionner le texte de la balise ;
    • copier la balise (clic droit sur la sélection, puis « Copier ») ;
    • coller la balise dans le texte à l’endroit souhaité (clic droit, puis « Coller »).
  8. Cliquer sur « Enregistrer ».
  9. Cliquer enfin sur « Voir en ligne » (en haut à gauche, sous le numéro de l’article si l’article est publié) pour visualiser l’affichage sur le site public.

Il est possible de créer un diaporama à partir des images téléchargées.

Pour supprimer l’image de l’article, supprimer la balise correspondante. L’image, toujours présente sur le serveur, peut encore être affichée dans d’autres articles s’ils contiennent sa balise. Pour la supprimer du serveur, cliquer sur le bouton « Supprimer » associer au document.

- Insérer un tableau dans un article

Cette procédure concerne l’éditeur de base de SPIP. Avec CKeditor, l’insertion de tableau est similaire à celle d’un traitement de texte. Pour plus d’information, se reporter aux modes d’édition.

Pour créer un tableau simple (sans fusion de cellules), il suffit de faire des lignes dont les cases sont séparées par le symbole « | » (pipe, un trait vertical obtenu avec les touches "Alt Gr" + 6), lignes commençant et se terminant par des traits verticaux. Il est impératif de laisser des lignes vides avant et après ce tableau.

A partir de l’icône « Insérer un tableau » de la barre typographique, on peut créer la structure du tableau, en définissant notamment le nombre de lignes et de colonnes.

Cliquer sur le point d’interrogation situé à droite de la barre typographique pour obtenir des informations complémentaires sur la gestion des tableaux.

- Insérer un lien hypertexte dans un article

Cette procédure concerne l’éditeur de base de SPIP. Avec CKeditor, l’insertion de lien hypertexte est similaire à celle d’un traitement de texte. Pour plus d’information, se reporter aux modes d’édition.

A partir de l’icône « Transformer en lien hypertexte » de la barre typographique, on peut créer simplement un lien hypertexte.

  • Créer un lien vers le site « Nom du site » à l’adresse http://www.monsite.fr :
    [Nom du site->http://www.monsite.fr]
  • Créer un lien vers l’article numéro XX du portail Webécoles :
    [Expression clicable->XX]
  • Créer un lien vers la rubrique numéro XX du portail Webécoles :
    [Expression clicable->rubXX]
  • Créer un lien vers la brève numéro XX du portail Webécoles :
    [Expression clicable->brXX]

Les liens internes au site ouvrent une page dans la même fenêtre du navigateur. Pour imposer l’ouverture de cette page dans une nouvelle fenêtre du navigateur (ou un nouvel onglet), saisir l’adresse intégrale et ajouter avant le crochet fermant : #B#.
Par exemple, pour ouvrir l’article "Joindre un document à un article" dans une nouvelle fenêtre, le lien est codé :
[Joindre un document à un article->http://webecoles.fr/spip.php?article26#B#]

Cliquer sur le point d’interrogation situé à droite de la barre typographique pour obtenir des informations complémentaires sur la création de liens hypertexte, liens vers un glossaires, ancres nommées et notes de bas de page.

- Insérer un son ou une vidéo dans un article

La procédure consiste dans un premier temps à joindre le fichier MP3 ou la vidéo au format FLV comme tout document joint à un article, puis dans un second temps à insérer une balise dans le texte à l’endroit souhaité pour afficher le lecteur multimédia.

XX étant le numéro du document :

  • <docXX|player|left> permet de placer le lecteur à gauche du texte.
  • <docXX|player|center> permet de centrer le lecteur dans le texte.
  • <docXX|player|right> permet de placer le lecteur à gauche du texte.
 
 
Publié le mercredi 20 mars 2013
Mis à jour le samedi 29 mars 2014

 
 
 
Les autres articles de cette rubrique :
 
Publié le dimanche 24 mars 2013 par Alain Gonzalez
Mis à jour le lundi 25 mars 2013
 
Publié le dimanche 24 mars 2013 par Alain Gonzalez
Mis à jour le lundi 25 mars 2013
 
Publié le dimanche 24 mars 2013 par Alain Gonzalez
Mis à jour le lundi 25 mars 2013
 
Publié le dimanche 24 mars 2013 par Alain Gonzalez
Mis à jour le lundi 25 mars 2013
 
Publié le dimanche 24 mars 2013 par Alain Gonzalez
Mis à jour le lundi 25 mars 2013
 
Publié le dimanche 24 mars 2013 par Alain Gonzalez
Mis à jour le lundi 25 mars 2013
 
Publié le mercredi 27 mars 2013 par Alain Gonzalez
 
Publié le dimanche 24 mars 2013 par Alain Gonzalez
Mis à jour le samedi 30 mai 2015
 
Publié le dimanche 24 mars 2013 par Alain Gonzalez
Mis à jour le lundi 25 mars 2013
 
Publié le vendredi 28 mars 2014 par Alain Gonzalez
Mis à jour le samedi 29 mars 2014
 
Accueil du site     |     Mentions légales     |     Plan du site     |     Espace rédacteurs     |    Se connecter       |    
  161 articles  |  Nombres de visites : 13 aujourd'hui, 34 hier, 112 434 depuis le début, 34 en moyenne par jour (921 maximum)  | 4 visiteurs en ce moment