V - Les listes

IV - Les images

Les listes à puces
Les listes numérotées
Les listes descriptives

Les listes offrent un moyen de présentation pratique, par exemple pour les énumérations. Listes à puces ou numérotées, il existe plusieurs types de listes qui se définissent avec des tags différents.

Les listes à puces

Une liste à puce est délimitée par les tags <ul> et </ul>. Le tag <li> permet de définir un élément de la liste.
Ce type de liste nous permet, par exemple, de définir une liste de course:

<ul>
	<li>
		Brioche
	</li>
	<li>
		Chocolat
	</li>
	<li>
		Framboises
	</li>
</ul>					

Nous obtenons la liste suivante:

• Brioche
• Chocolat
• Framboises

Les listes numérotées

Les listes numérotées fonctionnent de la même façon que les listes à puces. Les puces sont ici remplacées par des nombres.
Le tag <ol> remplace le tag <ul>. Par exemple, nous pouvons donner les étapes d'une recette de la façon suivante:

<ol>
	<li>
		Verser un yaourt, 2 pots de yaourt de sucre et les œufs nature dans un saladier.
	</li>
	<li>
		Mélanger le tout.
	</li>
	<li>
		Ajouter une pincée de sel et 3 pots de farine.
	</li>
	<li>
		Mélanger à nouveau pour obtenir une pâte homogène. 
	</li>
	<li>
		Dans une casserole, mettre un peu d'eau et faire fondre une tablette de chocolat crunch. 
	</li>
	<li>
		Verser le chocolat à la préparation puis mélanger. 
	</li>
	<li>
		Ajouter la levure.
	</li>
	<li>
		Beurrer le moule et enfourner pour 25 à 30 minutes.
	</li>
</ol>					

Résultat:

1. Verser un yaourt, 2 pots de yaourt de sucre et les œufs nature dans un saladier.
2. Mélanger le tout.
3. Ajoutez une pincée de sel et 3 pots de farine.
4. Mélanger à nouveau pour obtenir une pâte homogène.
5. Dans une casserole, mettre un peu d'eau et faire fondre une tablette de chocolat crunch.
6. Verser le chocolat à la préparation puis mélanger.
7. Ajouter la levure.
8. Beurrer le moule et enfourner pour 25 à 30 minutes.

Les listes descriptives

Une liste descriptive permet de définir des termes. Le tag <dl> définit la liste descriptive, le tag <dt> représente un terme (entrée de texte) et le tag <dd> représente la description d'un terme (entrée de texte avec indentation).

Exemple:

<dl>
	<dt>
		<b>PGI (Progiciel de Gestion Intégré)</b>
	</dt>
	<dd>
		Progiciels qui couvrent plusieurs fonctions de l'entreprise et partagent un
		référentiel de données garantissant l'unicité des informations. Ils visent à
		répondre aux problèmes posés par des systèmes d'information présentant
		des redondances, incohérences ou lourdeurs de communication.
	</dd>
	<dt>
		<b>Urbanisation</b>
	</dt>
	<dd>
		Assemblage de composants faiblement couplés qui permet de faire évoluer
		le système informatique de façon réactive, efficiente et efficace.
	</dd>
	<dt>
		<b>BPM (Business Process Managment)</b>
	</dt>
	<dd>
		Modélisation des processus utilisés par l'entreprise et devant être intégré
		dans le système d'information.
	</dd>
</dl>					

Résultat:

PGI (Progiciel de Gestion Intégré)

Progiciels qui couvrent plusieurs fonctions de l'entreprise et partagent un référentiel de données garantissant l'unicité des informations. Ils visent à répondre aux problèmes posés par des systèmes d'information présentant des redondances, incohérences ou lourdeurs de communication.

Urbanisation

Assemblage de composants faiblement couplés qui permet de faire évoluer le système informatique de façon réactive, efficiente et efficace.

BPM (Business Process Managment)

Modélisation des processus utilisés par l'entreprise et devant être intégrés dans le système d'information.

Dimanche 18 Septembre 2005