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):
(http://www.pixelartgames.com/temporal/pag_webs.PNG)
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í.
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
Citarava 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?
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.
: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.
CitarRealmente 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
Citar¿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)
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....
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.
Cita de: "josepzin"
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...".
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.
Cita de: "Tei"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)
Lo acepto :) Es lo que tienen los foros de discusión :D
¿Nadie sabe la solución mágica a esta pregunta de Loover?? A ver esos expertos gueveros!
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!
Cita de: "Pogacha"OK, practicamente no he aportado nada ... solo que no le veo sentido, el ahorro de trabajo es casi nulo y el beneficio también.
Muy bien lo tuyo... a ver si te vas a la cama!! que no son horas :D:D
Ains, solo me entiende Josepzin :(
Lo único que quiero es en vez de tener 100 pngs con cada una de las distintas páginas de una web, tenerlo todo en un árbol, clarificador. Y encima con la opción de "simular la navegación".
¿Para qué quiero lo de la url esa? Todo es para una presentación en local.
No se trata de ahorrar trabajo, sino de poder ver la web lo más parecida posible a como va a ser al final, sin necesidad de maquetarla. Dejad de pensar en webs pequeñas, pensar en una web gorda, pensad en muchas páginas. ¿Cómo presentas eso al maquetador que va a tener que pasar de los png a xhtml+css sin que se haga un lio? No sería más interesante que pueda "navegar" por la web y ver todo el árbol de dependencias.
Podría hacer con un diagrama uml, un "use case diagram" por ejemplo, en cada casilla el nombre de la página. Sí, podría, pero no es ni la mitad de clarificador. Aparte que la otra aplicación, si existiera, podría hacer eso automáticamente.
¿Cómo es posible que solo yo vea útil esa herramienta? Lástima no tener un mes para poder hacerla, quizás más adelante.
:)
Hola a todos,
Bueno he llegado hasta aqui porque también buscaba información pero más complejo.
Lo que necesita Loover es una programa para hacer diagramas:
Mira aqui:
http://www.nosolousabilidad.com/articulos/diagramacion.htm
javi
Hola.
¿Esto se podria emular con el PowerPoint a base de diapositivas?
Ignorantes de la vida!!! no es eso lo que estamos diciendo con Loover :evil: :lol:
No, no es diagramación, ni se puede emular con el powerpoint, xD. Da igual, no existe, será que nadie lo ve útil por cualquier cosa.
Aunque no sea lo que buscas, para crear diagramas de flujo o mapas web, me gusta mucho esta aplicación: CmapTools (http://cmap.ihmc.us/).