Formations en ligne

Grille d'évaluation

Cadres et menu 1

Cet exercice va vous apprendre à utiliser des cadres et à déterminer un cadre de chargement pour une page.

Étape 1: Créez une nouvelle page. Changez la couleur d'arrière-plan pour orange foncé et profitez de l'occasion pour sélectionner le jaune pour le lien hypertexte, le bleu pour le lien visité et le violet pour le lien actif (voir la section théorique Arrière-plan). 

Étape 2: Changez le titre de cette page pour Le corps humain - Les jeux d'association.

Étape 3: Créez un tableau constitué d'une rangée et de six colonnes. Les bordures doivent être invisibles et le tableau occupe 100% de la page.

Étape 4: Inscrivez les mots suivants dans les cellules: Le coeur, L'oeil, L'oreille, La peau, Page 2, Retour. Ils doivent être centrés. La police à utiliser est Verdana et les caractères sont gras.

Étape 5: Enregistrez la page sous le nom Identification_Menu.htm, toujours dans le répertoire FRONTPAGE2000. Fermez cette page.

Étape 6: Allez lire la théorie en cliquant sur l'option Cadres dans le menu de droite.

Étape 7: Créez une nouvelle page en utilisant cette fois l'onglet Cadres. Choisissez le modèle Division Horizontale.

Étape 8: Une fois la page de cadres créée, cliquez sur le bouton Choisir la page initiale de celui du haut. Cliquez sur le deuxième bouton à droite de la case URL et sélectionnez Identification_Menu.htm.

Étape 9: Placez le pointeur de la souris sur la ligne de séparation entre les deux cadres (la flèche doit devenir double). Enfoncez le bouton de la souris et glissez la séparation vers le haut de façon à ne laisser que le tableau visible, à peu près centré verticalement entre le haut de la page et la ligne de séparation..

Étape 10: Voici venu le  temps d'enregistrer. Il ne faut pas oublier qu'une page de cadres comme celle que vous venez de réaliser est en réalité constituée de trois pages. Choisissez l'option Enregistrer. 

Étape 11: La fenêtre de dialogue montre votre modèle de page avec un gros rectangle bleu tout autour. Cela signifie que vous enregistrez la page de configuration des cadres. Inscrivez Identification comme nom pour la page.

Étape 12: Pour terminer cet exercice, vous allez ajouter les hyperliens. Vous n'aurez pas à fabriquer ces pages puisqu'elles existent déjà sur le WEB. Sélectionnez Le coeur et cliquez sur le bouton Hyperlien. 

Étapee 13: Cliquez sur le bouton à droite de Cadre de destination. Dans la fenêtre qui s'affiche, sélectionnez le cadre du bas en cliquant dedans (dans le modèle affiché). Le mot Bas doit s'écrire dans la case Destination.

Étape 14: Cliquez sur OK. Inscrivez l'adresse suivante dans la case URL et refermez le tout.

http://www.infovisual.info/03/062_fr.html

Étape 15: Voici les adresses à utiliser pour les trois options suivantes. Le chargement se fait toujours dans le cadre du bas.

L'oeil : 

http://www.infovisual.info/03/044_fr.html

L'oreille : 

http://www.infovisual.info/03/049_fr.html

La peau : 

http://www.infovisual.info/03/036_fr.html

Étape 16: Il y a une petite variante pour les deux dernières options: la nouvelle page doit remplacer toutes celles affichées. Vous devez donc choisir comme cadre de destination Page entière dans la liste des destinations usuelles offertes (et non dans le modèle). Pour le reste, les opérations sont les mêmes.

Page 2:

Inscrivez Identification2.htm. Vous allez créer cette page plus tard.

Retour:

Sélectionnez la page Corps_humain.htm.

Étape 17: Enregistrez à nouveau votre page. Passez en mode Aperçu et testez-la. Elle devrait présentement avoir l'aspect suivant. Chaque fois que vous cliquez sur un lien, la page correspondante devrait s'afficher dans la section du bas laissant votre menu actif.