Page 82 - ClasseurNumeriqueVierge_3eme

Technologie Projet 2 : « Création d’un site WEB : info-infox » 3ème
Séquence n°4

3.3.4 ) Cherchez et notez les coordonnées de vos 3 zones.
Zones Coordonnées

Zone 1
Zone 2

Zone 3

Validation du professeur :

RENONS DE L’AUTONOMIE

P PRENONS DE L’AUTONOMIE
Jusqu’à présent, nous vous avons beaucoup guidés. Dans cette deuxième partie vous devrez
faire preuve d’analyse et d’initiatives pour faire les modifications demandées. Il n’est pas grave ni
inquiétant de ne pas réussir du premier coup. Le résultat (et donc la note) vient en grande partie de la
persévérance dans la recherche de solutions.

3.4 ) ADAPTATION DU SCRIPT D'UNE IMAGE « MAPPABLE »
3.4 ) ADAPTATION DU SCRIPT D'UNE IMAGE « MAPPABLE »
3.4.1 ) Dans votre dossier « Projet2 », créez un nouveau dossier « MonSiteWEB ». (Il servira à
regrouper tous les documents de votre site WEB)
3.4.2 ) Copiez dans ce nouveau dossier le fichier « html1.html » que l'on vient d'étudier (celui qui
est dans le dossier « Ressources/ExempleImageMappable »).

3.4.3 ) Renommez ce fichier en « index.html ».
3.4.4 ) Modifiez le script de la page « index.html » pour en faire votre page d'accueil.
• Elle devra comporter trois liens (les zones cliquables) au lieu des 9 contenus dans le script
actuel.
• Pour que chaque zone cliquable « pointe » sur la bonne page, les liens devront s'appeler :

◦ info1.html

◦ info2.html
◦ info3.html
Remarque : Pour que les liens fonctionnent et ne tombe pas sur une page vide, il faut créer des fichiers
info1.html, info2.html et info3.html dans le même dossier que le fichier « index.html ». Ces fichiers
peuvent être vides, cela ne pose pas de problèmes.
3.4.5 ) Vérifiez régulièrement le résultat de votre script et lorsqu’il est totalement fonctionnel,
appelez votre professeur pour vérifications.

Validation du professeur :

3.4.6 ) Optionnel (pour les élèves en avance):
Pour que la page d’accueil soit visuellement plus agréable, il est possible de placer l’image au

Activites.odt Collèges - Briançon 6/8