Le Royaume de Mario

Le forum de discussion sur Mario !
 
AccueilPortailCalendrierFAQRechercherS'enregistrerMembresGroupesConnexionTV

Partagez | 
 

 Comment faire un article prêt-à-poster pour le site ?

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Flo Jess
Administrateur
Administrateur
avatar

Nombre de messages : 5436
Age : 23
Date d'inscription : 06/10/2006

Feuille de personnage
Points LRDM: 999
Jetons figurines: 0

MessageSujet: Comment faire un article prêt-à-poster pour le site ?   Jeu 18 Aoû - 19:20

Un article prêt-à-poster, c'est à dire qu'il a les balises HTML qu'il faut. Alors je vais vous apprendre à utiliser les balises HTML, vous verrez, c'est pas compliqué.

Créez sur votre ordinateur un dossier où vous mettrez vos articles pour le site. Ouvrez bloc-note. C'est ici que vous écrirez votre article (sans les images pour le moment). Vous l'écrivez normalement, avec les retours à la ligne, comme vous feriez sur Microsoft Word ou Openoffice. Une fois votre article écrit, sauvegardez-le (Ex : Test de Super Mario Galaxy 2).
Puis juste après avoir "enregistrer", faites "enregistrer sous" et par exemple, rajoutez HTML dans le titre à la fin (Ex : Test de Super Mario Galaxy 2 HTML).
C'est sur ce dernier que vous ajouterez les balises. Mais comprenez-le, il faut aussi garder la version d'origine au cas où.
Vous avez donc dans votre dossier deux fichiers blocs-notes (Ex : Test de Super Mario Galaxy 2 et Test de Super Mario Galaxy 2 HTML).
Sur le dernier, c'est le moment d'ajouter des balises.

Tout d'abord, le titre de l'article. Vous le mettrez à la place de XXX, comme dans l'exemple.

Code:
<p class="title"><ins><strong>XXX</strong></ins><br /><br /></p>

Code:
<p class="title"><ins><strong>Test de Super Mario Galaxy 2</strong></ins><br /><br /></p>

Ensuite, après le titre, le corps de votre article commence. Vous mettrez cette balise avant la première phrase du corps de votre article.

Code:
<p class="text">

Code:
<p class="text">Super Mario Galaxy 2 va enfin être testé ! Vous allez voir comme ce jeu est cool. Sauf les étoiles vertes, c'est du footage de gueule.

Et à la fin de votre article, vous mettrez ceci.

Code:
<br /><br /></p>

Code:
Sur ce, je fini mon test de Super Mario Galaxy 2. Je lui met 17/20.</p>

Maintenant, passons aux retours à la ligne. Si vous revenez à la ligne, vous devrez mettre à la fin de votre phrase cette balise.

Code:
<br />

Pour sauter une ligne, mettez-en deux.

Code:
<br /><br />

Exemple : Je veux transformer ce paragraphe en HTML.

Citation :
D'abord, les univers, ils sont originaux dans leur globalité.
Ensuite, les musiques, certaines sont géniales, d'autres oubliables.
Pour finir, le gameplay roxxe du poney.

On va maintenant détailler les univers.

Ils sont vraiment beaux graphiquement, et originaux.

Ca va donner :

Code:
D'abord, les univers, ils sont originaux dans leur globalité.<br />
Ensuite, les musiques, certaines sont géniales, d'autres oubliables.<br />
Pour finir, le gameplay roxxe du poney.<br /><br />

On va maintenant détailler les univers.<br /><br />

Ils sont vraiment beaux graphiquement, et originaux.

Si vous voulez mettre des mots en italique, gras ou souligné, voici les balises qui doivent encadrer les mots à mettre en valeur. Vous pouvez évidemment additionner ces balises.

Code:
<em>Italique</em>
<strong>Gras</strong>
<ins>Souligné</ins>
<em><strong><ins>Italique gras souligné</strong></ins></em>

Maintenant, pour les images. Si vous voulez mettre une image entre deux paragraphes, il faut tout d'abord avoir l'image dans votre dossier. Donnez des noms simples à vos images, genre image01, image02 ... Pour le code, voici ce qu'il faut faire. Pensez toujours à sauter deux lignes la phrase avant l'image.

Code:
</p><p class="milieu"><img src="images/XXX.xxx" alt="YYY" />

</p><p class="text">

Remplacez XXX par le titre de votre image. Regardez si c'est du .png ou du .jpg pour chaque image. Si vous avez fait l'image, enregistrez-la toujours au format .png, jamais du .bmp !
Remplacez YYY par le titre de votre article.

Code:
Voici une image du niveau 1.<br /><br />

</p><p class="milieu"><img src="images/niveau1.jpg" alt="Super Mario Galaxy 2" /><br /><br /></p><p class="text">

Elle est belle, non ?

Si vous voulez mettre une suite d'image les unes après les autres, c'est comme ça.

Code:
</p><p class="milieu">
<img src="images/XXX.xxx" alt="YYY" />
<img src="images/XXX.xxx" alt="YYY" />
<img src="images/XXX.xxx" alt="YYY" />
</p><p class="text">

Vous pouvez répéter la ligne du milieu autant de fois qu'il y a d'images. Ici, trois images. Mettez les titres respectifs de chaque image dans l'ordre où elles apparaissent.

Voilà, je pense que vous avez tous les outils nécessaires pour faire un article. Ci-dessous, un exemple d'article de LRDM.

Spoiler:
 


_________________


Vous dessinez, programmez, jouer de la musique ou autre ? Venez vous inscrire sur Magicien Production, groupe communautaire pour les créations ludiques.

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://standnintendo.actifforum.com
 
Comment faire un article prêt-à-poster pour le site ?
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Comment faire une bonne vidéo !
» Comment faire des images...
» comment faire pour pouvoir écouter RTL sur mon Jojo
» Comment faire bouger perso
» comment faire un palmier ?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Le Royaume de Mario :: Forum :: Règles et informations-
Sauter vers: