-
Recientes
- Tutorial Flash: Efecto de niebla dinámina
- Tutorial Excel: Calcular el pago de un crédito
- Tutorial Flash: GalerÃa de imágenes en Flash
- Tutorial Flash: Problemas con el control de una película cargada dentro de otra
- Tutorial Photoshop CS: Crear una textura de metal viejo
- Tutorial Photoshop CS: Crear una textura de madera
- Tutorial AutoCAD 2006: Selección cÃclica
- Tutorial QuarkXPress: Recopilando un documento para imprimir
- Tutorial Nóminaplus: Generación de un contrato
- Tutorial Flash: Incorporar sonido a la pelÃcula
-
CategorÃas
-
Archivos
-
Blogroll
- Educamás - Tienda de manuales, guÃas y cursos online
- Educapeques - Un portal libre y gratuito para que los niños aprendan jugando
- Gesfomedia - Contenidos y formación online
-
Admin
Encuesta
Loading ...
May
3
Tutorial Dreamweaver: Insertar imágenes
publicado en Dreamweaver |
Una de las opciones más populares, que tiene Dreamweaver, para colocar enlaces en una página Web consiste en situar diferentes hipervÃnculos en distintas zonas de una misma imagen. AsÃ, al hacer clic en una parte de una imagen se abrirán vÃnculo y al hacerlo en otra zona se abrirá otro distinto. El primer paso, por supuesto, consiste en contar con un documento HTML. Si se encuentran ocultos, necesitaremos mostrar tanto el Inspector de Propiedades como la barra de herramientas Insertar Común.
Primero insertamos la imagen sobre la que vamos a trabajar. Hacemos clic en el botón Imagen de la barra Insertar Común. Se abrirá el cuadro de diálogo Seleccionar origen de imagen donde debemos localizar la imagen, dentro de la carpeta correspondiente. Recuerda que, si se encuentra almacenada junto con el archivo HTML hay que desplegar la lista Relativa a y seleccionar la opción Documento.
Haz clic en la imagen que acabamos de insertar. En el Inspector de Propiedades podremos seleccionar la alineación que deseemos asà como introducir el texto alternativo que vaya a llevar.
Seleccionamos nuevamente la imagen y, en el Inspector de Propiedades introducimos el nombre del primer mapa en el campo Mapa. A continuación seleccionamos la herramienta Zona interactiva rectangular
Para cada mapa podremos indicar en la correspondiente casilla Alt un texto alternativo diferente que sirva de orientación al usuario.
Si seleccionamos la herramienta Zona interactiva poligonal tenemos que ir pinchando con el ratón para definir una poligonal cerrada que será la forma de mapa. En el Inspector de Propiedades podremos también incluir su texto alternativo.
Al previsualizar la página en el navegador (F12) podremos comprobar cómo al pasar el puntero del ratón por encima de las zonas que hemos definido aparecerán los textos alternativos.Obviamente habrá que asociar los enlaces que sean necesarios a cada una de estas zonas interactivas.
Productos formativos relacionados con Dreamweaver:
Curso de Dreamweaver 8
Curso de Dreamweaver MX
Manual de Dreamweaver 8
Manual de Dreamweaver MX
Prácticas y ejercicios Dreamweaver 8
Prácticas y ejercicios Dreamweaver MX
Comentarios
11 Comentarios
Muy util
Hmmm, no me sirvio de mucho.. ya que lo q yo qeria hacer era tniendo una imagen insertar otra más pequeñà para que esa hiciera cm d boton para ir a otra pagina…
Aver si pudieran mandarme un mail o algo explicandomelo plis daray_elena@hotmail.com
Ah, eso tiene una solución muy sencilla, pero es externa a Dreamweaver:
Lo mejor es manipular la imagen con cualquier programa (Photoshop, Corel,…)y dibujarle encima la imagen que va a hacer de botón.
Después, siguiendo el tutorial, haz coincidir una zona activa con la posición y forma aproximada del botón.
Luego le enlazas el link correspondiente y listo.
Otra opción más compleja consistirÃa en hacer otra capa por encima de la imagen y que ésta contenga el dibujo del botón. Luego haces igual, creas una zona activa que ocupe toda la imagen del botón.
Espero que te sirva.
solo keria pedirles el grandicimo favor de mandarme un tutorial compreto para crear una pag. web con dreamweaver. se los agredeceria demasiado. mi email es solrack_1415@hotmail.com
Saludos. He construÃdo una página web por segunda vez, pero en esta oportunidad he insertado una imágen flash en la última página, luego de contestar un cuestionario. Hice la prueba en Dreamweaver MX, luego lo probé en el servidor de prueba y funcionó todo perfectamente. Cuando subà la página completa, esta imágen flash no se ve, sino una marca blanca en su lugar.
PodrÃan ayudarme a saber que sucede que no se puede ver la mencionada imágen?
Gracias
hola si pudieran ayudarme, se los agradecere muchisimo, quiero saber como alinear una pagina que quepa bien en una resolucion de 800×600 y que se centre en una resolucion de 1024×768 , inserte una tabla y quedo bien cuando le meto texto, pero cuando le inserto una capa o le inserto la imagen , ya no se ve centrado se ve la imagen de un lado y el texto del otro, (el texto es el unico que si se queda centrado) ojala pudieran ayudarme a lo mejor no estoy insertando correctamente la imagen en la capa o a lo mejor no necesito usar una capa, muchas gracias
queria preguntar como se aria para mover la imgen tipo word, es decir en medio del texto o en qualquier sitio
me parece un tutorial muy bueno pero en realidad yo quiero saber como hacer un vinculo con una imgen flash a otra pagina en dreamweaver.
me parece un tutorial muy bueno pero en realidad yo quiero saber como hacer un vinculo con una imgen flash a otra pagina en dreamweaver.si pudieran mandrame un correo donde me pudieran explicar com harcerlo se los agradeceria mucho porfavor.mi correo es y_ana@hotmail.com
Hola, soy totalmente nueva en esta área de crear páginas web, me interesa conseguir un tutorial muy básico de dreamweaver, alguien me podria decir donde conseguirlo, dejo mi mail, gracias y saludos a todos.
karla_rodriguez_38@hotmail.com
hola yo tengo una duda, acerca de como realizar un link con una pelicula flash que tengo en mi pagina principal a otra pagina. le agradeceria mucho aquuien pudiera ayudarme.