Formations en ligne

Grille d'évaluation

Menu & CSS

Vous avez sûrement déjà vu des pages dont les ascenseurs étaient de couleur. Une telle addition à une page lui ajoute du cachet. Vous allez donc ajouter des ascenseurs orange à votre page grâce à l'utilisation d'une feuille de style. Vous travaillez toujours avec la page Corps_humain.htm. Si elle n'est pas déjà en mémoire, ouvrez-la d'abord (Ouvrir dans le menu de droite).

Étape 1: Téléchargez le fichier Int_ascenseurs.css  (bouton droit et Télécharger la cible sous) dans le répertoire FRONTPAGE2000.

Étape 2: Effectuez un lien entre votre page et ce fichier de style. Pour apprendre comment procéder, sélectionnez l'option Feuille de style dans le menu de droite, section Lier une feuille. Notez que les changements ne sont visibles qu'en mode Aperçu.

L'avantage d'utiliser une feuille de style externe est qu'on peut la lier à plusieurs pages et qu'il suffit par la suite d'une seule correction pour changer une caractéristique dans toutes les pages auxquelles on l'a attribuée.

Étape 3: Placez le curseur après ...année et enfoncez la touche Entrée à trois reprises. Créez un nouveau tableau constitué d'une seule cellule dans la cellule de droite du tableau déjà présent (option tableau, section Tableaux doubles). 

Étape 4: Téléchargez l'image Fond_menu.jpg (bouton droit de la souris, Enregistrer la cible sous) dans le sous-répertoire Images de FrontPage2000.  

Étape 5: Cliquez avec le bouton droit de la souris dans le nouveau tableau et choisissez Propriétés du tableau.  

Étape 6: Réglez les caractéristiques suivantes: Largeur du tableau à 100%, Bordures à 3. Cochez Utiliser une image d'arrière plan et, à l'aide du bouton Parcourir, choisissez l'image Fond_menu précédemment chargée.

Étape 7: Inscrivez dans le tableau le texte suivant: Menu (pressez Entrée), Identification (pressez Entrée), Jeux d'association (pressez Entrée), Tableaux (pressez Entrée), Section théorique (pressez Entrée) et Formulaire. La police à utiliser est Verdana. Le caractère est gras.

Étape 8: Sélectionnez Menu et centrez-le. Sélectionnez ensuite  les 5 dernières lignes de texte et transformez-les en une liste à puces (option Liste à puces dans le menu de droite).

Étape 9: Sélectionnez Identification. Ajoutez-lui l'hyperlien Reactif.htm (option Hyperliens dans le menu de droite). N'oubliez pas d'effacer http:// avant d'ajouter votre lien. 

Étape 10: Procédez de la même façon pour les autres options: Jeux d'association, hyperlien = Identification.htm, Tableaux, hyperlien = tableaux.htm, Section théorique, hyperlien = La_theorie.htm et Formulaire, hyperlien = Evaluation.htm.

Étape 11: Sauvegardez cette page, en lui conservant le même nom, dans le répertoire FRONTPAGE2000. Elle devrait maintenant présenter l'aspect visuel ci-dessous, en mode Aperçu.

.