Aller au menu - Aller au contenu

Icône Le formulaire de rédaction de texte

Avatar
Mise à jour : 28/08/2010
Difficulté : Facile Facile Creative Commons BY-SA
176 visites depuis 7 jours, dont 15 sur ce chapitre classé 440/786
Nous allons maintenant, pour clôturer cette partie d'introduction au Site du Zéro, apprendre à bien utiliser le formulaire de rédaction de texte : la zForm.

Ce chapitre sera pour nous l'occasion d'étudier la zForm, c'est-à-dire la zone de formulaire nécessaire pour écrire n'importe quel type de contenu sur le Site du Zéros, que ce soit un Message Personnel, un post dans un forum, un tuto, etc. Nous verrons aussi comment envoyer des images sur les serveurs du site, et comment les ajouter à vos textes. ;)

C'est parti ! :)
Sommaire du chapitre :
Icône du chapitre
Chapitre précédent Sommaire Chapitre suivant

Première approche de la zForm

Gné ? C'est quoi, la zForm ?

C'est le formulaire qu'il faut remplir lorsque vous souhaitez rédiger un texte sur le SdZ (quel que soit ce texte). Une définition un peu plus précise est disponible en annexe de ce tutoriel.

Dans cette partie, nous apprendrons simplement à bien maîtriser son utilisation. En effet, un grand nombre d'options sont utilisables depuis la zForm.

Pour commencer, en voici une capture d'écran :

Image utilisateur


Comme vous le voyez, la zForm est partagée en six parties principales. Voici quelques détails sur ces grandes parties.

  1. Les boutons du zCode. Ils servent à mettre en forme votre message.

    Qu'est-ce que le zCode ?

    C'est un langage créé pour le SdZ, utilisé pour y mettre en forme tous les posts. Vous pouvez obtenir davantage d'informations sur le zCode en lisant la sous-partie qui lui est dédiée et la doc. de ce langage.
  2. Le champ d'action : c'est la zone dans laquelle vous écrivez votre texte. Vous y ajoutez aussi le zCode pour la mise en page.
  3. L'aperçu en temps réel : cette zone est très pratique. :) Elle vous permet de voir au fur et à mesure le rendu final de votre mise en page. En effet, la zone de texte n'est pas en WYSIWYG (c'est-à-dire que vous ne pouvez pas voir directement le résultat final de ce que vous écrivez). Avec l'aperçu en temps réel, vous pouvez voir les polices choisies, les couleurs…
    Pour que l'aperçu en temps réel puisse être actif, vous devez avoir activé le JS (JavaScript) dans vos options membres, dont nous parlerons dans la deuxième partie. ;)
    Cependant, l'aperçu en temps réel ne donne qu'un aperçu. Certains rendus peuvent être erronés. C'est normal, cet aperçu ne peut pas parser (traduire) toutes les balises du zCode.
  4. L'aperçu final : c'est un peu comme l'aperçu en temps réel, sauf que cette fois, toutes les balises du zCode sont parsées et vous avez donc un rendu exact de votre texte, contrairement à l'aperçu en temps réel. Cependant, l'aperçu final n'est pas en temps réel. :p Pour l'obtenir, cliquez sur le bouton Image utilisateur.
  5. Ce sont 2 liens vers le mode d'emploi du zCode et vers vos Images zUploadées.
    L'avantage, c'est que si vous cliquez sur ces liens, le texte que vous rédigez ne sera pas perdu, car ces pages s'ouvrent systématiquement dans de nouvelles fenêtres.
  6. Là, ce sont les smileys du SdZ. En cliquant dessus, vous les intégrez dans vos textes, ce qui permet de les « décorer » un peu, et de les agrémenter en émotions. :p
    Vous pouvez aussi entrer manuellement les raccourcis vers ces smileys. Si par j'écris par exemple ":)" (sans les guillemets), cela affichera au final le smiley « :) ». Si vous entrez manuellement les raccourcis vers les smileys, vous devrez mettre une espace avant et une espace après, sinon ils ne seront pas parsés (et ne s'afficheront pas correctement).

Voilà : on a fait le tour de cette fameuse zForm. Elle est très utile, et même si elle a l'air assez troublante au début, vous vous familiariserez rapidement avec son utilisation. ;)

