Création d’un nouvel article :

Cliquer sur Ecrire un nouvel article

Renseigner le titre (On peut hiérarchiser les articles en tapant par exemple : D. Partie 4 , E. Partie 5 etc...)

Renseigner la rubrique dans laquelle on souhaite faire figurer l’article

Entrer le texte à publier dans la zone texte de l’article

Enregistrer

Ne pas oublier de sélectionner dans la liste déroulante l’option "publier en ligne"

Cliquer sur "Valider"

Modification d’un article :

Dans l’espace rédacteurs, cliquer sur "A suivre"

Passer la souris au-dessus de "Edition"

Cliquer sur "Tous vos articles"

Sélectionner l’article à modifier

Cliquer sur "Modifier cet article"

(On peut modifier tous les champs, comme le titre ou le texte, autant de fois que nécessaire)

Ajout d’une photo en miniature (album photo) dans un article :

Cliquer dans le cadre "Ajouter un document" sur "Parcourir"

Choisir le document dans le répertoire "Images modifiées"

Cliquez sur "Télécharger"

Création nouvelle rubrique :

Cliquer sur créer une nouvelle rubrique

Donner à cette rubrique un nom qui commence par 0X. Quelque_chose (Par exemple s’il s’agit de la rubrique qui suit la précédente nommée 03. La_précédente ce sera 04. La_suivante)

Enregistrer.

Mise en page d’un article :

Pour faciliter la mise en page des documents publiés avec SPIP, le système propose un certain nombre de « raccourcis typographiques » destinés à :

simplifier l’utilisation par des utilisateurs ne connaissant pas le code HTML faciliter le traitement automatique de la mise en page. Paragraphes et retour à la ligne Pour créer des paragraphes, il suffit de sauter une ligne.

Pour faire un simple retour à la ligne, il faut mettre un
(_ soit l’underscore à l’aide de la touche 8) suivi d’une espace au début de la ligne suivante.

Gras et italique On indique simplement du texte en italique en le plaçant entre des accolades simples : ...du texte en italique... . On indique du texte en gras en le plaçant entre des accolades doubles : ...du texte en gras... .

Taille du texte et couleur Il existe un tag Html qui permet de spécifier la couleur et la taille du texte (Notez qu’entre chaque tag il y a le symbole espace qui permet d’aérer le texte)

Taille 1 Taille 2 Taille 3 Taille 4 Taille 5 Taille 6

Rouge Bleu Jaune Vert Blanc Cyan

Intertitres Les intertitres sont des titres à l’intérieur d’un texte permettant d’en indiquer la structure (comme ceux présents sur cette page). Dans SPIP, on les indique très simplement en les plaçant entre des accolades triples :

Un titre de partie

Trait de séparation horizontal Il est très simple d’insérer un trait de séparation horizontal sur toute la largeur du texte : il suffit de placer une ligne ne contenant qu’une succession d’au moins quatre tirets, ainsi la ligne suivante est un trait horizontal :

Listes
 On peut fabriquer des listes dans SPIP : il suffit de revenir à la ligne et de commencer la nouvelle ligne avec un tiret (« - »). Notez : ici un simple retour à la ligne suffit (on peut faire des énumérations dans le même paragraphe) ; mais si l’on « saute » une ligne avant la ligne commençant par un tiret, une ligne vide est affichée avant l’énumération. Exemple :

 bla bla
 bla bla

 bla bla

On peut rajouter une liste basique avec les tags imbriqués suivants :

• bla bla
  • bla bla

Les liens hypertextes On fabriquera facilement un lien hypertexte avec le code suivant : texte du lien

Ce site a été déployé et paramétré par Hubsoft.

L’URL peut être une adresse absolue (commençant, comme ici, par http://), une adresse relative (vers une autre page du même site), un lien vers un document utilisant un protocole de l’internet (ftp://...), une adresse email (Hubsoft mail)...

Liens hypertextes à l’intérieur du site Ce même système de liens hypertextes facilite, de plus, la création de liens à l’intérieur de votre site sous SPIP. La seule subtilité consiste à repérer le numéro de l’article, de la rubrique, ou de la brève vers laquelle vous voulez mener votre lien hypertexte : lorsque vous « visitez », dans l’espace privé, un article, une brève ou une rubrique, la colonne de gauche contient un pavé indiquant, en gros caractères, ce numéro. C’est ce numéro que vous allez indiquer dans le lien hypertexte :

Lien vers l’article 342 : l’article pour sa part, article 342 affichera le titre de l’article 342 avec un lien vers cet article.

Rubriques : Compétitions Brèves : breve 65 Auteurs : Auteur : 13 Mots-clés : revisit-after Sites : site1 Notes de bas de page Une note de bas de page est, habituellement, signalée par un numéro placé à l’intérieur du texte, numéro repris en bas de page et proposant un complément d’information.

Dans SPIP, cette fonctionnalité (assez lourde à gérer manuellement en HTML) est automatisée : les notes sont numérotées par SPIP, qui gère également des liens hypertextes à l’intérieur du document pour passer directement de l’appel de note au texte de la note correspondante, et vice-versa. Une note de bas de page est indiquée, dans SPIP, entre doubles crochets : Une note [1] de bas de page. donnera : Une note [1] de bas de page. (le numéro 1 sera incrémenté automatiquement pour chaque nouvelle note).

Tableaux Pour réaliser des tableaux dans SPIP, il suffit de faire des lignes dont les « cases » sont séparées par le symbole « | » (pipe ou trait vertical), 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. Par exemple :

Insertion d’une image avec miniature (Deux photos sont nécessaires) :

 Modification de la taille des images :

Sélectionner toutes les images à modifier, en choisir une au hasard et cliquer dessus avec le bouton droit pour choisir l’option dans la liste déroulante nommée "VSO Image Resizer". Dans le programme, au premier lancement, choisir la résolution 320 par 200 pour la petite image et lancer l’opération. Relancer le programme de la même manière et choisir la résolution 1024 par 768 ou 800 par 600 et lancer à nouveau l’opération.

 Transfert des photos :

Pour cela il faut ouvrir un navigateur et coller ou saisir l’adresse suivante en remplaçant LOGIN et PSW par les bonnes valeurs :

ftp://LOGIN:PSW@ftpperso.free.fr/IMG/jpg/

Ensuite on revient dans le répertoire où ont été enregistrées les nouvelles images et on les sélectionne toutes pour les copier en cliquant sur "Edition" puis "Copier".

On bascule dans la fenêtre précédente et on clique encore une fois sur "Edition" et "Coller" cette fois. Il ne reste plus qu’à attendre que le transfert s’achève.

 Code à insérer dans l’article qui fait référence aux photos envoyées :

Description de la photographie en dessous. Pour changer de photo, il suffit de remplacer G4 par le nom de l’image. La seconde photo s’ouvre en pleine page et sans barres de menus ou barre d’outils du navigateur.

Insertion d’une vidéo dans un article :