TechWeb
Accueil Codage HTML CSS DESIGN XML LaboCSS

Roméo et Juliette

On souhaite afficher un extrait de Roméo et Juliette de William Shakespeare

1) Dialogues

En utilisant une classe "romeo" et une classe "juliette" présenter les répliques de chaque personnage dans une couleur différente comme ci-dessous.

(début)

Roméo : Oh! vas-tu donc me laisser si peu satisfait?

Juliette : Quelle satisfaction peux-tu obtenir cette nuit?

Roméo : Le solennel échange de ton amour contre le mien.

Juliette : Mon amour! je te l'ai donné avant que tu l'aies demandé. Et pourtant je voudrais qu'il fût encore à donner.

Roméo : Voudrais-tu me le retirer? Et pour quelle raison, mon amour?

Juliette: Rien que pour être généreuse et te le donner encore. Mais je désire un bonheur que j'ai déjà: ma libéralité est aussi illimitée que la mer, et mon amour aussi profond: plus je te donne, plus il me reste, car l'un et l'autre sont infinis. (On entend la voix de la nourrice.) J'entends du bruit dans la maison. Cher amour, adieu! J'y vais, bonne nourrice!... Doux Montague, sois fidèle. Attends un moment, je vais revenir. (Elle se retire de la fenêtre.)

Roméo : O céleste, céleste nuit! J'ai peur, comme il fait nuit, que tout ceci ne soit qu'un rêve, trop délicieusement flatteur pour être réel.

(fin)

2) Commentaires

a) Créer une classe "commentaire" affichant les commentaires en gris italique.

(début)

Roméo : Oh! vas-tu donc me laisser si peu satisfait?

Juliette : Quelle satisfaction peux-tu obtenir cette nuit?

Roméo : Le solennel échange de ton amour contre le mien.

Juliette : Mon amour! je te l'ai donné avant que tu l'aies demandé. Et pourtant je voudrais qu'il fût encore à donner.

Roméo : Voudrais-tu me le retirer? Et pour quelle raison, mon amour?

Juliette: Rien que pour être généreuse et te le donner encore. Mais je désire un bonheur que j'ai déjà: ma libéralité est aussi illimitée que la mer, et mon amour aussi profond: plus je te donne, plus il me reste, car l'un et l'autre sont infinis. (On entend la voix de la nourrice) J'entends du bruit dans la maison. Cher amour, adieu! J'y vais, bonne nourrice!... Doux Montague, sois fidèle. Attends un moment, je vais revenir. (Elle se retire de la fenêtre.)

(fin)

b) Faire apparaitre les commentaire figurants en dehors d'une réplique en vert.

(début)

Roméo : Oh! vas-tu donc me laisser si peu satisfait?

Juliette : Quelle satisfaction peux-tu obtenir cette nuit?

Roméo : Le solennel échange de ton amour contre le mien.

Juliette : Mon amour! je te l'ai donné avant que tu l'aies demandé. Et pourtant je voudrais qu'il fût encore à donner.

Roméo : Voudrais-tu me le retirer? Et pour quelle raison, mon amour?

Juliette: Rien que pour être généreuse et te le donner encore. Mais je désire un bonheur que j'ai déjà: ma libéralité est aussi illimitée que la mer, et mon amour aussi profond: plus je te donne, plus il me reste, car l'un et l'autre sont infinis. (On entend la voix de la nourrice) J'entends du bruit dans la maison. Cher amour, adieu! J'y vais, bonne nourrice!... Doux Montague, sois fidèle. Attends un moment, je vais revenir. (Elle se retire de la fenêtre.)

(fin)

c) Modifier les propriétés de la classe "commentaire" de sorte à les rendre invisibles.

 

Valid XHTML 1.0 Strict Valid CSS!

Copyright Gabriel Braun 2007