Puisque vous savez rédiger un texte avec le zCode, nous allons maintenant voir comment envoyer des images sur les serveurs du site. :)

Première approche des zUploads

C'est quoi, les « zUploads » ?

« zUploads » est le nom donné au module du site qui vous permet d'envoyer des images sur le Site du Zéro. Nous apprendrons tout au long de cette sous-partie comment bien utiliser ce module. Ce que vous allez lire est sans doute la partie la plus compliquée de tout le tutoriel, bien que cela reste très simple. ;) En effet, les nouveaux inscrits ont souvent du mal à s'adapter à la plateforme d'upload.

Bien, passons à la pratique !

Accéder à vos images zUploadées…



… depuis la zForm



Nous avons déjà vu comment accéder à vos zUploads depuis la zForm : il suffit de cliquer sur « Envoi d'images », juste en-dessous de la liste des smileys.

Vous arrivez normalement à une page similaire à celle-ci :


Image utilisateur
Accueil des zUploads


… depuis votre profil



C'est très simple, encore une fois. Rendez vous dans la rubrique « Sauvegardes » du menu « Mon Compte » et cliquez sur le lien « Mes images » (pour davantage de détails sur le menu « Mon compte », n'hésitez pas à lire la partie 2 ;) ).

Si vous accédez à vos zUploads depuis votre profil, vous ne pourrez pas envoyer d'images sur le site, mais uniquement voir celles que vous avez déjà envoyées.


Comment sont organisés vos fichiers d'images ?



Une fois sur votre page d'accueil des zUploads, vous devriez voir une liste de liens (avatars, commentaires de News, forums, …), chacun pointant vers le dossier concerné. Ainsi, si vous cliquez sur le dossier « forums », vous verrez tous les sous-dossiers contenus dans ce dossier.
Bien sûr, chaque dossier correspond à une section du site, et à chaque fois que vous y enverrez une image, elle sera automatiquement enregistrée dans le dossier correspondant à la section où vous l'envoyez. ;)

Le dossier de la page d'accueil des zUploads s'appelle « Racine ».

Admettons que vous vouliez poster une image sur un forum, et plus précisément sur le topic « Test d'upload d'images » (ce topic n'existe pas, je l'ai inventé pour donner mon exemple :p ).
Comme d'habitude, vous ouvrez vos zUploads et envoyez une image sur les serveurs du site (nous saurons faire cela d'ici quelques minutes). Comme vous le savez maintenant, l'image sera stockée dans le dossier « Forum ». Mais afin d'organiser encore mieux toutes les images que vous avez envoyées, un sous-dossier appelé « Test d'upload d'images » sera créé, dans lequel seront enregistrées toutes les images que vous zUploaderez sur le topic « Test d'upload d'images ».

En effet, à chaque fois que vous envoyez une image dans une sous-section du site, elle est enregistrée dans le sous-dossier nom_de_la_section/nom_de_la_sous_section.
Par exemple, toutes les images que j'ai envoyées pour illustrer le chapitre que vous êtes en train de lire se trouvent dans le sous-dossier Racine/Tutoriels/La proposition de news.
Celles que j'ai envoyées pour rédiger le chapitre « L'interface du site » se trouvent dans le sous dossier Racine/Tutoriels/L'interface du site.
Bref, je vais pas vous faire la liste de tous les sous-dossiers des mes zUploads, vous avez compris l'idée. ;)

Maintenant, le moment que vous attendiez tous ( :D ) : envoyer une image !

L'accueil de l'envoi d'images



Bien. Maintenant que nous avons un peu mieux compris comment sont organisés vos fichiers zUploadés, nous allons enfin apprendre à envoyer des images sur les serveurs. :)

