|
Quatrième tableau
Notions expérimentées dans cette fiche
- Créer une page
- Lier une page à une feuille de style .css
- Créer un tableau
- Régler la largeur des cellules
- Changer la couleur des cellules
- Modifier les bordures
- Fusionner des cellules
- Utiliser le style Titre 1
- Enregistrer une page
|
Encore du travail avec les
tableaux. Vous apprendrez ici à créer un tableau
irrégulier.
Étape
1: Créez une nouvelle
page dont l'arrière-plan est blanc.
Liez cette page à la feuille de style int_ascenseurs2.css.
Étape
2: Inscrivez sur la première ligne, aligné à gauche,
le texte suivant: L'accouchement.
Utilisez le style Titre 1 et
la police Verdana.
Étape
3: Créez un tableau de huit lignes et
cinq colonnes.
Il occupe 100% de la largeur de
la page et la taille des
bordures est 1. Leur couleur est
le bleu.
Étape
4: Sélectionnez les cinq
cellules de la rangée du haut.
Cliquez dedans avec le bouton droit de la souris et choisissez Fusionner
les cellules. Les cinq cellules n'en constituent plus
qu'une seule.
Étape 5: La couleur d'arrière-plan
de cette cellule est le bleu. Le texte
doit quant à lui être blanc, centré
et en caractères gras. Il
utilise la police Verdana. Voici
le titre à taper: ACCOUCHEMENT.
Étape 6:
Sélectionnez les cinq cellules
de la deuxième rangée. Attribuez-leur un arrière-plan noir.
Utilisez la police Verdana pour
ces cellules, mais réglez la taille à 8
pts et employez les caractères
gras. La couleur du texte est le blanc.
Voici le contenu de chaque cellule.
-
Cellule 1: Signes
et étapes de l'accouchement
-
Cellule 2: Sortes
d'accouchement
-
Cellule 3: Jumeaux
-
Cellule 4: Règles
d'hygiène du bébé naissant
-
Cellule 5: Sources
d'aide parentale
Étape 7:
Sélectionnez les quatre cellules du
bas de la première colonne et choisissez le blanc
comme couleur pour leur bordure.
Étape 8:
Effectuez la même opération pour les deux
cellules du bas de la deuxième
colonne, les deux cellules
du bas de la quatrième colonne
et les six cellules du bas de la
cinquième colonne.
Étape 9:
Entrez le texte en rouge comme
dans l'exemple ci-dessous (Verdana, 8 pts,
gras).

Étape 10:
Complétez le tableau en utilisant les mots ci-dessous que vous
placez aux bons endroits. Ils sont aussi en rouge,
Accouchement naturel - Accouchement provoqué - Accouchement sous anesthésie
locale - Allaitement - Césarienne - Deux ovules, deux spermatozoïdes -
Écoulement du liquide amniotique - Gouttes dans les yeux - Jumeaux fraternels -
Jumeaux identiques - Même sexe - Nettoyage du bébé
Étape 11:
Enregistrez la page sous le nom Tableau_accouchement.htm.
Étape 12:
Refermez toutes les pages et ouvrez Tableaux.htm.
Effectuez les hyperliens pour le
menu en vous rappelant que le cadre de destination pour les quatre
premières options est le cadre du
bas et que la dernière option utilise
la page entière.
|