Comment créer un article sur aquabase.org ?

I. Quelques règles de bases.

Un article doit sortir de l'expérience de son rédacteur et non être tiré de bouquins ou autres ouies dires.

1) La classification et le référencement

Bien que ça ne change pas le contenu de l'article, ces 2 paramètres de créations sont "vitaux".
En effet, classer un article permet de le retrouver en le cherchant dans la classification des articles
Référencer un article est aussi indispensable puisque cela permet de le retrouver facilement avec la fonction "recherche" du site.

2) Le titre

Le titre doit être clair, net, précis et concis.
Il doit être attirant et original, un peu à l'image d'un titre de journal qui doit captiver l'attention et déclencher la curiosité.

3) Le résumé

Il en est de même pour le résumé qui ne doit pas faire plus de 5 lignes et donner un aperçu de ce qui va suivre dans l'article.

4) Le texte

Le texte devant être vu sur un écran pas toujours de bonne qualité doit être lisible le plus facilement possible.
C'est pourquoi il ne faut pas hésiter d'aller à la ligne le plus souvent possible en utilisant les balises html (voir chapitre N° II).

Pour illustrer ceci, voici un exemple tiré de l'article "Non classé" de Koi1 :

Article initial :
"Les différents processus biologiques se déroulant dans un aquarium engendrent une accumulation de composés organiques. On appelle ainsi les molécules à squelette carboné. La liste en est immense et comprend, pour ne citer qu’eux, les acides aminés, les colorants, des protéines, des phénols, des créosols, des terpénoïdes, des lipides, des glucides, des hydrocarbures, les pesticides, des hormones végétales, des vitamines, des caroténoïdes et divers acides tels qu’acides gras, acétique, lactique, glycoliques, malique et citrique."

Article remanié :
"Les différents processus biologiques se déroulant dans un aquarium engendrent une accumulation de composés organiques. On appelle ainsi les molécules à squelette carboné.
La liste en est immense et comprend, pour ne citer qu’eux, les acides aminés, les colorants, des protéines, des phénols, des créosols, des terpénoïdes, des lipides, des glucides, des hydrocarbures, les pesticides, des hormones végétales, des vitamines, des caroténoïdes et divers acides tels qu’acides gras, acétique, lactique, glycoliques, malique et citrique."

Il n'y a qu'un saut à la ligne mais sa semble déjà légèrement mieux

II. Quelques bases de langage html.

Toutes ces balises sont souvent doubles et se mettent avant et aprés le texte à traiter. Voyons les principales.

PS : Pour désactiver les balises et qu'elles apparaissent à l'écran, j'ai remplacé par "[" et "]" les symboles "<" et ">".

1) Le texte et les paragraphes

Début de paragraphe : [p]; et fin : [/p]
Saut à la ligne : [br]

La balise de fin de paragraphe crée un saut à la ligne puisqu'il faut sauter une ligne entre 2 paragraphes.

2) Le format de présentation.

Gras : [b]texte[/b]
Italique : [i]texte[/i]
Souligné : [u]texte[/u]
Rayé : [s]texte[/s]
_Indice : [sub]texte[/sub]
^Exposant : [sup]texte[/sup]

Ces balises peuvent bien sûr être imbriquées; un texte peut être :
Gras-Italique et souligné par exemple : [b][u][i]Texte[/i][/u][/b]

On peut ainsi créer tous les styles de mise en forme imaginables

3) Les plus.

- La couleur du texte : [font color="color"]Texte[/font]
Exemple : Texte bleu : [font color=blue]Texte[/font]

Vous avez surement compris qu'il suffit de remplacer le mot "couleur" par le nom anglais de la couleur désirée :
red pour rouge; blue pour bleu; yellow pour jaune ...
Les couleurs peuvent également être écrites sous forme de code à chiffre; il existe sur le net des tables des couleurs résumant ces codes.

4) Les liens.

Adresse URL : [a HREF="URL"]Texte[/a]

Exemple avec l'article de Koi1:
Article non classé : [a HREF=http://www.aquabase.org/articles/html.php3/nouvel-article=319.html][u]Article non classé[/u][/a]

Notez l'imbrication des balises avec le soulignement du nom de l'article.

III. Petit conseil.

L'informatique a si vite fait d'effacer un document qu'il est très conseillé de conserver ses documents sous Word afin de ne pas avoir besoin de retaper l'article
De plus cet outil contient une fonction "correcteur d'orthographe qui permet d'améliorer encore la qualité de l'article.

IV. Maintenant, La Pratique.

Voici à quoi ressemble mon paragraphe I sur ma page d'édition :

"[p]Un article doit sortir de l'expérience de son rédacteur et non être tiré de bouquins ou autres ouies dires.[/p]

[p][u][b]1) La classification et le référencement[/u][/b][/p]

