On obtient une page blanche qui contient un minimum de code HTML, que l'on peut visualiser en cliquant sur l'icône en bas à droite
Un nouveau générateur d’applications multimédias". 9.
Création d'un document multimédia au format HTML
Création de la page Index.htm
Lancer l'application Dreamweaver2 et choisir nouveau dans le menu fichier
|
On obtient une page blanche qui contient un minimum de code HTML, que l'on peut visualiser en cliquant sur l'icône en bas à droite |
|
Insérer un tableau en utilisant le menu insertion et compléter la boîte de dialogue
Valider et placer le tableau au centre
en complétant la case "Aligner de l'inspecteur de propriété
Cliquer à gauche du tableau et appuyer deux fois sur la touche "Entrée",
pour créer deux paragraphes vides qui éloignent le tableau du bord haut
Enregistrer le document html dans le dossier Valdoise sous le nom index.htm
Cliquer dans la cellule haut gauche et en utilisant le menu insertion
et la commande "image", placer l'image "chauvry_off.jpg" du sous dossier
"intro" du dossier "images", dans la cellule en dessous l'image "espace.gif",
en haut à droite, l'une à côté de l'autre les images "francas.jpg",
"miss.jpg" et "voix.jpg", dans la cellule en dessous "logo.gif", il faut obtenir;
Pour établir un lien hypertexte à partir de chaque image, cliquer sur chacune
et compléter l'inspecteur de propriété
Pour la deuxième, établir un lien avec francas.htm et sec: Les Francas
Pour la troisième, établir un lien avec miss.htm et sec: Miss Val d'Oise
Pour la quatrième, établir un lien avec voix.htm et sec: Le Chœur Voices
Pour créer un effet de Roll Over sur chaque image,
cliquer sur la première image puis sur l'icône en bas à droite 
|
|
puis cliquer sur le plus pour ajouter une action liée à cette image
la boîte de dialogue ci-dessous apparaît. Associer à l'image nommée "Chauvry, l'image "chauvry_on.jpg" en utilisant le bouton "parcourir", valider et recommencer pour chacune des quatre autres images |
|
|
Voici ce que l'on obtient pour chacune des images |
Enregistrer index.htm et visualiser le résultat à l'aide d'un navigateur.
Utiliser la commande ouvrir du menu Fichier, puis le bouton parcourir pour afficher
le document index.htm. Vérifier l'effet de Roll Over sur les 5 images.
Utiliser un modèle de page pour créer les 4 pages
Ouvrir le fichier rubriques.dwt du dossier modeles et cliquer sur l'icône
La zone bleutée désigne la zone modifiable du modèle.
Enregistrer cette page comme nouveau modèle pour le site Valdoise
Dans le menu fichier, activer la commande "nouveau à partir d'un modèle.
Sélectionner le seul modèle disponible que l'on vient de créer "rubriques"
|
|
Créer la page suivante à partir du modèle
Créer de même les pages suivantes: |
|
|
|
|
|
Modifier la page modèle "rubriques.dwt" en ajoutant un lien pour retourner à la page d'accueil, enregistrer la nouvelle version et valider la proposition de mise à jour. |
