Formation spip st ex

1,002 views

Published on

Published in: Education, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,002
On SlideShare
0
From Embeds
0
Number of Embeds
64
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Formation spip st ex

  1. 1. Prépa IEP - Lycée Saint-Exupéry Utilisation de SPIP S ystème de P ublication pour un I nternet P artagé Vincent Guili 13 janvier 2011
  2. 2. Organisation du site
  3. 3. Organisation du site Mise en place du cookie de correspondance, qui facilite le passage entre le site privé et l’espace rédacteur
  4. 4. Créer un article Proposition de simplification
  5. 5. Créer un article Corps de l’article Choisir de la rubrique Compléter le titre Optionnel Enregistrer, puis
  6. 6. Mise en forme du texte de l’article Utilisation de la barre typographique Utilisation des listes à puce Il suffit de sauter une ligne. Le fait de simplement « revenir à la ligne » sans séparer les deux paragraphes par une ligne vide ne suffit pas pour provoquer un changement de paragraphe (cela ne provoque même pas un retour à la ligne). <ul><li>On peut insérer une puce en début de ligne dans SPIP : il suffit de revenir à la ligne et de commencer la nouvelle ligne avec un tiret (« - ») : </li></ul><ul><ul><li>- </li></ul></ul><ul><ul><li>- </li></ul></ul>Création de paragraphe
  7. 7. Insérer une image ou un document dans un article Remarque : pour insérer l’image dans l’article, il faut parfois remplacer < doc 124> par < img 124>
  8. 8. Proposition et correction d’un article Choisir Il est ensuite possible de prévisualiser l’article… Pour visualiser les modifications successives … et de modifier l’article : 1 2
  9. 9. Publication d’un article Choisir ou Vérifier que l’article est bien visible dans l’ Accueil et dans la rubrique choisie Si non, il faut recalculer les pages concernées :
  10. 10. Insérer un média externe dans un article (vidéo, diaporama) Pour insérer un module externe dans un article, il suffit d’y coller le «  code embed  » proposé par le site internet Exemple avec une vidéo de Dailymotion Remarque : pour centrer un objet (texte, image, vidéo, …), il faut l’encadrer par des balises html : <div align=&quot;center&quot;> texte </div>
  11. 11. Mise en page avancée : utilisation d’un éditeur html <ul><li>Editeur en ligne (rien à installer sur le PC) : http://www.online-html-editor.org/ </li></ul><ul><li>Editeur puissant, à installer sur le PC : </li></ul><ul><ul><li>KompoZer : http://www.frenchmozilla.fr/kompozer/ </li></ul></ul>2 : récupérer le code html à coller dans l’article 1 : mettre en forme le texte créer un tableau …
  12. 12. Visualiser tout le site 2 : choisir 1 3
  13. 13. Utilisation de la messagerie interne

×