Un site web élémentaire avec NVU

Dans cette page, tu vas indiquer ton portrait chinois : si j' étais... je serais...

Pour établir les correspondances, une présentation idéale utliserait un tableau en deux colonnes.

Le titre de la page

Actuellement, la page chinois.html n'est qu'une copie vide de la page d'accueil. Le titre de la page est resté celui de la page d'accueil.

• Dans le menu Format, sélectionne la commande Titre et propriétés de la page.

Une boîte de dialogue apparaît qui permet de définir les propriétés générales de la page. Seules les informations générales nous intéresseront.

• Complète les informations selon le modèle donné ci-dessous.

• Ajoute éventuellement une courte description du contenu de la page.
• Clique sur le bouton OK.

Dites, on ne ferait pas la même chose avec toutes les autres pages, tant qu'on y est ?

Cela me paraît être une excellente suggestion. Nous pourrions même compléter les différentes rubriques de la page d'accueil par la même occasion.

L'en-tête de la page

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

• Sur 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.
• Passe à la li gne suivante où tu vas définir un tableau qui contiendra les informations relatives à ton portrait chinois.

Le tableau

• Dans la barre d'outils de composition, clique le bouton qui permet de définir ou de modifier les caractéristique des tableaux.

La 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...

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.

• Dans 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é dans la zone centrale 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.
• Améliore la présentation de ton portrait chinois :
  • Les cellules d'en-tête prennent le style Titre 2
  • Les couleurs des cellules sont modifiées (cherche du côté du clic droit)

Veille à rester dans une certaine harmonie de couleurs.