{{{1. L'interface d'administration}}}

La première étape consiste à {{se connecter}} sur la partie administration du site.

Pour ce faire, connectez vous à l'adresse suivante :

[http://www.106xsi.net/ecrire/|Administration 106XSi->http://www.106xsi.net/ecrire/]

<img102|center>

Une fois connecté, vous observez que la partie administration du site se décompose en différentes parties. Je vous laisserais découvrir chacune d'entre elle par vous même (sans faire de bétises ;-) ) les noms parlent d'eux même.

<img103|center>

Intéressons nous plutôt à notre fond de commerce : {{les tutoriaux}}, qui se présenteront sous forme {{d'article}}.

<img104|center>
<img105|center>

Libre à nous d'{{éditer un des articles}} que nous sommes entrain de rédiger, de participer à la rédaction ou de faire des remarques sur un article qui est proposé par un autre rédacteur, ou simplement de {{créer un nouvel article}} à l'aide des boutons suivants.

<img106|center>

Comme vous pouvez le constater sur la page principale de l'administration, {{le site a été découpé en catégories}}, exactement comme pour le forum.

<img107|center>

{{Ces catégories pourront recevoir des sous-catégories, et des articles}}. Il convient donc bien entendu de respecter convenablement le classement de vos articles, mais quoi qu'il en soit, pas d'inquiétudes ! Ils pourront être déplacés sans peine par la suite si d'aventure vous les aviez mal rangés.

<img108|center>


{{{2. Mon premier article}}}


{2{C'est quoi ?}2}

D'une manière triviale, un article est composé de {{paragraphes}}, nommés par des {{titres}} et éventuellement des {{sous titres}}. Ces paragraphes peuvent recevoir des {{images}}, des {{vidéos}} ou {{n'importe quel type de fichier}} joint mais également comporter des {{liens}}, des caractères {{gras}} ou {{italiques}}.

{{Rien ne sert cependant de surcharger}}, il est surtout important de bien construire sa rédaction. Si ça n'est pas votre fort, rassurez-vous ! SPIP permet le {{travail communautaire}}. Ainsi, {{chaque article connaît plusieurs états}} : brouillon, proposé à l'évaluation, en ligne ou supprimé.

A l'état de {{brouillon}}, les autres rédacteurs et administrateurs peuvent {{lire et effectuer des remarques}} sur votre article (un mini forum en pied d'article le permet). Si vous invitez d'autres auteurs à rédiger sur votre article, ils pourront alors {{prendre la plume pour vous}}, corriger les fautes d'orthographe, remettre en forme des phrases hasardeuses, etc...

{{Le plus petit squelette demandé pour la rédaction d'un article}} devra donc être composé {{de titres, de quelques phrases avec quelques mots clefs, et des images placées dans l'ordre}}, afin de pouvoir les intégrer sans peine au corps de l'article.


{2{Comment on fait ?}2}

Mais revenons à la rédaction de notre premier article. Après avoir cliqué sur le {{bouton "Ecrire un nouvel article"}} (rappelez-vous, c'était quelques lignes plus haut...), nous voilà dans notre article.

<img109|center>

- Renseignez le titre,
- Choisissez correctement la rubrique ou sous-rubrique dans laquelle vous souhaitez le ranger,
- Ajoutez un descriptif rapide ainsi qu'un chapeau, un peu plus grand que le descriptif (mettez y du coeur, c'est important pour les recherches, et pour le référencement sur Google, même simple, ça a son importance),
- Lancez vous dans la rédaction de l'article, votre premier tutorial... (putain c'est émouvant... J'en chiale de joie :') )

Oui d'accord... Mais la mise en page dans tout ça ???


{2{La mise en page}2}

Pour les moins familiers d'entre nous, une {{petite palette regroupe des boutons}} qui vous permettent une mise en page simple.

<img161|center>

