Aller au menu - Aller au contenu

[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les tutoriels > Officiels > Site du Zér0 > Le manuel du Zér0 > Première approche > Le formulaire de rédaction de textes > Lecture du tutoriel

Le formulaire de rédaction de textes

Avatar
Auteurs : btuto_sdz, Cam, madmac, Nelty et souls killer
Visualisations : 2 657

Plus d'informations Plus d'informations
Nous allons maintenant, pour clôturer cette partie d'introduction au Site du Zér0, 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ér0, 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 texte. ;)

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 tuto.

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 un screen :

zForm de la proposition de news


L'image est un peu pixelisée parce que je l'ai réduite, mais ce n'est pas gênant.

Comme vous le voyez, la zForm est partagée en 6 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 mettre en forme tous les posts du SdZ. Vous pouvez avoir davantage de données sur le zCode dans la sous-partie qui lui est dédiée et en lisant 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 dès 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 aperçu final.
  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 n'est pas perdu, car ces pages s'ouvrent systématiquement vers 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 d'agrémenter un peu en émotions. :p
    Vous pouvez aussi entrer manuellement les raccourcis vers ces smileys. Exemple : si j'écris : ":)" (sans les apostrophes), cela affichera au final " :) ". Si vous entrez manuellement les raccourcis vers les smileys, vous devrez mettre un espace avant et un espace après, sinon il ne seront pas parsés (et ne s'affichera 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 à 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" ?

"Les zUploads" est le nom donné au module du site qui vous permet d'envoyer des images sur le Site du Zér0. 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 tuto, 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 cliquez sur Envoi d'images, juste en dessous de la liste des smileys.

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


Accueil des zUploads



...depuis votre profil



C'est très simple, encore une fois. ;) Rendez vous dans le menu Mon Compte, rubrique Mes images. Cliquez sur le lien Voir toutes mes images envoyées. 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 le menu Mon compte, 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 êtes censé voir une liste de fichiers (Avatars, Commentaires de News, Forums, ...), chacun étant un lien vers le dossier concerné. Ainsi, si vous cliquez sur le dossier Forums, vous verrez tous les sous-dossiers contenus dans ce dossier Forums.
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'organier 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 enregsitré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/Tutoriaux/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/Tutoriaux/L'interface du site.
Bref, je vais pas vous faire la liste de tous les sous dossier 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) :


Accueil des zUploads


Comme vous le voyez maintenant, la page qui s'ouvre vous envoie directement dans le dossier ou vous vous trouvez (mon screen a été pris 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 image :

Image utilisateur


Il existe 2 façons d'envoyer des images sur le Site du Zér0 :


zUploader une image depuis votre disque dur



Pour commencer, cliquez sur le bouton Parcourir, puis, dans la fenêtre qui s'ouvre, sélectionnez 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, l'image 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/Tutoriaux/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 de faire un certain nombre de choses sur ces images, et notamment les insérer. Voici à quoi servent les différents boutons :


Si je souhaite insérer une image depuis mon sous-dossier Racine/Tutoriaux/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 bien souvent 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 la news



Avant de commencer



Ça y est, vous tenez votre sujet. Maintenant, 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ér0s à mieux la 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, ..., 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 proposer une news dans le menu Mon compte.
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 votre news est correctement rédigée avant de nous l'envoyer. Moins on passera de temps à corriger les fautes d'orthographe, plus vous aurez de chances de voir votre news acceptée. :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.


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 Vista 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. Les newsers ne sont pas des profs de français. :p
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).

Enfin, méfiez-vous. Si vous n'avez pas rédigé votre news en une seule fois, elle sera perdue. Afin d'éviter cela, je vous conseille de la rédiger dans votre pense-bête sur le SdZ, ou sur votre disque dur. 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 newsers, afin de la rendre la 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ér0 ! :D Félicitations.

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


Créé : le 18/03/2008 à 19:34:02
Modifié : le 24/08/2008 à 11:58:35
Avancement : 100%
Licence : Copie non autorisée

Changer de design | En savoir plus | Plan du site | Politique d'accessibilité | Règles | RSS tutoriels | RSS news | XHTML 1.0 | CSS 2.0
Édité par Simple IT SARL : Nous contacter | Revue de presse | Publicité

Y'a plus rien à lire, faut remonter maintenant !

Hébergement web - Correction de tutoriels - Créer un site
Vous souhaitez apparaître ici ? Contactez-nous.

Nombre de connectés 201 Zéros connectés | Requêtes SQL 8 requêtes | Temps de génération de la page : Total (SQL) 0.0235s (0.0112s)