Un site web élémentaire avec KompoZer
Ton portrait chinois
Dans cette page, tu vas indiquer ton portrait chinois : si j' étais... je serais... Pour établir les correspondances, une présentation idéale utiliserait un tableau en deux colonnes.
Le titre de la page
Nous avons défini précédemment un titre pour chaque page.
- Ouvre la page "chinois.html" d'un double-clic dans le gestionnaire de sites.
- Dans le menu , sélectionne la commande .
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 .
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 en utilisant le bouton
de la barre d'outils de mise en forme. - Définis une couleur de fond pour cet en-tête.
- Passe à la ligne 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...
- 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.
-
Dans la zone de saisie ,
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 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.
Quand ton portrait chinois est au point, vérifie-le dans le
navigateur puis, passe à la page suivante.
Dernière modification 05/03/2008