Pour les plus aguerris, [cliquer sur le petit "?"->http://www.106xsi.net/ecrire/?exec=aide_index&aide=raccourcis&var_lang=fr] vous donnera un aperçu complet des {{raccourcis typographiques}} disponibles. Pour les wariors, il est possible de coder du html directement dans l'article, à utiliser cependant avec parcimonie, à réserver à l'insertion de vidéo (par exemple depuis Youtube), au risque de ruiner la mise en page globale... Préférez les raccourcis typographiques.


{2{Les petits boutons... et leurs équivalents typographiques}2}

- i / <HTML>{italique}</HTML> : {mettre en italique}
- B / <HTML>{{gras}}</HTML> : {{mettre en gras}}
- Intertitre / <HTML>{{{mon titre}}}</HTML> : un titre ! Créer un titre de chapitre
- Bouton Triangle Attention / <HTML>{2{Mon sous-titre}2}</HTML> un sous titre, un sous chapitre donc.
- Bouton Triangle Attention / <HTML>{3{Mon sous-titre}3}</HTML> un sous sous titre, un sous sous chapitre donc :p
- Bouton "SPIP" / <HTML>[Mon site->http://MonSite.Com]</HTML> : créer un lien vers MonSite.com. Sélectionnez du texte, puis cliquez sur le bouton, laissez vous ensuite guider :

<img111|center>
<img112|center>
<img113|center>

Voilà pour les boutons usuels, il reste cependant quelques {{petites règles typographiques importantes qui n'ont pas de bouton équivalent}}.


- Créer une {{liste à puce}} : <code>- Ma liste à puce</code> ; le simple fait de rajouter un tiret suivi d'un espace en début de ligne lance une liste à puce.
- Créer une {{liste numérotée}} : <code>-# Ma liste numérotée</code> ; ajouter un # après le tiret en début de ligne lance une liste numérotée.
- Saut de paragraphe : pour aérer vos textes, n'oubliez pas de sauter des lignes entre les paragraphes, sinon votre texte sera tout dans le même bloc : {{une ligne vide = saut de paragraphe}} !


C'est déjà pas mal ! Et pour ceux qui râlent de ne pas avoir plus, rappelez-vous : {{rien ne sert de surcharger}} ! Utilisés intelligemment, ces raccourcis sont suffisants pour offrir une lisibilité parfaite. De plus, nous pourrons ainsi conserver une cohérence visuelle entre tous les articles, ne râlez pas, c'est pour le bien du site ! :)

Enfin, pour les plus motivés d'entre vous, n'hésitez pas à lire cet article très complet de RealET sur [Pyrat.net->http://www.pyrat.net] qui traite des [raccourcis typographiques de SPIP->http://www.pyrat.net/Raccourcis-Typographiques-de-SPIP.html].

Oui ok, super, c'est nul... Mais comment on rajoute les images et les documents ??


{{{3. Mes ptites n'images et documents joints}}}

Ha, c'est là qu'il {{va falloir changer vos habitudes}}... Fini les ImageShack à la con. "Mais pourquoi ? C'est bien ImageShack !". Oui... Sauf que 106XSi.net, c'est pas 106S16.net, on a dans l'idée de ne pas perdre nos articles tous les ans parce que les images ont été effacées... Si vous voyez ce que je veux dire... °_^

Les Medias ?? Ha non... Les medias c'est pour stocker vos photos, pas pour stocker les photos des articles... Pourquoi ? Simplement parce que si demain on décide de changer la hiérarchie des médias, ou si on les déplace, ou tout simplement si on les perds ou les stop, ça reviendra au même qu'avec ImageTruc... On aura perdu l'intérêt de nos articles.


{2{Alors comment on fait ?? °_°}2}

Et bien {{on les ajoute directement dans SPIP}} ! Et là, deux possibilités s'offrent à nous.
- {{Une par une}}, pratique quand il s'agit de compléter un article, ou quand on gère peu d'images
- {{Par lot, dans une archive Zip}}, lorsqu'il s'agit de mettre en ligne en une fois, toutes les images (ou presque) d'un article.


{2{Quelques restrictions cependant !!}2}

Comme vous l'avez compris, les photos seront donc stockées avec les articles, ce qui nous permettra de les sauvegarder en même temps que le site. De plus, pour préserver la mise en page (fait pas chier PHDM c'est comme ça :p), les photos, de même que sur le forum, sont retaillées et réduites, afin de respecter la largeur du site. Ca ne sert donc à rien d'envoyer en ligne des photos démesurément grandes. {{Les photos devront donc être réduites AVANT envoi, à une largeur maximale de 1000 pixels}}, elles seront réduites par SPIP à l'affichage dans l'article, mais clicables pour retrouver leur taille normale.

Et là, si vous ne savez pas faire, {{rien de plus simple}}, vous trouverez tout un tas de {{petits logiciels gratuits}} pour réaliser cette opération en une seule fois pour toutes vos images :
- [VSO Image Resizer->http://www.01net.com/telecharger/windows/Multimedia/photo_numerique/fiches/50362.html]
- [Multiple Image Resizer->http://www.01net.com/telecharger/windows/Multimedia/creation_graphique/fiches/39044.html]
- [Easy Image Resizer->http://www.01net.com/telecharger/windows/Multimedia/photo_numerique/fiches/50255.html]
- [etc...->http://www.01net.com/recherche/index.php?searchstring=redimensionner+image&x=0&y=0&type=01net&system=windows]

Je vous laisse trouver le votre, de toutes façons, j'aime pas les PC... :]

Une fois les images redimensionnées, {{sélectionnez les toutes}}, puis {{réalisez une archive Zip}} (Clic Droit sur les images sélectionnées, Envoyer vers > Archive).

{{Ce petit fichier n'a plus qu'à être envoyé comme s'il s'agissait d'une image.}}

<img115|center>

Confirmez que vous voulez {{décompresser et installer}} les images.

<img116|center>

Une fois l'opération terminée, vous voyez apparaître à la gauche de votre article, tout un bordel... Ce sont vos images !

Il ne vous reste plus qu'à les insérer en utilisant le numéro donné par spip en recopiant les raccourcis donnés sous l'image : <code><img103|center></code> où left|right|center définissent l'alignement de votre image.

Enfin, sur chacune de vos images, vous pouvez rajouter un titre, ainsi qu'une description, qui pourront apparaître sous l'image.

Bien évidemment, {{tout type de document (.pdf, .zip, .doc, etc...) peut être joint à votre article}}, l'opération se réalisant de la même manière que pour les images, mais en utilisant le formulaire juste en dessous ;-)


{{{4. Finaliser et proposer un article}}}

Une fois cette lourde tâche de rédaction réalisée, ou pour reprendre le travail à un autre moment, {{enregistrez l'article}} en cliquant sur le bouton de bas de page, sous le post-scriptum.

Vous voilà avec la possibilité de visualiser votre article dans l'administration...

{{MAIS C'EST TOUT PAS EN FORME °_°}}

Oui c'est normal, calme toi Titi, Jeggad est là. La mise en forme s'applique au niveau du site public, l'administration a ses propres règles d'affichage. *OUF*

Je remarque ici quelques nouveaux boutons.

<img117|center>

-* {{Les auteurs}} : nous donne la possibilité d'ajouter des auteurs à nos articles, afin qu'eux aussi puissent effectuer des modifications dessus. {{ATTENTION !}} en cas de travail collaboratif (plusieurs auteurs) pensez à vérifier que vous ne travaillez pas en même temps sur le fichier, et pensez à libérer le fichier (en cliquant sur la croix rouge, dans le cadre de gauche "Articles en cours de rédaction") pour que les autres puissent travailler quand vous avez fini.

<img118|center>

-*{{Les mots-clés}} : sont très importants afin de nous garantir un référencement optimal sur Google ! Choisissez les scrupuleusement, avec attention, et n'hésitez pas à rajouter ceux qui manquent dans le glossaire, ou à en faire la demande à un administrateur ! Du choix des mots clefs va dépendre notre fréquentation et donc la valorisation de notre travail !!
_{N.B. les mots clefs ne sont à ce jour pas encore définis, nous y travaillons tous ! :)}

-* {{L'état de l'article}}
-** {{en cours de rédaction}} : vous avez commencé à rédiger un article, c'est une ébauche.
-** {{proposé à l'évaluation}} : vous souhaitez attirer l'attention des autres sur votre article qui est fini. Les auteurs/administrateurs viendront relire, émettre des commentaires, formuler des remarques, et les dernières modifications pourront être effectuées.
-** {{publié en ligne}} : statut donné par un administrateur, publie votre article, qui devient dès lors visible depuis le site public.


{{{5. Conclusions et remarques}}}

{{Utilisez préférentiellement [Firefox->http://firefox.fr/] !!}}

{{Ecrire un article c'est simple}}. Long, mais simple. Ne perdez jamais de vue que {{l'écriture prend du temps}}, mais qu'une rédaction efficace et précise, vous fera {{gagner autant de temps sur le forum}} ! Si l'article est bien ficelé, c'est autant de questions redondantes en moins sur le forum.

N'hésitez pas à {{mettre à jour vos propres articles}}, suivant les remarques qui auraient pu être formulées, suivant les nouveaux petits trucs que vous avez découvert, les fautes que vous apercevez à tête reposée, etc...

{{Pensez toujours à qui vous adressez le tutoriel}}. Il y a toujours plusieurs niveaux de lecture, plusieurs degrés de compréhension, directement liés aux compétences de votre lecteur. Si votre lecteur est une buse, il faudra être très précis, même si ça vous semble débile et évident. Ca l'est peut être pour vous, pas pour lui !
Si au contraire vous abordez des articles pointus, qui nécessitent des bases préalables, mentionnez le au début de l'article, ou dans le descriptif rapide.

N'hésitez pas à {{indiquer dès le départ, les outils utilisés, les fournitures nécessaires, le temps de réalisation}}. Soyez très complet ! Ca évitera à vos lecteurs d'oublier le truc à deux balle qui bloque l'intervention.

Faites {{partager votre expérience, vos petits trucs, les problèmes que vous avez rencontré}}. Ca rassurera toujours le mec qui va s'y trouver confronter, il se sentira moins seul :]

Enfin, pensez à {{aérer vos articles, et à mettre des titres}}. C'est toujours plus simple de suivre un tutoriel propre avec des étapes numérotées.

[Allez c'est parti ! Lancez vous !! :)->http://www.106xsi.net/ecrire/]

{A titre d'exemple, vous pouvez [télécharger la version texte de cet article->http://www.106xsi.net/IMG/txt/CommentRedigerUnArticleAvecSPIP.txt], où vous pourrez voir comment il a été mis en forme !}

<doc119|center>

;-)