|
Page 2
Notions expérimentées dans
cette fiche
- Créer une nouvelle page
- Ajouter un titre dans la barre de titre
- Ajouter un thème à une page
- Ajouter un lien avec une feuille de style .css
- Utiliser les styles
- Créer un tableau
- Insérer une image
- Changer la couleur d'arrière-plan d'une cellule
|
La seconde page de
votre site contiendra un dessin qui permettra d'identifier plusieurs
parties du corps humain. Elle ne sera pas plus difficile à
réaliser que la précédente et vous y expérimenterez des notions
intéressantes comme le Iframe.
Le premier exercice n'aborde pas de
nouveautés, mais il permet d'approfondir
des notions utilisées précédemment.
Étape 1:
Créez une nouvelle page (Normale) que vous enregistrez dans le
répertoire FRONTPAGE2000 sous
le nom Reactif.htm.
Étape 2: La
barre de titre de cette page
devra afficher Biologie sec III - Les parties du corps humain.
Effectuez donc l'opération à cet effet.
Étape 3: Cette
page doit aussi utiliser le théme Papier
de riz. Attribuez-le lui.
Étape 4:
Effectuez le lien entre cette
page et le fichier de style Int_ascenseurs2.css.
Étape 5: Inscrivez
dans le haut de la page le texte
suivant: Les parties du corps humain.
Ce texte doit utiliser le style Titre1.
La couleur doit être le noir.
Étape 6:
Inscrivez sur la ligne en dessous le texte suivant: Glissez votre souris sur le corps pour voir le nom des différentes
parties s'afficher dans la zone à cet effet. Ce texte doit
simplement être en caractères gras
et noir.
Étape 7: Créez
un tableau d'une
rangée et deux colonnes
qui occupe 100% de la largeur
de l'écran et dont les bordures
sont absentes (placées à 0).
Étape 8: Téléchargez
l'Image LeCorpshumain.jpg
dans votre sous-répertoire Images (bouton
droit de la souris et Enregistrer la cible sous). Intégrez
ensuite cette image dans la cellule de
gauche du tableau. Elle doit être centrée.
Étape 9: Cliquez
avec le bouton droit de la
souris dans la cellule de gauche (celle
où vous venez de placer l'image) et sélectionnez Propriétés
de la cellule. Choisissez Arrière-plan,
Couleur et Autres couleurs.
Vous pouvez voir à droite de la
fenêtre de dialogue un bouton illustré d'un compte-gouttes.
Cliquez sur ce bouton, puis sur le bleu de
l'image contenue dans la cellule. Cliquez ensuite sur OK
deux fois pour refermer toutes les boîtes de dialogue.
Étape 11: Sauvegardez
cette page, en lui conservant le même nom, dans le répertoire FRONTPAGE2000.
Elle devrait maintenant présenter, en mode Aperçu,
l'aspect visuel ci-dessous.
.
|
Nous
vous souhaitons la bienvenue sur notre site !
