Page 73 - ClasseurNumeriqueVierge_3eme

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

OUR ALLER PLUS LOIN...
P POUR ALLER PLUS LOIN...

Dans cette troisième partie vos capacités d’analyse et de concentration devront être fortes. Il
est donc normal de passer davantage de temps pour réussir une question. Il faut rester focalisé sur ce
qui est demandé, bien analyser la situation, faire des hypothèses et des essais, puis essayer de
comprendre ce qui a fonctionné et ce qui n’a pas répondu à votre attente pour pouvoir recommencer
et, à force de volonté, réussir. 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 ) LIENS ENTRE PAGES
3 ) LIENS ENTRE PAGES
Le nom du langage HTML vient du fait que l'on passe de page en page par des clics sur les liens
HyperText.

La balise « a href » réalise un lien vers une autre page. Le script suivant présente l’utilisation de cette
balise.
<a href="fichier_cible.html" title="message en forme de bulle"> Texte du lien vers le fichier cible</a>

Nom du fichier Le message en forme Le texte du lien
cible à ouvrir après de bulle qui va apparaître sur lequel il faudra cliquer.
un clic sur le lien au survol de la souris Ce texte deviendra « cliquable »

Exemple d'utilisation :
<a href="html2.html" title="Ma page 2">Cliquer ici pour aller sur ma deuxième page</a>

3.1 ) Créez une deuxième page html (un copier-coller du script sous notepad++ suffit) que vous
sauvegarderez dans le dossier « SiteWebTest » sous le nom de « html2.html ».
3.2 ) Modifiez légèrement cette nouvelle page pour qu’elle soit différente de la première (la couleur
de fond ou l’image à afficher par exemple).
3.3 ) Ajoutez un lien (dans la page « html1.html) qui guide de la première page à la deuxième.
=> Inspirez vous fortement de l’exemple d’utilisation ci dessus.
=> Attention à le placer dans le corps de la page
3.4 ) Ajoutez un lien (dans la page « html2.html) qui guide de la deuxième page à la première.

Validation du professeur :

3.5 ) Collez le script de vos deux pages ci-dessous.
Script de « html1.html » :

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