Tutoriel SPIP

Tutoriel SPIP
Rédacteur
Utiliser le TBI – Janvier 2013
1
Sommaire
Connexion
Interface SPIP
Menu SPIP
Rédiger un article
Interface de création d’un article
Fonctionnalités de base
Statut de l’article
Fonctionnalités avancées
Fonctionnalités multimédia
Information complémentaire
2
Connexion
Pour se connecter, il suffit de :
◦ Se rendre sur la page d’accueil du site:
http://tbi-stnazaire-44.ac-nantes.fr/
◦ Cliquer sur « Se connecter » en bas de la page.
Accueil | Contact | Plan du site | Se connecter | Statistiques du site | Visiteurs : 40
◦ Entrer son identifiant et mot de passe
◦ Une fois connecté, cliquer sur
d’accéder à l’interface de SPIP
afin
3
Interface SPIP
Après
avoir
cliqué sur
«Espace
privé»,
voici la
page
d’accueil
de
l’interface
SPIP
4
Menu SPIP
5 boutons principaux :
◦ Correspond à la page d’accueil de l’interface
◦ Renvoie une page avec toute l’arborescence du site
◦ Permet de modifier ses informations en cliquant sur son
propre login
◦ Renvoie sur l’aide en ligne de SPIP
◦ Permet de se rendre sur le site
5
Rédiger un article
Pour rédiger un article :
◦ Se positionner à l’endroit de l’arborescence où l’on
souhaite créer son article (exemple : Ressources
pour la classe > Français)
◦ Cliquer sur « Ecrire un nouvel article »
6
Interface de création d’un article
Voici
l’interface
de
création
d’articles:
7
Fonctionnalités de base
3 champs à remplir dont 2 obligatoires :
◦ « Titre » champ obligatoire, titre de l’article (à préfixer
d’un chiffre puis d’un point pour imposer un ordre
croissant, exemple : 1. Titre)
◦ « Descriptif rapide » correspond à l’aperçu de l’article
avant que l’on ne clique dessus (généralement le début de
l’article), facultatif mais conseillé
◦ « Texte » champ obligatoire, espace où l’on tape le
contenu de l’article
8
Fonctionnalités de base
◦ « A l’intérieur de la rubrique » uniquement utile si
l’on souhaite déplacer son article.
Si besoin,
Cliquer sur la petite loupe
Choisir l’endroit de l’arborescence où l’on souhaite
déplacer l’article
Cliquer sur
◦ « Lien hypertexte » à ne pas remplir
9
Fonctionnalités de base
Les raccourcis « invisibles » :
◦ Pour aller à la ligne, il ne suffit pas d’appuyer sur la touche
« Entrée », il faut précéder la ligne d’un « _ » puis d’un
espace.
◦ Pour insérer un trait de séparation : « ---- » (4 fois la
touche 6)
◦ Pour mettre en place un système de pagination lorsque
l’article est long, il suffit de séparer les différentes pages
par : « ----- » ( 5 fois la touche 6)
10
Fonctionnalités de base
Liste des boutons :
◦ Passe le texte sélectionné en italique
◦ Passe le texte sélectionné en gras
◦ Passe le texte sélectionné en intertitre
◦ Passe le texte sélectionné en « sous-intertitre »
11
Fonctionnalités de base
◦ Crée une liste à puces à partir du texte sélectionné
◦ Centre le texte sélectionné
◦ Annule l’habillage du texte sélectionné
◦ Référencie un lien hypertexte à partir du texte
sélectionné (fonctionne aussi avec les adresses mail)
◦ Crée une note de bas de page à partir du texte
sélectionné
12
Fonctionnalités de base
◦ Crée un bloc de citation à partir du texte sélectionné
◦ Crée un cadre couleur autour du texte sélectionné
◦ Crée un cadre rouge autour du texte sélectionné
◦ « Autres outils » :
Passe le texte sélectionné en majuscules
Passe le texte sélectionné en minuscules
Outil pour insérer une carte Google Map
Outil pour insérer un tableau
13
Fonctionnalités de base
◦
Quelques caractères spécifiques
◦
Aperçu de la mise en forme de l’article
◦
Retourne à l’éditeur de texte
◦ Une fois l’article terminé, cliquer sur
14
Statut de l’article
◦ Une fois enregistré, l’article n’est pas encore publié
◦ Si vous souhaitez le soumettre à l’administrateur pour qu’il
le publie, cliquez sur « proposé à l’évaluation » (vous
pourrez alors pré-visualiser votre article)
◦ Si vous souhaitez le supprimer, cliquez sur « à la poubelle »
15
Fonctionnalités avancées
Pour ajouter un logo (qui se placera à gauche
de l’article) :
◦ Si vous souhaitez rajouter un logo à votre article, passez
la souris sur
◦ Cliquez sur
, sélectionnez votre fichier
◦ Puis cliquez sur
◦ A ne pas toucher :
16
Fonctionnalités avancées
Pour associer un autre auteur à l’article
(collaborateur) :
◦ Glisser la souris sur
◦ Sélectionner un auteur parmi la liste
◦ Puis cliquer sur
17
Fonctionnalités avancées
Redirection d’un article vers un site
externe :
◦ Pour rediriger un article vers une page d’un site
externe (article virtuel), il faut :
Créer un article en remplissant les champs « Titre »
et « Texte »
Cliquer sur
Glisser la souris sur
Indiquer l’URL dans le champ
Cliquer sur
18
Fonctionnalités multimédia
Pour joindre un document (excepté les
images) :
◦ Cliquer sur « Parcourir », sélectionner le document à
joindre
◦ Cliquer sur « Télécharger »
◦ Par défaut, le document sera inséré dans une partie
spécifique de l’article nommée « Documents joints »
en dessous de celui-ci.
19
Fonctionnalités multimédia
Pour joindre une image :
◦ Procéder de la même manière
que pour joindre un document
◦ 2 méthodes s’offrent à vous :
Insertion de l’image à l’intérieur de l’article
Insertion de l’image via le « Portfolio » qui apparaîtra
en dessous de l’article comme pour les « Documents
joints »
20
Fonctionnalités multimédia
Pour insérer l’image « bandeau » à l’intérieur
d’un article :
Glisser la souris sur
Y ajouter un titre et/ou une description (facultatif)
Puis l’insérer à l’endroit voulu dans l’éditeur de texte, via
les balises disponibles
Pour supprimer le document,
21
Fonctionnalités multimédia
L’utilisation du portfolio :
◦ Une fois l’image téléchargée :
Glisser la souris sur
Cliquer sur
L’image sera alors directement intégrée au portfolio
correspondant à l’article et apparaîtra dans une
rubrique « Portfolio » sous ce dernier.
Pour retirer une image du portfolio,
22
Information complémentaire
◦ Se rendre sur :
Mise en forme des articles avec Spip
http://www.spip-info.net/la-mise-en-forme-descontenus-dans
Mode d’emploi de Spip pour un rédacteur
(15 pages)
http://contrib.spip.net/IMG/pdf/cours_spip_redac
teur15_spip2-2.pdf
23