41
Formation rédacteurs EEB93.NET le 14 juillet 2010 à Saint-Denis

Etre rédacteur d’un site spip

Embed Size (px)

Citation preview

Page 1: Etre rédacteur d’un site spip

Formation rédacteurs EEB93.NET

le 14 juillet 2010 à Saint-Denis

Page 2: Etre rédacteur d’un site spip

• Spip (Système de publication

pour l’Internet partagé)

• Logiciel de gestion de contenu

(CMS: Content Management

System)

Page 3: Etre rédacteur d’un site spip

Gestion en équipe du contenu d’un site web sans

webmestre permanent

Page 4: Etre rédacteur d’un site spip

Partie publique http://eeb93.net

Accessible à tous les internautes

Tout ce que l’on trouve dans un site web

classique

On navigue mais on ne modifie pas

Partie privée http://eeb93.net/ecrire

Destinée à la rédaction et à la gestion du

contenu

Accessible seulement aux administrateurs et

rédacteurs

Page 5: Etre rédacteur d’un site spip

Certaines rubriques de la partie publique ont

un accès restreint avec identifiant et mot de

passe

Albums photos

Certaines pages au sujet des missionnaires

Page 6: Etre rédacteur d’un site spip

Un identifiant et un mot de passe

Donnés par un administrateur (Ebi…)

Page 7: Etre rédacteur d’un site spip

Étape 1:

choisir la

rubrique

dans

laquelle on

écrit

1. Menu

« édition »

2. Cliquer sur

la rubrique

souhaitée

Pour voir les sous-rubriques,

il suffit de passer la souris sur

les titres des rubriques qui

ont un petit triangle

Page 8: Etre rédacteur d’un site spip

3. Cliquer sur

« écrire un

nouvel article »

Page 9: Etre rédacteur d’un site spip

Étape 2: compléter le formulaire de rédaction de l’article

- Le titre est

obligatoire.

- Le surtitre et

le soustitre sont

totalement

optionnels. Si

vous n’en avez

pas besoin,

laissez-les vides,

la présentation

du site

s’adaptera

automatiquement

à leur présence

ou absence.

Page 10: Etre rédacteur d’un site spip

Étape 2: compléter le formulaire de rédaction de l’article

Le descriptif

rapide est utilisé

pour la

navigation à

l’intérieur du

site : il permet

d’indiquer

brièvement, dans

les sommaires

par exemple, le

thème de

l’article.

Page 11: Etre rédacteur d’un site spip

Étape 2: compléter le formulaire de rédaction de l’article

Le chapeau, dans

le jargon de la

presse, désigne le

court texte qui

« chapeaute »

l’article. Son

utilisation est

optionnelle.

Page 12: Etre rédacteur d’un site spip

Étape 2: compléter le formulaire de rédaction de l’article

Rien de bien compliqué : il

s’agit du texte de votre

article, comme son nom

l’indique.

Des raccourcis

typographiques vous aident à

mettre un peu en forme

votre texte.

Il faut éviter de dépasser

32768 caractères…

Page 13: Etre rédacteur d’un site spip

Étape 2: compléter le formulaire de rédaction de l’article

Quelques

boutons sont là

pour vous aider

à utiliser les

raccourcis

typographiques.

Passez votre

souris sur les

boutons pour

savoir ce qu’ils

font.

Page 14: Etre rédacteur d’un site spip

Étape 2: compléter le formulaire de rédaction de l’article

Une fois que votre

article est fini,

après un éventuel

post-scriptum, il

faut cliquer sur

enregistrer.

Page 15: Etre rédacteur d’un site spip

Étape 3 : Demander la

publication pour que

l’article soit validé et

apparaisse dans la

partie publique

Votre article est

soumis aux

administrateurs qui

vont décider de le

publier ou non.

Vous ne pouvez plus

y toucher une fois la

validation

effectuée.

Page 16: Etre rédacteur d’un site spip

Utiliser les raccourcis

typographiques pour mettre

en forme

Une cohérence graphique

générale

Pas de latitude comme dans un

traitement de texte classique

Structurer le texte en fonction

du sens

Page 17: Etre rédacteur d’un site spip

Utiliser les raccourcis typographiques pour

mettre en forme

Page 18: Etre rédacteur d’un site spip

Utiliser les raccourcis typographiques pour

mettre en forme

Page 19: Etre rédacteur d’un site spip

Utiliser les raccourcis typographiques pour

mettre en forme

Page 20: Etre rédacteur d’un site spip

Contraintes informatiques : les espaces

blancs et les retours à la ligne

Les espaces « blancs » (plus d’un espace entre

deux mots) ne sont pas pris en compte et les

tabulations n’existent pas.

Page 21: Etre rédacteur d’un site spip

Contraintes informatiques : les espaces

blancs et les retours à la ligne

Les retours à la ligne simples sont ignorés, il faut

utiliser le signe _ au début de la nouvelle ligne ou

bien sauter une ligne pour un nouveau

paragraphe

Page 22: Etre rédacteur d’un site spip

Créer un lien externe

On peut insérer un lien vers un site externe

1. Sélectionner le

texte à transformer

en lien (facultatif)

2. cliquer sur le 5°

bouton de la barre

typographique ou

faire CTRL+L

3. Taper l’adresse du

site externe, en

n’oubliant pas

http://

4. Cliquer sur OK

Page 23: Etre rédacteur d’un site spip

Créer un lien interne

On peut insérer un lien vers un article, une rubrique, une brève ou un auteur du site

1. Sélectionner le texte à transformer en lien

(facultatif)

