Como insertar vinculos a una imagen en Dreamweaver
Mapear una imagen, se trata nada más de agregar a zonas de una imagen vinculos que lleven a otra pagina web o a un correo electrónico. Como parte del curso de páginas web aprenderás a mapear una imagen y vincular cualquier area de una imagen a otro sitio web, una página web interna de tu sitio o un Email
Menos mal que Dreamweaver realiza esta tarea por nosotros, en el video veremos como mapear una imagen para enlazarla con las paginas internas de nuestro sitio y hacer este navegable.
Pero el mapeo sirve no solamente para menus de navegacion, sino para enlazar zonas de una imagen (foto tuya) con tu sitio web, por ejemplo.
Es importante que tengas en cuenta que los enlaces resultantes no son rastreables por Google, te lo digo solo para que lo sepas.
Otro aspecto a mensionar es que Dreamweaver inserta al final de tu codigo y antes de cerrar el BODY la etiqueta MAP, el codigo del ejemplo es el siguiente:
<img usemap=”#Map” src=”images/barranavegacion.gif” border=”0″ alt=”" width=”800″ height=”73″ /><map id=”Map” name=”Map”>
<area shape=”rect” coords=”133,41,212,62″ href=”pagina1.html” />
<area shape=”rect” coords=”231,42,312,65″ href=”lipsum.html” />
<area shape=”rect” coords=”329,39,412,64″ href=”leccion3.html” />
<area shape=”rect” coords=”435,43,514,65″ href=”leccion4_vinculos.html” />
<area shape=”rect” coords=”533,41,606,64″ href=”leccion5_imagenes.html” />
</map>
Esta es la leccion No. 8 del curso de paginas web.
Me gustaria saber como ha sido tu experiencia a través de los cursos que vamos dando, ¿has aprendido? ¿ha valido la pena?, tus comentarios son muy importantes para mi, y agradezco cada uno de ellos.
Recuerda compartir el video con tus amigos, siempre hay alguien que quiere aprender y no ha tenido la oportunidad, no se lo niegues.
gracias por el tutorial =)
Gracias por la explicación