[p][u][b]2) Le titre[/u][/b][/p]

[p]Le titre doit être clair, net, précis et concis.[br] Il doit être attirant et original, un peu à l'image d'un titre de journal qui doit captiver l'attention et déclencher la curiosité.[/p]

[p][u][b]3) Le résumé[/u][/b][/p]

[p]Il en est de même pour le résumé qui ne doit pas faire plus de 5 lignes et donner un aperçu de ce qui va suivre dans l'article.[/p]

[p][u][b]4) Le texte[/u][/b][/p]

[p]Le texte devant être vu sur un écran pas toujours de bonne qualité doit être lisible le plus facilement possible.[br]
C'est pourquoi il ne faut pas hésiter d'aller à la ligne le plus souvent possible en utilisant les balises html (voir chapitre N° 2).[/p]

Notez que même sur ma feuille d'édition, le texte est aéré afin de pouvoir retrouver le texte et les balises de façon pas très complexe. Ainsi le texte d'édition n'est pas un bloc impossible à corriger.

V. Visuel.

La premiere page : le référencement de l'article

Les suivantes : le corps de l'article

VI. Conclusion.

Créer un article sur aquabase.org n'est pas excessivement dur mais cela demande une certaines méthodologie pour ne pas s'embrouiller avec toutes ces balises qui jonchent le texte lors de l'édition.

Pour ceux qui veulent se former un peu plus en détail, voici le site où j’ai appris tout ce que je viens de vous montrer :
Site sur le HTML

Merci de votre lecture, JM

Qualité de l'article, hors mise en page.

Qualité  1   2   3   4   5  Voter La moyenne des 82 votes est de 4.3

