Herramienta para crear diagramas de imágenes con links

[Loover]

Estoy diseñando una página web, su estructura es bastante compleja. De momento voy haciendo cada página en photoshop, así que tengo unos tropecientos png. Algunas de estas páginas, en la versión futura en xhtml,  deberán surgir (por supuesto) al pinchar en links de otras. El resultado es una especie de árbol (algo que todos conocemos):



Lo que quiero es una herramienta en la que yo pueda introducidir dichas imágenes (en mi caso pngs) y crear, designando áreas para los links, las diferentes conexiones. Vamos, una especie de diagrama UML, pero de imágenes. De tal forma, que se pueda "probar" la página web de esta forma, aún cuando no está maquetada en xhtml.

Os pongo otra vez lo que necesito, en una lista, más clarito:
0) Que no sea necesario escribir ni una línea de código. Que la interfaz sea visual.
1) Importar imágenes
2) Poder definir en una imágen un área. Y en dicha área la dirección a otra página.
3) Un modo navegación, en el que se muestre la primera imagen y pueda hacer scroll arriba y abajo. Pinchando en ciertas áreas (las que he definido), que me lleve a las otras imágenes.
4) Un modo "árbol general". En que se vieran todas las imágenes, conectadas por caminos según los links, y yo pudiera hacer "zoom in", "zoom out". Al estilo de los diagramas UML. Algo como la imagen mostrada arriba.

¿Existe dicha herramienta? Creo recordar algunas herramientas de diseño multimedia antiguas, que permitían algo así.

[misscelan]

Java Studio es una IDE para desarrollo web que tiene una herramienta para definir la navegación de páginas, pero tienes que trabajar con Jsp.

Aunque java Studio está basado en netbeans, a lo mejor éste lo puedes usar para otros menesteres.

Un saludo

[Loover]

ava Studio es una IDE para desarrollo web que tiene una herramienta para definir la navegación de páginas, pero tienes que trabajar con Jsp.

Aunque java Studio está basado en netbeans, a lo mejor éste lo puedes usar para otros menesteres.

Un saludo

Umm, me refiero a una herramienta en la que no tenga que escribir ni una línea de código. Lo único que necesito es "importar" las imágenes, definir áreas de los links y luego un modo navegación. No hace falta programar nada para eso. No necesito ir más allá de ahí (no necesito listas desplegables o simular cosas que luego irán en ajax). Tan solo simples y meros png que pueda ver, y pinchando en un area concreta, que me lleve a otro png.

¿Es ese el caso de la herramienta que tu propones?

[misscelan]

Realmente es un RAD para desarrollo en web por lo que no tendrías que hacer a penas código y para hacer una navegación entre páginas con imágenes sería muy rápido, pero esa herramienta no se puede manejar externamente para otros usos porque debería ser para un proyecto desarrollado con el programa, además de que tu servidor debería soportar jsp.

Un saludo.

[sés]

:shock: ¿Y eso no lo hace el Dreamweaver?

¿No puedes simplemente meter cada imagen en una página y crear los enlaces?


...o no te he entendido bien.

[Loover]

Realmente es un RAD para desarrollo en web por lo que no tendrías que hacer a penas código y para hacer una navegación entre páginas con imágenes sería muy rápido, pero esa herramienta no se puede manejar externamente para otros usos porque debería ser para un proyecto desarrollado con el programa, además de que tu servidor debería soportar jsp.

Un saludo.

Pero a ver, no sé si me entiendes. Estas páginas en png no van a ser la web final. Es simplemente algo a tener durante el diseño de la misma. Una vez terminado el diseño y aprobado, se pasará a su posterior maquetación en xhtml, css, ajax... lo que haga falta.

Vamos, lo que quiero es un Diagrama de imágenes con opción de simulación de navegación y posibilidad de vista general

[Loover]

¿Y eso no lo hace el Dreamweaver?

¿No puedes simplemente meter cada imagen en una página y crear los enlaces?

¡Pues igual sí!

¿Cómo se define en Dreamweaver dentro de una imagen un área que tenga un link? (Punto 2)

¿Cómo podría ver todo el árbol de conexiones general? (Ver imagen del primer post) (Punto 4)

[josepzin]

Yo lo hago a mano... presento los bocetos a los clientes en imagenes fijas. CUando tengo ganas creo los enlaces con un USEMAP para la imagen, con las coordenadas de los botones y asi tener conectadas cada una de las pantallas.

Pero eso era antes... ahora paso y pongo abajo de todo unos enlaces de texto que muestran las 3 o 4 pantallas diseñadas. Total la mayoría no entiende nada e igual dice "la web es muy estática, no se mueve nada!!" :D:D ... clientes...

Aunque si existiera una utilidad como la que busca Loover que lo hiciera todo automatico y rapido, quizás me apunte a usarla.

Hacerla tampoco es que sea demasiado complicado....

[Loover]

Sí, incluso hay programas http://www.softonic.com/windows/mapeadores-de-imagen-opinion-529 que te ayudan a crear el código html de los USEMAP...

Pero lo que yo busco es una aplicación que sea un "todo". Como las aplicaciones para diseñar diagramás UML o mapas mentales. En los que puedes hacer zoom in/out, etc. Y aparte, un modo navegación para simular que estás probando la web.

Me extraña que no exista algo así, y como dices, no sería demasiado complejo hacerlo. Seguro que existe, a ver si alguien lo conoce.

[Tei]

Pero eso era antes... ahora paso y pongo abajo de todo unos enlaces de texto que muestran las 3 o 4 pantallas diseñadas. Total la mayoría no entiende nada e igual dice "la web es muy estática, no se mueve nada!!" :D:D ... clientes...

Y si eso es lo que el cliente quiere ver. ¿Quienes somos nosotros para presentarles dibujos *abstractos* que no entienden, ni les interesan, y sobre los que la vista les resbala y piensan interiormente "¿Que se supone representa esto?¡Oh no!,¡Me van a pedir una opinion!. Yo solo quiero ver como va a quedar la web, no esta cosa rara...".

[Loover]

Lo mio no es para ningún cliente. Y no es nada abstracto. Más bien al revés. Intentemos evitar el offtopic :), por favor. Vamos al grano, a ver si existe dicha herramienta o no.

[josepzin]

piensan interiormente "¿Que se supone representa esto?¡Oh no!,¡Me van a pedir una opinion!. Yo solo quiero ver como va a quedar la web, no esta cosa rara...".

:lol:  :lol:  :lol: muy bien resumido!! :D:D

PD: Y sí, nos vamos del tema... pero o lo aceptas o lo terminamos de desviar completamente jeje  8)

[Loover]

Lo acepto :) Es lo que tienen los foros de discusión :D

[josepzin]

¿Nadie sabe la solución mágica a esta pregunta de Loover?? A ver esos expertos gueveros!

[Pogacha]

No creo que exista, parece de lo mas poco util ... ahora si la acompañas con una aplicación que te tipee automaticamente la parte de "http://www." y ".com" cada vez que quieras introducir un link externo ya estamos hablando de otra cosa!

OK, practicamente no he aportado nada ... solo que no le veo sentido, el ahorro de trabajo es casi nulo y el beneficio también.

Saludos y suerte en tu busqueda!