CoupdePouce

Mise en page d'un article

Pour que votre article soit valide dans le code source, je vous propose un exemple de mise en page d'un article.

Ici l'article est presenté en mode HTML. J'ai séparé les paragraphes afin que vous puissiez mieux voir.

Le titre: Bon à savoir

Commencer lar le titre, soit par <p style=>, soit par <p><h1><em>Titre</em></h1></p> par exemple.

Exemple avec <p style=>: 

Bon à savoir :

Exemple avec <h1>:

 

Bon à savoir:

 

Pour center le titre, commencez par la balise <p> puis,
<div style="text-align: center"><p style="font-size: xxpx; color:xxxxx">TITRE</div></p>

pour une image: <div style="text-align: center">votre image</div>.

Article en mode HTML

<p style="font-size: 18px; color: #ffff00">Bon à savoir :</p>
<p>&nbsp;</p>

<p>Pour prendre en main cette nouvelle version de Mabulle<br />
voici une petite astuce qui peux vous aider.</p>
<p>&nbsp;</p>

<p>Pour commencer (utilisateurs de Firefox) dans<cite>Marque-pages</cite>.</p>
<p>&nbsp;</p>

</p>Créez un nouveau dossier portant le nom de votre blog par ex.<br />
Ensuite cherchez les pages dont vous allez faire vos modifications,<br />
cliquez sur:<strong>Marques-pages>Marquer cette page></strong>dans: votre dossier.</p>

 

*********************************

Comme vous le voyez, chaque paragraphe commence par un <p>&nbsp;</p> ou <enter> <p>
et non, comme je l'ai fait auparavant par des <br /><br />. En faisant des retours à la ligne,
surtout lorsque vous y mettez un format, celui-ci va formater tout le paragraphe et non le bout de texte.

Démostration:

Etant donné que les balises <font-style> et <span-style> ne sont plus recommandées par le
W3C, et qui provoquent des erreurs dans le code source, vous pouvez passer par la feuille de style.
Attention! Ces codes valent pour tous les articles, c'est à dire que vous ne pourrez pas les utiliser
pour d'autres couleurs.

 

En mode HTML:

<p style="font-size: 14px; color: #ffff00">Etant donn&eacute; que les balises &lt;font-style&gt; et &lt;span-style&gt; ne sont plus recommand&eacute;es par le <div>W3C</div>, <br />et qui provoquent des erreurs dans le code source, vous pouvez passer par la feuille de style. <br /><br />Attention! Ces codes valent pour tous les articles, c&#39;est &agrave; dire que vous ne pourrez pas les utiliser <br />pour d&#39;autres couleurs.</p>

Normalement j'aurai dû arrêter le paragraphe à "par la feuille de style" avec </p><p>&nbsp;</p>
et recommancer par <p>Attention!...........</p>, c'est pour celà que les deux paragraphes sont colorés.

Note: comme en général on a des images, des videos et des animations flash; malheureusement l'article est
invalide à cause de certaines balises comme celles que vous voyez en gras:

Images: border - Videos et Animations Flash: embed et  toutes les balises param ,
ces balises ne sont plus acceptées.

Pourquoi faut-il qu'un article ou le site tout entier soit dans les normes?

D'après ce que j'ai pux comprendre sur certains sites, d'ici quelques temps,
comme le web est en constante évolution, il y aura des incompatibilités avec les moteurs de recherche.

C'est à dire que les images vont être déformée ou que le visiteur va attendre trop longtemps
avant d'avoir sa page affichée, oubien encore que les pages risquent de ne plus s'ouvrir,
à cause justement de ces balises incompatibles.

Voilà! J'éspère qu'avec cet article vous prendrez conscience d'avoir des articles conformes au W3C. 

Vos commentaires

1 Le Samedi 1 Septembre 2007 à 13:20 GMT+2, par MCM

J'ai répondu à ta question sur cet article mon blog.
Bon week-end!

2 Le Mardi 11 Septembre 2007 à 13:56 GMT+2, par ciel23

Hello,

Je viens de découvrir ton blog.
Son graphisme est chouette !


a+++

3 Le Mardi 11 Septembre 2007 à 15:05 GMT+2, par Jacky

Bonjour ciel23! :)
Merci de ta visite.
Passe quand tu veux, il y a plein d'astuces à découvrir!!

Autres publications sur le sujet

Aucune référence pour le moment.

Vous pouvez faire référence à votre publication en utilisant ce rétrolien

Commenter cet article

*


Pour être sûr... combien font 1 + 3 ? *

Se souvenir de moi


Les champs marqués d'un * sont obligatoires
Votre commentaire sera affiché en texte brut à l'exception des liens