Vous avez fait chauffer les moteurs, et êtes impatients de vous lancer sur les Autoroutes de l'Information, n'est-ce pas ? Ici, nous allons compléter notre utilisation des tags ancres pour créer des liens vers des ressources, là-bas sur Internet.
Après cette leçon, vous pourrez :
Note : Si vous n'avez pas le document de la leçon précédente, téléchargez une copie maintenant.
Pour créer une ancre qui relie à un site sur Internet, nous allons combiner ce sur quoi nous avons travaillé précédemment dans les leçons Liens vers des fichiers Locaux (Leçon 8a) en y incorporant ce que nous avons appris sur les URLs (Leçon 8b). Le code HTML complet pour une ancre vers un élément sur Internet est :
<a href="URL">Texte du Lien</a>
où URL est le "Uniform Resource Locator" (adresse universelle de ressource) complet, entre guillemets, c'est-à-dire l'adresse du site Internet où vous voulez envoyer l'internaute. La chaine de caractères Texte du Lien correspond à ce qui s'affichera en hypertexte dans votre navigateur Web (en général, mais pas toujours) souligné en bleu. Quand un utilisateur clique sur cet hypertexte, le navigateur Web le relie au site Internet indiqué par l'URL. Souvenez-vous qu'un URL peut être un lien vers un autre serveur World Wide Web (WWW), Gopher, site FTP ou n'importe quel fichier texte, graphique, son ou vidéo sur ces serveurs.
Maintenant, nous allons ajouter un lien hypertexte vers un site contenant de l'information sur les volcans de la planète Mars. Suivez ces instructions pour ajouter des ancres dans votre document HTML :
<a href="http://solarviews.com/eng/mars.htm"> Mars</a> a également sa part de paysages volcaniques, incluant le plus gros volcan connu du système solaire, <a href="http://solarviews.com/r/mars/olympus.jpg"> Olympus Mons</a>
Note : Nous avons créé un lien vers deux différents types d'informations. Le premier hyperlien connecte à une page web qui donne de l'information sur la planète Mars. Le second est un lien à une petite image GIF d'un volcan Martien.
Note : Nous venons de voir comment relier directement à une image d'un autre serveur Web. Vous pouvez assez facilement utiliser l'URL d'un autre site dans les tags IMG de vos pages web. Nous vous recommandons instamment de contacter le créateur du site et de lui demander son accord. Vous pouvez vous aider d'un exemple de demande par e-mail que nous avons fait pour ce didacticiel.
Dans certains cas, les propriétaires de sites web sont pénalisés ou facturés pour des accès trop importants. Pour plus d'information à ce sujet, consultez le Plaidoyer Des Veuves du Web.
Pendant que vous naviguez dans différentes pages web, l'URL de la page en cours est affiché en haut de la fenêtre du navigateur web (vous devrez peut-être afficher une option de menu pour Afficher les URLs). Par exemple, dans ce document, l'URL ressemble à quelque chose comme :
http://www.mcli.dist.maricopa.edu/tut/tut8c.html
Vous pouvez utiliser votre souris pour sélectionner et copier un URL depuis l'écran de votre navigateur, puis le coller dans le tag ancre de votre document HTML. C'est beaucoup plus efficace que d'écrire les URLs sur du papier (certains sont trés longs !).
Maintenant, nous allons ajouter quelques liens vers d'autres sites que nous listerons dans la section Références de notre leçon Volcan. Un site qui devrait offrir de l'information pertinente est le US Geological Survey (site de l'Institut de Sondage Géologique des Etats-Unis).
Suivez ces étapes :
<ul> <li> <a href="">Ressources Pédagogiques du USGS</a> </ul>
NOTE : Nous avons construit le lien hypertexte mais il nous faut encore taper l'URL entre les guillemets.
<a href="http://info.er.usgs.gov/education/index.html"> Ressources Pédagogiques du USGS</a>
Note : Vous venez de créer la structure HTML pour une liste Non Ordonnée, avec pour chaque élément de la liste un lien hypertexte vers un site offrant de l'information sur les volcans. Pour une révision des listes, allez à la leçon 6
Si vous voulez des devoirs supplémentaires, explorez quelques-uns des sites Internet suivants qui contiennent des ressources sur la Géologie et/ou les Volcans. Copiez les URLs et construisez les liens hypertexte vers au moins deux autres sites dans votre section Références.
Comparez votre page web avec un exemple du document-type. Si votre page web est différente de l'exemple, vérifiez le texte que vous avez tapé dans l'éditeur de texte. Notez que votre liste de références est peut-être différente de l'exemple.
Créez des ancres depuis votre propre page web vers les adresses URLs que vous avez découvertes.
Dans la prochaine leçon, vous créerez des liens connectant vers différentes sections d'un document HTML.
Ecrire le HTML : Leçon 8c : Liens vers le Monde : les Sites Internet
©1994-2003
Maricopa Center for Learning and Instruction (MCLI)
Maricopa Community Colleges
La 'net connection (en anglais) à MCLI est
Alan Levine
Suggestions en Français à Bernard Bensoussan
URL: http://www.mcli.dist.maricopa.edu/tut/tut8c.html