TD 2: Les images et les cadres

Exercice : Création d'une page avec cadres et images

Dans cet exercice, il vous est demandé de créer un ensemble de pages html en suivant les étapes définies ci-dessous:

  1. Commencez par créer une page index.htm contenant 3 cadres (main, menu et foot) organisés comme présenté ci-dessous ainsi que 3 pages vides: main.htm, menu1.htm, foot.htm.
    Vous devrez alors inclure dans l'en-tête de tous vos fichiers HTML une balise META/author contenant vos noms et prénoms.

    menu1.htm

    Largeur

    150 pixels

    fixe

    main.htm
    foot.htm : Hauteur 50 pixels fixe
  2. Dans la page menu1.htm, créez un tableau à une colonne (comme ci-dessous) contenant des liens vers tous les liens de ma page web, de façon à ce que lorsque l'on clique dessus ils s'ouvernt dans le cadre main, et avec une bordure non apparente et l'image fond.png comme fond.
  3. Scintilla
    Sujet Projet
    TP1
    TP2
    TP3
    TP4
    TP5
    TP6
    TD1
    TD2
    TD3
  4. Dans la page menu2.htm, prenez le même tableau que dans la page menu1.htm et le même fond, mais cette fois il faut cliquer sur les images suivantes: Scintilla, SujetProjet, TP1, TP2, TP3, TP4, TD1, TD2, TD3.
  5. Dans la page menu3.htm, utilisez l'image suivante avec des zones cliquables pour jouer le même rôle que les menus précédents.

  6. Dans la page foot.htm, insérez 3 liens permettant de choisir le menu désiré dans le cadre menu.