Pour commencer, ouvrez vos zUploads depuis la zForm (souvenez-vous que si vous les ouvrez depuis votre compte, vous ne pourrez que regarder les images déjà envoyées, et non en ajouter d'autres).
Pour rappel, voici la page sur laquelle vous arrivez (elle varie en fonction de l'endroit du site depuis lequel vous envoyez vos images) :


Image utilisateur


Comme vous le voyez maintenant, la page qui s'ouvre vous envoie directement dans le dossier ou vous vous trouvez (ma capture d'écran a été prise depuis mes MP, je me trouve donc dans le dossier Racine/Messages personnels).
La zone qui nous intéresse est bien sûr celle qui se trouve au-dessus de la liste des dossiers, car elle va nous permettre d'envoyer (enfin) des images sur le site. En voici une capture d'écran :

Image utilisateur


Il existe 2 façons d'envoyer des images sur le Site du Zéro :
  • depuis votre disque dur ;
  • depuis un autre site Internet.


zUploader une image depuis votre disque dur



Pour commencer, cliquez sur le bouton parcourir, puis sélectionnez dans la fenêtre qui s'ouvre l'image à envoyer. Vous pouvez aussi entrer manuellement l'emplacement exact de l'image que vous voulez envoyer, mais c'est un peu moins pratique…

Bien entendu, si vous voulez envoyer une image depuis votre disque dur, le champ « Ou indiquez une adresse Internet » doit rester vierge. ;)

zUploader une image depuis un autre site



Dans ce cas, vous n'avez qu'à remplir le champ « Ou indiquez une adresse Internet » avec l'URL exacte de l'image concernée.

Si vous donnez une URL erronée, l'image ne pourra pas être envoyée sur le site, faites-y très attention. ;)
Je vous conseille d'ailleurs de copier/coller l'URL de l'image plutôt que de l'écrire à la main…


Quel que soit l'endroit depuis lequel vous prenez vos images, vous pouvez indiquer une légende pour cette image (dans le champ « Légende de l'image (facultatif) », est-ce utile de le préciser ? :p ). Ainsi, si l'image ne peut être affichée, la légende permet de savoir malgré cela à quoi elle faisait référence. :)
Vous pouvez aussi indiquer une taille pour vos miniatures (en pixels), si vous le souhaitez. Nous verrons dans quelques instants ce que sont les miniatures.

Maintenant que vous avez indiqué l'emplacement de votre image, vous n'avez plus qu'à cliquer sur Envoyer. :)
Et voilà, vous avez réussi à zUploader des fichiers sur le SdZ ! Il faut maintenant afficher l'image (eh oui, une fois envoyée, elle ne s'affiche pas toute seule).

Voyons tout de suite comment faire.

Insérer une image dans un texte



Bien. Vous savez maintenant envoyer des images sur les serveurs du site, vous savez aussi utiliser la zForm. Il ne reste plus qu'à voir comment insérer des images dans vos textes. :)

Je vais utiliser un exemple pour illustrer mon explication. Je souhaite insérer dans mon texte une image qui se trouve dans le sous-dossier Racine/Tutoriels/Messages, Pop-up, Erreurs. Voici un screen de ce sous-dossier :

Image utilisateur


Comme vous le voyez, une liste de boutons apparait sous chacune des images. Ils permettent d'effectuer un certain nombre d'actions sur ces images, notamment les insérer. Voici à quoi servent les différents boutons :
  • Insérer image : insérer une image dans votre texte ;
  • Insérer miniature: insérer une miniature de l'image dans votre texte ;
  • Renommer image : renommer votre image ;
  • Copier image : créer un double de votre image (équivalent d'un copier/coller) ;
  • Redimensionner image : redimensionner votre image ;
  • Supprimer image : supprimer l'image. Une image supprimée ne peut être récupérée, attention !


Si je souhaite insérer une image depuis mon sous-dossier Racine/Tutoriels/Messages, Pop-Up/Erreurs, j'ai simplement à cliquer sur le bouton…

Secret (cliquez pour afficher)
Insérer image

J'espère que vous aviez deviné, sinon je vous invite vivement à relire cette partie. :-°

Maintenant que la zForm et les zUploads n'ont plus aucun secret pour vous, nous allons enfin nous atteler à la rédaction de news. :)

Proposer une news

Bien. Nous avons vu comment bien exploiter la zForm, mais la fête ne fait que commencer ! :p

Maintenant, nous allons voir comment proposer une news.

Pour commencer…



Avant tout, il vous faut trouver un thème sur lequel écrire. Vous pouvez parler de ce que vous voulez, aux seules conditions que cela concerne l'informatique et que cela soit d'actualité. Par exemple, une news sur la sortie de Windows 98 ne sera jamais publiée. :-°
Vous ne devez par ailleurs pas faire de publicité pour un de vos projets personnels, ou pour n'importe quoi d'autre.
Bien souvent, vous n'aurez pas à chercher un thème qui vous intéresse. En effet, si vous avez l'habitude de surfer sur des sites d'actualité informatique, vous en trouverez aisément un. ;)

Proposer une News Communautaire



Avant de commencer



Ça y est, vous tenez votre sujet. Maintenant, il reste le plus dur : rédiger. Cela ne se fait pas en un instant ; il y a un certain nombre d'étapes à respecter. Premièrement, vous devez vous documenter sur le domaine traité. En effet, les news sur le SdZ sont toujours accompagnées d'informations complémentaires afin d'aider les Zéros à mieux les comprendre. :)
Une fois que vous avez récolté assez d'informations pour expliquer globalement l'intérêt du projet que vous newsez, le contexte de son développement, etc., vous devez hiérarchiser ces infos. En effet, votre news devra être la plus structurée possible. Il vous est d'ailleurs conseillé de faire un plan détaillé de ce que vous allez dire.

Ça y est, on peut commencer à écrire !



Maintenant que vous vous êtes organisés, que vous avez votre sujet, un plan détaillé sous les yeux, vous allez pouvoir commencer à rédiger. ;)

