par
Victor BRITO » 12 juil. 2009, 17:20
Et si tu apprenais à faire du HTML et des CSS
sans passer par le WYSIWYG (autrement dit, sans passer par le mode création de Dreamweaver) ?
Si chacune des images est une images indépendante, autrement dit autant que balises IMG que d'images, tu peux procéder comme suit :
Code : Tout sélectionner
<a href="URL"><img src="URL de l'image" alt="Alternative textuelle de l'image" /></a>
En revanche, si une seule image est utilisée pour l'ensemble des canaris, tu n'as pas d'autres choix que de procéder ainsi :
Code : Tout sélectionner
<img src="URL de l'image unique" alt="Alternative textuelle de l'image" usemap="#carte" />
<map id="carte" name="carte">
<area href="URL" alt="Alternative textuelle de la zone cliquable" shape="rect" coords="0,0,100,100" />
<area href="URL" alt="Alternative textuelle de la zone cliquable" shape="rect" coords="100, 0,200,100" />
</map>
L'attribut coords a pour valeurs les coordonnées délimitant la zone réactive rectangulaire, à savoir dans l'ordre : le point horizontal en haut à gauche, le point vertical en haut à gauche, le point horizontal en bas à droite, le point vertical en bas à droite.
Si tu te sens perdu dans mes explications ou que tu n'as jamais construit une page Web autrement qu'en WYSIWYG, deux liens incontournables :
Et si tu apprenais à faire du HTML et des CSS [b]sans passer par le WYSIWYG[/b] (autrement dit, sans passer par le mode création de Dreamweaver) ? ;)
Si chacune des images est une images indépendante, autrement dit autant que balises IMG que d'images, tu peux procéder comme suit :
[code]<a href="URL"><img src="URL de l'image" alt="Alternative textuelle de l'image" /></a>[/code]
En revanche, si une seule image est utilisée pour l'ensemble des canaris, tu n'as pas d'autres choix que de procéder ainsi :
[code]<img src="URL de l'image unique" alt="Alternative textuelle de l'image" usemap="#carte" />
<map id="carte" name="carte">
<area href="URL" alt="Alternative textuelle de la zone cliquable" shape="rect" coords="0,0,100,100" />
<area href="URL" alt="Alternative textuelle de la zone cliquable" shape="rect" coords="100, 0,200,100" />
</map>[/code]
L'attribut coords a pour valeurs les coordonnées délimitant la zone réactive rectangulaire, à savoir dans l'ordre : le point horizontal en haut à gauche, le point vertical en haut à gauche, le point horizontal en bas à droite, le point vertical en bas à droite.
Si tu te sens perdu dans mes explications ou que tu n'as jamais construit une page Web autrement qu'en WYSIWYG, deux liens incontournables :
[list][*][url=http://www.siteduzero.com/tutoriel-3-13666-apprenez-a-creer-votre-site-web.html]le tuto XHTML/CSS du Site du zéro[/url],
[*][url=http://www.framasoft.net/rubrique157.html]la rubrique éditeurs de texte de Framasoft[/url], qui te permet de choisir un éditeur de texte gratuit et libre (si tu es sous Windows, je te conseille [url=http://notepad-plus.sourceforge.net/fr/site.htm]Notepad++[/url]).[/list]
