09/07/2004, 12:06
| |||
| |||
 Imagenes...!!!!! Hola No he podido encontrar como poner un mapa en mi wep pero que al pasar por un punto determinado aparesca un comentario... ejemplo: es el mapa del continente americano...que al pasar el puntero por mexico...me salga un cuadro indicandome el numero de poblacion..el numero de estados...etc.. espero y me halla explicado....gracias...por ayudarmee.....!!!!!  |
|
10/07/2004, 14:57
| |||
| |||
| me parece que vas a tener que trabajar primero en fireworks porque hay cosas que conDW no vas a poder hacer vas con el mapa a FW y allí si es una sola imagen con un mapa de varios paises me imagino que quieres poner carteles para cada pais por lo tanto deberás crear sobre cada pais una zona editable (esto no lo puedes hacer en DW) una vez que tengas el mapa con todas las zonas que necesites ( esto significa que le podras poner un vínculo a cada zona o pais) (no es difícil consulta el manual de aulaclic de FW que está ésta explicacion muy sencilla) una vez que tengas la imágen dividida en tantas zonas como necesites deberás exportarla con formato gif a DW dentro de la carpeta raiz del sitio que estas creando. luego la insertas en DW y creas tantas capas como zonas tengas en la imágen, pon esas capas en la ubicación que te convenga y carga dentro de cada una de ellas el contenido que necesites para cada pais (no olvides darle nombre a cada capa a través del cuadro de propiedades. Por último seleccionas un sector de la imagen, por ejemplo México y vas al panel comportamientos eliges "mostrar ocultar capas" en el cuadro de diálogo que se abre elige el nombre de la capa que tiene el contenido correspondiente a México y le pones "mostrar" y combinas este comport con "on mouse over" luego repites la misma operación pero ahora seleccionas "ocultar y asocias el comportamiento con el evento on mouse out. Es decir que para cada botón deberás repetir dos veces el comportamiento mostrar ocultar capa solo que 1º pones mostrar y 2º ocultar. Cuando lo mires un poquito te darás cuenta que es muy sencillo, como mucho te puede llevar 1 o 2 horas hacerlo |
|
10/07/2004, 15:52
| ||||
| ||||
| Yo creo que en flash es más fácil, solo programas botones en los lugares que quieras que aparescan mensajes o por medio de as.
__________________ Blog de Diseño Gráfico roc21.com || El secreto de la creatividad es saber esconder tus fuentes. |
|
12/07/2004, 11:41
| |||
| |||
| Hola: VAD...... sabes ya segui los pasos pero creo que estoy hacindo algo mal por que no me sale..!!! Mira en FireWorks ya tengo mi mapa con las zonas editables correspondientes...pero no me especificas si ahi tengo que hacer el link....hacia la capa que voy a crear posterior mente en DREAMWEAVER ........oyes ademas dices que hay un manual de FIREWORKS me puedes poner la liga......para que lo pueda leer... GRACIAS...... |
|
12/07/2004, 15:08
| |||
| |||
| No veo la necesidad de usar FW, si usas DW, haz lo siguiente: 1.- insertas la imagen en tu página. 2.- seleccionas la imagen y creas los Hotspot que desees, esto está en el panel propiedades de la imagen en la parte inferior derecha. Ahí seleccionas cualquiera de los tres Hotspot que desees y lo demarcas en tu imagen. 3.- creas las capas o layers que desees. Vas a la barra "Insertar", "Layer" y listo. Luego puedes seleccionarlo,moverlos a donde desees, colocale texto en su interior y modifica su propiedad de visibilidad a "hide". 4.- selecciona algun Hotspot de tu imagen. 5.- Vas al panel "Design", solapa "Behaviors", le das al boton "+", seleccionas "Show-Hide Layers", seleccionas el layers que desses mostrar ahí, haz click sobre "show". 6.- repite el paso 5 pero seleecionando el mismo layers, pero esta ves debes hacer click sobre el boton "hide" 7. cuando esten creados estos dos comportamientos, para un mismo hotspot y layer, seleccionar los eventos onmouseover para el primer caso (show) y onmouseout para el caso de "hide" 8. Tendras que repetir de los pasos 4 al 7 para cada uno de los hotspot creados. Manthis. |
|
13/07/2004, 10:02
| ||||
| ||||
| Con lo fácil que se hace en el GIMP, que te da el código HTML: Código HTML: <img src="GIMP01.png" width="262" height="564" border="0" usemap="#GIMP01.png" /> <map name="GIMP01.png"> <!-- #$-:Image Map file created by GIMP Imagemap Plugin --> <!-- #$-:GIMP Imagemap Plugin by Maurits Rijk --> <!-- #$-:Please do not edit lines starting with "#$" --> <!-- #$VERSION:2.0 --> <!-- #$AUTHOR:Dan --> <area shape="rect" coords="6,30,252,49" title="Menú de texto" nohref="nohref" /> <area shape="rect" coords="8,59,37,83" title="Seleccionar regiones rectangulares" nohref="nohref" /> <area shape="rect" coords="41,59,71,84" title="Seleccionar regiones elípticas" nohref="nohref" /> <area shape="rect" coords="77,58,110,84" title="Seleccionar regiones dibujadas a mano" nohref="nohref" /> <area shape="rect" coords="114,58,147,84" title="Seleccionar regiones contiguas" nohref="nohref" /> <area shape="rect" coords="151,57,183,86" title="Selecciona regiones por colores" nohref="nohref" /> <area shape="rect" coords="187,59,218,88" title="Seleccionar formas de la imagen" nohref="nohref" /> <area shape="rect" coords="224,58,252,88" title="Crear y editar rutas" nohref="nohref" /> <area shape="rect" coords="8,90,36,123" title="Recoger colores de la imagen" nohref="nohref" /> <area shape="rect" coords="41,90,73,120" title="Aumento y disminución" nohref="nohref" /> <area shape="rect" coords="77,92,109,118" title="Medida de distancias y ángulos" nohref="nohref" /> <area shape="rect" coords="114,96,145,121" title="Mover capas y selecciones" nohref="nohref" /> <area shape="rect" coords="151,95,182,122" title="Recortar o redimensionar una imagen" nohref="nohref" /> <area shape="rect" coords="187,97,217,123" title="Rotar la capa o la selección" nohref="nohref" /> <area shape="rect" coords="221,96,252,123" title="Escala la capa o la selección" nohref="nohref" /> <area shape="rect" coords="9,132,37,158" title="Inclina la imagen o selección" nohref="nohref" /> <area shape="rect" coords="43,133,74,158" title="Cambiar la perspectiva de la capa o la selección" nohref="nohref" /> <area shape="rect" coords="76,130,110,157" title="Invertir la imagen o la selección simétricamente" nohref="nohref" /> <area shape="rect" coords="113,132,145,155" title="Añadir texto a la imagen" nohref="nohref" /> <area shape="rect" coords="148,130,183,160" title="Rellenar con un color o patrón" nohref="nohref" /> <area shape="rect" coords="186,131,219,156" title="Rellenar con un degradado de colores" nohref="nohref" /> <area shape="rect" coords="224,127,249,158" title="Pintar píxeles de bordes duros" nohref="nohref" /> <area shape="rect" coords="8,165,38,196" title="Pintar trazos borrosos de brocha" nohref="nohref" /> <area shape="rect" coords="43,167,73,195" title="Borrar el color de fondo o la transparencia" nohref="nohref" /> <area shape="rect" coords="79,167,108,193" title="Aerógrafo de presión variable" nohref="nohref" /> <area shape="rect" coords="114,166,144,195" title="Dibujar con tinta" nohref="nohref" /> <area shape="rect" coords="149,167,181,194" title="Pintar usando patrones o regiones de la imagen" nohref="nohref" /> <area shape="rect" coords="188,170,216,193" title="Desenfocar o enfocar" nohref="nohref" /> <area shape="rect" coords="222,167,251,194" title="Borronear la imagen" nohref="nohref" /> <area shape="rect" coords="10,204,37,229" title="Blanquear o ennegrecer los trazos" nohref="nohref" /> <area shape="rect" coords="38,267,55,282" title="Reiniciar colores (negro y blanco)" nohref="nohref" /> <area shape="rect" coords="82,238,97,251" title="Intercambiar los colores de frente y fondo" nohref="nohref" /> <area shape="rect" coords="44,240,75,264" title="Color de frente" nohref="nohref" /> <area shape="poly" coords="78,249,95,249,95,280,60,280,60,267,78,267" title="Color de fondo" nohref="nohref" /> <area shape="rect" coords="170,241,196,264" title="Brocha activa" nohref="nohref" /> <area shape="rect" coords="195,241,218,263" title="Patrón activo" nohref="nohref" /> <area shape="rect" coords="170,267,219,277" title="Degradado activo" nohref="nohref" /> <area shape="rect" coords="7,295,26,316" title="Opciones de herramienta" nohref="nohref" /> <area shape="rect" coords="31,297,52,315" title="Capas" nohref="nohref" /> <area shape="rect" coords="58,298,81,315" title="Editor de selección" nohref="nohref" /> <area shape="rect" coords="82,297,107,318" title="Historial de deshacer" nohref="nohref" /> <area shape="rect" coords="112,297,134,318" title="Imágenes" nohref="nohref" /> <area shape="rect" coords="234,329,248,343" title="Cerrar esta solapa" nohref="nohref" /> <area shape="rect" coords="208,327,226,340" title="Administrar solapas" nohref="nohref" /> </map>  |
