Un site web élémentaire avec KompoZer

Ton portrait chinois

Tu connais la technique du portrait chinois. On décrit une personne en imaginant ce qu'elle serait si elle était un objet, un animal, une qualité,...

Dans cette page, tu vas décrire ton portrait chinois : si j' étais... je serais...  Pour établir les correspondances, une présentation idéale utiliserait un tableau en deux colonnes.

L'en-tête de la page

Comme pour la page d'accueil, nous allons indiquer un en-tête pour cette page.

  • Portrait chinoisSur la première ligne disponible, dans le cadre central, ajoute la mention Mon portrait chinois.
  • Fais passer cette ligne en style Titre 1.
  • Centre cet en-tête en utilisant le bouton centrer de la barre d'outils de mise en forme.
  • Définis une couleur de fond pour cet en-tête.
  • Enregistre ton travail.

Un tableau pour contenir le portrait chinois

Nous allons poursuivre en rédigeant le portrait chinois dans un tableau à deux colonnes.

  • Après le titre de la page, passe à la ligne en frappant la touche  Enter.
  • Dans la barre d'outils de composition, clique le bouton Bouton tableau qui permet de définir ou de modifier les caractéristique des tableaux.

Insérer un tableauLa boîte de dialogue qui apparaît permet de fixer les caractéristiques principales du tableau.

L'onglet Rapidement permet de définir un tableau mais sans être précis sur ses caractéristiques.

  • Sélectionne l'onglet Précisément pour pouvoir définir plus finement le tableau nécessaire.

Nous aurons besoin d'un tableau formé de 4 lignes, au moins et de deux colonnes. Il occupera 90% de la largeur disponible.

  • Etablis le tableau en suivant les indications données dans l'illustration ci-contre.

Il nous faut être plus précis encore : le tableau devrait être centré, pour l'esthétique.

  • Clique sur le bouton Edition avancée...
  • Vois les instructions suivantes ci-dessous.

Oh, mais je la reconnais elle ! C'est notre bonne vieille boîte de dialogue des propriétés.

Exact ! Mais nous allons maintenant voir dans l'onglet des attributs HTML.

  • Propriétés du tableauDans la zone de saisie Attribut, indique la propriété align qui indique le type d'alignement que nous choisissons.
  • Dans la liste des valeurs disponibles, sélectionne center pour... centrer le tableau.
  • Clique deux fois sur OK pour quitter ces boîtes de dialogues.

Tu retrouves un tableau en deux colonnes, centré au milieu de la page.

  • Complète ton portrait chinois. Tu peux indiquer d'autres caractéristiques que celles qui ont été données dans l'exemple qui figure au début de cette leçon.
  • Lorsque tu as atteint la dernière cellule de la dernière ligne, tu peux ajouter une nouvelle ligne en frappant la touche de tabulation tab.

Quand ton portrait chinois est au point, vérifie-le dans le navigateur puis, passe à la page suivante. Vers la page suivante Page suivante


Dernière modification 31/08/2016 Test dans /info ...