2. Cliquer sur le 5° bouton de la barre typographique

3. Taper :

1. Le numéro d’un article ou, par exemple pour

l’article 23 art23

2. Lien vers une rubrique rub5

3. Lien vers un auteur aut12

4. Lien vers une brève br45

4. Cliquer sur OK

Page 24: Etre rédacteur d’un site spip

Le presse-papier Biblique

Un presse-

papier Biblique

est à votre

disposition.

Page 25: Etre rédacteur d’un site spip

Le presse-papier Biblique

Saisir dans le

champ

approprié la

référence du

passage à

intégrer à votre

article.

Choisir la

version de la

Bible souhaitée.

Cliquer sur OK

Page 26: Etre rédacteur d’un site spip

Le presse-papier Biblique

Votre verset

apparaît. Il est

prêt à être inséré

dans le texte de

l’article.

1. Faire CTRL+A

pour tout

sélectionner (le texte apparaît

en blanc sur fond

bleu)

2. Faire CTRL+C

pour tout

mettre en

mémoire

Genèse

chapitre 1

= Gn1

Jean

chapitre 3

verset 16 =

Jn3,16

Page 27: Etre rédacteur d’un site spip

3. Cliquer à

l’endroit où

devra se

trouver le

verset

4. Faire CTRL+V

pour coller ce

qui est en

mémoire dans

le cadre de

texte.

Cliquez là

Le presse-papier Biblique

Page 28: Etre rédacteur d’un site spip

Voilà le résultat !

Le presse-papier Biblique

Page 29: Etre rédacteur d’un site spip

Étape 1 : Préparer vos documents pour le web

Il est important de préparer vos documents sur

votre ordinateur, pour que tous les internautes

puissent les consulter facilement. Quelques points

à vérifier :

Le poids du document : ne pas dépasser 1 Mo.

Un poids de 200 à 300 Ko devrait être un maximum.

Le format du document : Utiliser des formats reconnus

par tous : pdf, txt, rtf, zip. Pour les images, choisir les

formats web et ne pas dépasser 800 pixels de large.

Jpg (photos)

Png ou gif (logos ou illustrations)

Page 30: Etre rédacteur d’un site spip

Étape 2 : Ajouter vos documents aux articles

Passer la souris sur le petit triangle à gauche de

« Joindre un document »

2. Cliquer sur le

bouton

« Télécharger »

Page 31: Etre rédacteur d’un site spip

Étape 2 : Ajouter vos documents aux articles

Vous pouvez ajouter un document en le « référençant »

à partir d’Internet

1. Indiquer l’adresse du document à

référencer

NB : Les documents ne

sont pas copiés sur le

serveur, il ne sont QUE

référencés.

Page 32: Etre rédacteur d’un site spip

Si votre document est une image, vous verrez une

vignette

Vous pouvez faire pivoter

votre image avec ces boutons

Ceci est le numéro de document

Page 33: Etre rédacteur d’un site spip

Vous pouvez compléter les

informations pour agrémenter le site

Plus vous êtes précis,

meilleur est votre site. Les

titres et descriptions des

images améliorent la

qualité des albums photos.

Saisir la description de l’image

Saisir le titre de la photo

Page 34: Etre rédacteur d’un site spip

Pour intégrer la photo

dans votre article 2. Double-cliquer sous l’image sur

l’un des raccourcis selon que vous

voulez placer l’image à gauche, au

centre ou à droite

1. Placer le curseur à l’endroit où vous voulez voir

apparaître l’image

Page 35: Etre rédacteur d’un site spip

Intégration de la photo

dans votre article

Le même principe

s’applique aux autres

sortes de documents

mais avec la balise

« doc » au lieu d’

« img »

Page 36: Etre rédacteur d’un site spip

1. Vous devez être

administrateur

2. Transférer les photos par

FTP dans le répertoire qui

porte votre nom

d’utilisateur

3. Créer un nouvel article

dans la rubrique « albums

photos »

4. Passer la souris sur le

petit triangle

5. Choisir « installer tous les

documents »

Page 37: Etre rédacteur d’un site spip

6. Cliquer sur « Choisir »

7. Vous pouvez renseigner le titre et la description de chaque photo

8. Vous pouvez décider de faire afficher cet album « à la une » en lui attribuant le mot-clé « album_une »

9. Pour finir, il reste à vider le dossier FTP

10. Publier l’album

Page 38: Etre rédacteur d’un site spip

1. Vous devez être

administrateur

2. Téléchargez par FTP le

fichier MP3 dans le sous-

dossier à votre nom

d’utilisateur

3. Créer un article

4. Ajouter le fichier MP3 en

utilisant la fonction

« Joindre un document »

5. Penser à vider le dossier

FTP

Page 39: Etre rédacteur d’un site spip

6. Pour intégrer un lien permettant de télécharger le fichier, double-cliquer sur un des raccourcis

7. Pour intégrer un lecteur qui permet d’écouter le fichier sans le télécharger, ajouter « |player » avant le signe « > »

8. Pour offrir les deux options à l’internaute, intégrer les deux raccourcis.

Page 40: Etre rédacteur d’un site spip

1. Créer un article dans la

rubrique agenda.

2. Indiquer toutes informations

utiles

3. Valider

4. Passer la souris sur le

triangle à gauche de « Date

de rédaction antérieure… »

5. Cliquer sur le bouton-radio

« Afficher » et sélectionner

la date et l’heure de

l’événement, sans oublier de

cliquer sur le bouton

« Changer »

Page 41: Etre rédacteur d’un site spip

Maintenant, au boulot !