Traitement de texte

Contenu

Traitement de texte#

Dans ce chapitre, nous avons appris que le HTML permet de décrire le contenu et la structure d'une page Web et que le CSS permet de mettre en forme le document HTML.

Dans cette partie, nous allons faire le lien entre le HTML-CSS et l'utilisation d'un logiciel de traitement de texte.

Voici les éléments principaux d'un texte:

Document texte

Document HTML

titre

<h1>

sous-titre

<h2>, <h3>, ...

paragraphe

<p>

liste numérotée

<ol><li>

liste à puces

<ul><li>

hyperlien

<a href=...>

image

<img src=...>

Un logiciel de traitement de texte n'utilise pas de fichier CSS, mais il propose des styles qui permettent de mettre en forme les éléments de manière similaire à ce que ferait une feuille de style CSS.

Exercice 8#

But: Mettre en forme un document texte avec des styles.

  1. Téléchargez le document sans les styles.

  2. Ouvrez-le document, activez les modifications et sauvegardez le document en sélectionnant Enregistrer sous et en suivant les instructions données par l'enseignant(e) pour le nom du fichier et l'emplacement de la sauvegarde.

Voici la page Web du document, vous devez mettre en forme le document Word en utilisant les styles en suivant les indications suivantes:

  1. Titres et les sous-titres

    Le type de police de caractères de tous les titres et sous-titres doit être "Arial".

    • Le titre <h1> doit être en gras et centré. De plus, il faut ajouter un espace d'au moins 12 pt après.

    • Les sous-titres <h2> doivent être en gras. De plus, il faut ajouter un espace d'au moins 12 pt avant.

    • Les sous-titres <h3> peuvent conserver le formatage standard, mais en "Arial".

  2. Paragraphes

    • Pour le premier paragraphe, créez un nouveau style Intro dont le texte est en italique.

    • Les autres paragraphes peuvent conserver le formatage standard.

  3. Listes

    • La première liste est numérotée.

    • La deuxième liste est une liste à puces.

  4. Image

    • Modifiez sa taille.

    • Elle doit être centrée par rapport au texte.

  5. Hyperlien

    • L'apparence doit être la même que sur la page Web.

Vérifiez que les paragraphes ne sont pas coupés par un passage à la page suivante, sinon ajoutez un saut de page.