• Crear una imagen tipo MAPA WEB.

    Publicado el 30 30Etc/GMT-1 noviembre 30Etc/GMT-1 2009 admin Sin comentarios aún ...

    El objetivo es crear una página web como ésta, en la cual marcaremos por áreas la acción que queramos. En nuestro caso será que al pinchar en el logo de las distintas webs, nos lleve a ellas.

    Primero, crearemos una imagen de 800 x 600 y pegaremos los distintos logos de:

     

    www.google.es

    www.educarm.es

    www.tecnotic.com

     

    Si alguna nos da problemas, usaremos la tecla IMP PANT, pegaremos y recortaremos después. Usar CAPA à Recortar a la selección. Aquí sé creativ@ y usar también difuminado, elimina los colores de fondo, el fondo con efectos …

    Guarda ahora como xcf. Atención, el mapa web sólo funciona si tienes todas las capas fusionadas en una sola, así que al menú Capas à nuevo desde visible y creará una capa con lo que se ve. Ponte encima de ella y ponla en la parte superior. Guarda la imagen en la carpeta que quieres crear la página web. Usa la extensión jpg, png o bmp. Ahora menú filtro à Web à Mapa de imagen.

    Dibuja las áreas con las herramientas de la izquierda (rectángulo, óvalo, formas poligonales…)

    Aparecerá una ventana, en la cual lo normal será SITIO WEB, en URL habrá que escribir la dirección completa. Desactiva enlace relativo. Además, podrás en texto alternativo poner el texto que aparecerá al pasar sobre ese espacio.

    Si quieres cambiar la forma y/o posición del área, usa la flecha de la izquierda.

    Una vez tienes todo completado, archivo guardar. Guarda en la misma carpeta donde está la imagen y cámbiale la extensión a html. Ya tienes lista la web. Este filtro realmente lo que hace es crear una web, con el fondo de la imagen que le has dicho y el siguiente código:

     

    <img src=”mapaweb.jpg” width=”800″ height=”600″ border=”0″ usemap=”#map” />

     

    <map>

    <area shape=”rect” coords=”32,24,393,240″ alt=”Pa´buscar” href=”http://www.google.es” />

    <area shape=”circle” coords=”614,163,204″ alt=”Educación Comunidad de la Región de Murcia” href=”http://www.educarm.es” />

    <area shape=”rect” coords=”44,400,576,559″ alt=”Recursos educativos para tecnología” href=”http://www.tecnotic.com” />

    </map>

    Latest posts by admin (see all)

    Los comentarios han sido cerrados.