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 1...
Organisation du site
Organisation du site Mise en place du cookie de correspondance,  qui facilite le passage entre le site privé et l’espace r...
Créer un article Proposition de simplification
Créer un article Corps de l’article Choisir de la rubrique Compléter le titre Optionnel Enregistrer, puis
Mise en forme du texte de l’article Utilisation de la barre typographique Utilisation des listes à puce Il suffit de saute...
Insérer une image ou un document dans un article Remarque : pour insérer l’image dans l’article, il faut parfois  remplace...
Proposition et correction d’un article Choisir Il est ensuite possible de  prévisualiser l’article… Pour visualiser les  m...
Publication d’un article Choisir ou Vérifier  que l’article est bien visible dans l’ Accueil  et dans la  rubrique choisie...
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...
Mise en page avancée : utilisation d’un éditeur html <ul><li>Editeur en ligne  (rien à installer sur le PC) :  http://www....
Visualiser tout le site 2 : choisir 1 3
Utilisation de la messagerie interne
Prochain SlideShare
Chargement dans…5
×

Formation spip st ex

1 075 vues

Publié le

Publié dans : Formation, Technologie, Business
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 075
Sur SlideShare
0
Issues des intégrations
0
Intégrations
62
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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

×