Commentaires Ajouter 09 jan 2010 20:42 - philippe2 Salut, Trucs et astuces qui peuvent servir. Photo centrée er limitée à la largeur de la page. Le ratio W vs H de l'originale est conservé. Si l'on veut faire plus petit, il suffit de modifier les %. <CENTER><IMG SRC= http://www.aquabase.org/member/album/la-photo-que vous-avez-été-chercher-dans-votre-album full.jpg width="100%"></CENTER> Un lien hypertexte qui s'ouvre dans une nouvelle fenêtre et que vous pouvez nommer comme bon vous semble : <a HREF=http://www.le-nom-du-site_sur-le-oueb target="_blank">Celui que vous voulez voir écrit dans votre article</a> A+, Philippe. 24 mai 2009 20:42 - ramiremzi au moin cela va bien m'aider pour faire le mien 26 déc 2008 20:55 - magicsec très bien expliqué, je vais m'y mettre 07 aoû 2008 15:19 - jam-ice Très bon article, Il faudrait juste rajouter que l'ajout d'image par l'importateur intégré nécessite une image en 320x240px maxi... Ces images sont importées du disque dur de l'ordinateur vers un repertoire de stockage d'images d'articles sur aquabase... Si on veut utiliser des images plus grosses (en 800x600) comme celle de son album perso, on ne peut pas utiliser l'importateur d'image intégré à l'éditeur d'article, il faut juste saisir la commande html : <img src="http://www.aquabase.org/member/album/pictures/xxxxxxxxxxxxxxxxxxxxxxxxxx_full.jpg"> Dans l'article, l'image s'affichera à l'endroit ou vous avez saisi la commande... (et avec la taille qu'elle a dans votre album c'est à dire 800x600 maxi) (merci Zeck) 06 jun 2008 19:43 - jack93 je trouve cette façon de faire un article compliqué et assez réservé à des utilisateurs doués pour le HTLM Ne pourrait-on pas faire son article sur Word par exemple aves sa propre mise en page le nombre de photos qu'on veut et l'envoyer par messagerie salutations jack 19 fév 2008 11:24 - ad91 en fait c bon, la réponse est dans le lien donné en fin d'article... <FONT SIZE=?> </FONT> 19 fév 2008 11:20 - ad91 petite question : comment choisir différentes tailles de caractères ? 06 oct 2007 21:51 - philippe2 Pour éditer, c'est avant l'ouverture de l'article. Maintenant c'est OK. 08 sep 2007 10:43 - philippe2 Salut, Merci pour toutes ces explications. Cela reste quand même pas vraiment simple, mais je vais me lancer. Petite question. Comment faire pour éditer ou modifier un article (dont on est l'auteur, bien sûr)?? A+, Philippe 14 aoû 2007 17:18 - Stéphane32 Bonjour, je viens de trouver une astuce pour que tu puisses écrire les balises corectement avec les <> aulieu des [ dans ton texte écrit <<b></b>a href=...>...<<b></b/a> ce petit jeux de <b></b> désactive la reconnaissance de <a href... comme étant une balise ;) 09 mar 2007 01:34 - qg Salut, sans tes explications mon article serait resté un vague projet. Je te remercie pour l'aide précieuse que tu nous apporte. Guy. 12 déc 2006 16:25 - MK2000 super ton article sur les articles cest top je veus en faire un bientôt et ca va beaucoup m'aider.. merci et BRAVO. 19 nov 2006 23:10 - FINOU bonne article j'ai votez 5 24 mar 2006 11:41 - timetpum Merci pour toutes ces infos et ces conseils ;-) 03 fév 2006 16:50 - alain707 merci, article utile qui m'a permis de grandement améliorer le mien! 31 oct 2005 02:57 - elobulle vi, on m'a prévenue à l'instant loool Je rectifie dès que possible. 30 oct 2005 21:35 - striker310 les balises c'est pas le signe "[" mais le signe "<" ou ">" qu'il faut utiliser. 30 oct 2005 16:47 - elobulle moi j'ai beau mettre les bonnes ablises, ça ne marche pas lors de la prévisualisation... Cad que mes balises apparaissent, mais le texte n'est pas transformé (pas d'italique, ni de couleur etc... ) C'est normal ? 04 oct 2005 13:56 - JakezDaniel Comment fait-on pour downloader un tableau excel de mon pc vers un article AquaBase? Avec le copier coller tout devient illisible et en transformant mon tableau excel en photo, celle-ci se retrouve trop grande (plus que 320X240 pixels) soit à la bonne taille mais avec un tableau illisible :-( 29 sep 2005 16:31 - BloodLine Et j'aurais du commencer par cela, merci pour les balises et la qualité de votre article. P.S: je regrouperai mes avis en seul poste à l'avenir afin d'éviter ce genre de série... peu pratique dans les forums. 29 sep 2005 16:28 - BloodLine Sinon, je suis assez d'accord avec JakesDaniel quant à l'utilisation de faits scientifiques. Ces derniers peuvent être tout aussi instructifs que les expériences personnelles. Une information, quand elle est juste, a le droit d'être partagée avec les autres membres et ce, qu'elle provienne d'une expérience perso ou d'un article scientifique. Dans ce dernier cas, il ne faut toutefois pas oublier de citer les sources. BloodLine 29 sep 2005 16:22 - BloodLine Ne sachant pas trop où le faire, je m'excuse ici pour l'article vide que j'ai posté. Il s'agit d'une erreur et j'en suis désolé. Une fois terminé, je tenterai à nouveau de le poster. Bien à vous. BloodLine 29 sep 2005 12:36 - JakezDaniel Une chose me chagrine, si les articles doivent venir d'une expérience personnelle, comment peut-on parler des faits chimiques, biologiques... Exemple: Si on parle de l'oxygène, je n'ai pas par moi-même fait d'expérience, mais scientifiquement il est prouvé ceci et cela. Et ces ceci et cela sont des choses primordiales pour le fonctionnement d'un bac (cf nombreuses questions du forum). Pourquoi ne pas faire un exposé à partir de faits scientifiques (ou pourquoi faire des expériences qui ont déjà été faites?) que d'autres auraient prouvé (ex Archimède)? Y a-t-il des copyrights sur les faits scientifiques? 25 jun 2005 13:16 - bill-gates-34 merci pour ce tres bon article grace a toi le mien ressemble a quelque chose maintenant +10 pour rami13500 :) A+ ludo 27 mar 2005 23:17 - chprieur En configuration d'écran 800x600, je n'avais pas vu la ligne "mots clés"... qui se trouve très en bas de la page... 06 mar 2005 00:30 - bartok Pour ajouter un alinéa, le seul moyen que je connaisse est l'ajout d'espaces. Avec HTML, pour forcer les espaces, il faut utiliser &nbsp; (non-breaking space). Sinon, les espaces multiples sont concaténés en un seul. Pascal 22 fév 2005 13:17 - Rami13500 Merci Pascal, Je verrais ton code dés que j'ai le temps. Un code que j'aimerais vraiment trouver est celui qui permet de faire un alinéa en début de ligne. @+, JM 26 jan 2005 05:54 - bartok JM, voici un petit truc pour que les symboles < et > s'affichent correctement sur le site. Lors de l'édition du texte, il faut utiliser les chaînes &lt; et &gt; pour obtenir le signe plus petit (less than) et plus grand (greater than). Ces chaînes de caractères seront automatiquement bien remplacée dans le navigateur. Pascal 16 jan 2005 15:00 - Rami13500 En effet alex. Il est normal que ca ne marche pas. Comme je l'ai signalé dans l'article, j'ai été obligé de remplacer les <> par des [] afin que le site ne les reconnaisse pas et qu'elles vous apparraissent. C'est à vous de refaire la conversion dans l'autre sens. @+, JM 16 jan 2005 12:57 - alex38 une petite remarque, je suis en train de terminer un article. Pour les balises html si je rempace pas "[" ou "]" par "<" ou ">" cela ne marche pas. 03 déc 2004 17:41 - loriculus tu ne pouvais pas faire plus clair rami c'est proche de la perfection bravo ca me donnerait presque envie d'en ecrire un lol ;) 30 nov 2004 13:20 - Rami13500 Salut, Pour aller à la ligne il faut appuyer sur Maj + entrée. 30 nov 2004 06:43 - codename:47 Merci JM, J'ai telecharge le GoLive Adobe, (il n'y avait que la version CS qui a fonctionne), mais c'est de la haute voltige pour un neophyte comme moi!J'arrive meme pas a trouver les tabulateurs, et d'ecrire correctement sans devoir se faire imposer des doubles, ou meme triples interlignes...Enfin, je vais regarder ca de plus pres, c'est vrai qu'essayer de maitriser un programme en 10 minutes, c'est pas evident... Merci, et felicitations pour ce tres utile article! 29 nov 2004 18:39 - Rami13500 Chez moi, aucun de ces formats a marché. Par contre, Wanadoo met à disposition de ces clients créant une page perso un éditeur de texte html en shareware. Il s'agit de GoLive de Adobe, téléchargeable aussi en version d'essai (170 utilisation) sur le net. @+, JM 28 nov 2004 20:27 - codename:47 Un texte en format HTML de Word est inexploitable pour du coller-copier?? Est ce pour toutes les versions? Sur mon programme Word, je n'ai pas l'option HTML mais "Single file web page, web page et web page filtered", question bete mais, est ce la meme chose que HTML? Ou y a t-il une petite nuance? 27 nov 2004 21:47 - severum bravo je te l ai deja dis sur le chat 27 nov 2004 21:14 - Rami13500 C'est pas mieux avec une image ? 15 nov 2004 12:08 - aymerix Super, rien a dire de mieux. Je crois qu'il faudrait que cet article soit toujours apparent au même titre que les post de Lodu sur les Forum. Un réference. Bravo JM 14 nov 2004 10:59 - nic Précision pour ceux qui ne connaissent pas OpenOffice: c'est un concurrent sérieux à Microsoft Office, en open source. Il dispose d'un traitement de texte, d'un tableur et d'un éditeur de diapositives. Il sait lire les fichiers de Microsoft et sait aussi exporter dans ce format. Pour ceux qui veulent en savoir plus : http://fr.openoffice.org/ 13 nov 2004 21:43 - Rami13500 Merci Nic pour le petit freeware. 13 nov 2004 21:06 - nic Et si on ne veut pas s'encombrer à apprendre les balises HTML, au lieu d'utiliser Word comme traitement de texte, on peut utiliser OpenOffice (téléchargeable gratuitement sur Internet). De cette façon, on peut taper son texte avec la présentation qu'on veut, puis le sauver au format HTML et enfin faire un copier-coller dans la page de création d'article d'aquabase. Remarque : Word permet aussi de sauver un texte en HTML mais il y met tellement de balises à lui que c'est inexploitable pour du copier-coller. 13 nov 2004 20:52 - Rami13500 De rien Bakus, Si tu as quoi que ce soit à rajouter et que tu peux le faire sans me le demander, fait moi juste un signe afin que je sauvegarde sous Word. @+, JM 13 nov 2004 20:02 - bakus sumatra Franchement, BRAVO! C'est excellent et je n'aurais pas fait mieux.