ICI header("Location: http://www.mytesting.fr ");

REDIGER UN ARTICLE AVEC UN PLAN DONT LES PARAGRAPHES SERONT REMPLIS ENSUITE.

par André Marini 14 Avril 2015, 07:33 Texte

REDIGER UN ARTICLE AVEC UN PLAN DONT LES PARAGRAPHES SERONT REMPLIS ENSUITE.

Quelquefois, pour rédiger un article, il est nécessaire de faire un plan en laissant certains chapitres vides, quitte à les remplir ensuite.

 

Voici comment préparer ce cadre sans avoir ensuite, à rechercher précisément et au risque se tromper, l'endroit précis à compléter.

 

On notera que les cadres sont extensibles et s'accomodent très bien d'une écriture postérieure. 

 

CODE

 

<ul style="list-style-type:disc; list-style-position:outside; width:550px;"> 
   <li style="border:dotted 1px black; padding:3px;"> 
      Paragraphe 1 </li> 
   <li style="border:dotted 1px black; padding:3px;"> 
      Paragraphe 2</li> 
   <li style="border:dotted 1px black; padding:3px;"> 
      Paragraphe 3</li> 
   <li style="border:dotted 1px black; padding:3px;"> 
     paragraphe 4</li> 
</ul>

 

Bien entendu, si l'on veut ajouter des cadres, il suffit de reporter  <li style="border:dotted 1px black; padding:3px;"> 
     paragraphe X</li> 
avant la fermeture de la balise </ul>

 

Par contre, attention si l'on veut intercaler des photos entre les pararagraphes.

 

Dans ce cas, la balise <ul> doit être fermée avant la photo et réouverte après. 

 

EXEMPLE: J'intercale une photo entre les paragraphes 1 et 2

<ul style="list-style-type:disc; list-style-position:outside; width:550px;"> 
   <li style="border:dotted 1px black; padding:3px;"> 
      Paragraphe 1</li></ul>

ma photo <img src="url de la photo">

puis j'ouvre à nouveau la balise <ul>

 <ul><li style="border:dotted 1px black; padding:3px;"> 
      paragraphe 2</li>

 <li style="border:dotted 1px black; padding:3px;"> 
      Paragraphe 3</li> 
   <li style="border:dotted 1px black; padding:3px;"> 
      Paragraphe 4</li> 
</ul>

 

CODE FINAL AVEC IMAGE INTERCALEE

 

<ul style="list-style-type:disc; list-style-position:outside; width:550px;"> 
   <li style="border:dotted 1px black; padding:3px;"> 
     
Paragraphe 1 que je peux développer autant que je le veux puisque les dimensions du cadre suivront l'écriture. Vous avez d'ailleurs sans doute remarqué que si la longueur du cadre est définie (width: 550px), sa hauteur ne l'est pas puisqu'elle est extensible.  </li></ul>

<p><img src="http://img.over-blog-kiwi.com/1/30/51/51/20150414/ob_2635e8_images.jpg" /></p> 
   <ul><li style="border:dotted 1px black; padding:3px;"> 
      Paragraphe 2</li> 
   <li style="border:dotted 1px black; padding:3px;"> 
     
Paragraphe 3 que je remplis avant le paragraphe 2 tant que je n'ai pas l'inspiration mais lorsque je le remplirai, il décalera d'autant celui que je suis en train d'écrire.

Méthode extrêmement pratique pour remplir ou compléter un  article si l'on a des recherches complémentaires à faire puis à ajouter dans un paragraphe. </li> 
   <li style="border:dotted 1px black; padding:3px;"> 
     paragraphe 4</li> 
</ul>

 

RESULTAT

  • Paragraphe 1 que je peux développer autant que je le veux puisque les dimensions du cadre suivront l'écriture. Vous avez d'ailleurs sans doute remarqué que si la longueur du cadre est définie (width: 550px), sa hauteur ne l'est pas puisqu'elle est extensible.

  • Paragraphe 2
  • Paragraphe 3 que je remplis avant le paragraphe 2 tant que je n'ai pas l'inspiration mais lorsque je le remplirai, il décalera d'autant celui que je suis en train d'écrire. Méthode extrêmement pratique pour remplir ou compléter un article si l'on a des recherches complémentaires à faire puis à ajouter dans un paragraphe.
  • paragraphe 4

commentaires

Haut de page