Pour cela, cliquez sur le lien « Rédiger une news » dans le module de news de la page d'accueil.
Vous devez lire attentivement les instructions en rouge, car elles risquent de vous éviter de passer plusieurs heures à rédiger pour rien. ^^ D'ailleurs, je me permets de répéter ce qui est écrit, pour plus de sûreté.

Citation : Instructions concernant la rédaction de news
Avant de proposer une news : vérifiez que l'idée principale de votre news est correctement énoncée avant de la soumettre à la communauté. Une news claire peut-être aisément complétée par d'autres membres. De même, n'hésitez pas à utiliser le post-it pour laisser des notes aux autres contributeurs. :o)
Veuillez noter que les news ne sont PAS faites pour faire de la pub pour votre site, ce type de news sera systématiquement refusé. De même, toute news plagiée complètement ou partiellement sera refusée automatiquement.

Comment ça « communauté » , « autres membres » et « autres contributeurs » ?

C'est ce dont je vous parlais il y a quelques chapitres. Vous vous souvenez ? Ce sont les NC.
Pour proposer votre news, vous n'avez plus qu'à écrire le contenu dans le champ de rédaction et le titre dans le champ Titre. Essayez de trouver un titre assez court et le plus explicite possible.
Exemple de mauvais titre : MS update son OS
Exemple de bon titre : Sortie de Windows Eight par Microsoft !

Quelques conseils de rédaction



La première chose à conseiller, c'est d'essayer de limiter au maximum le nombre de fautes d'orthographe, même si les autres membres sont là pour vous aider !
Ensuite, il faut essayer de ne pas mettre trop longtemps à la rédiger. Si vous mettez plus de 10 jours, il y a peu de chances que votre news soit acceptée... :(

Par ailleurs, si vous avez le moindre doute quant à la rédaction, ou si vous avez besoin de conseils, n'hésitez pas à envoyer un MP aux newsers (la liste des newsers est accessible ici).

Si vous vous voulez rédiger votre news en une seule fois, je vous conseille de la rédiger dans votre pense-bête sur le SdZ, ou sur votre disque dur à l'aide de ce fabuleux logiciel nommé zEditor. Une fois la rédaction terminée, vous n'aurez plus qu'à copier/coller votre texte sur la page de proposition de news. ;)

Cependant, ne vous attendez pas à ce qu'elle soit acceptée immédiatement. Il vous faudra sans doute la retravailler avec les membres et newsers, afin de la rendre le plus agréable possible à lire. ;) Il faut aussi que vous sachiez que rédiger des news est un travail fastidieux, qui prend bien plus de temps qu'il n'y paraît ! Mais ne désespérez pas, à force de persévérance, votre pseudo apparaîtra un jour sur la page d'accueil du SdZ. :D
Eh bien, bravo, vous êtes désormais familiers avec les bases du Site du Zéro ! :D Félicitations.

Mais beaucoup de choses il te reste à apprendre, comme dirait maître Yoda. ^^
Chapitre précédent Sommaire Chapitre suivant

Partager

Il n'y a pas encore de commentaire pour ce tuto.