Resultados 1 al 5 de 5
Mostrar en forma de Arbol1Les gusta
  • 1 Post de loki

Tema: Ayuda insertar botones en pagina web (crear arbol genealogico)

  1. #1

    Tanto va el cántaro a la fuente...
    Avatar de sacker100
    Fecha de ingreso
    22 Jul, 12
    Género
    Mi Peli
    Troya
    Mi Serie
    Los Simpsons
    Mi Frase
    Lo importante no es llegar, sino el camino en sí
    Jugando a
    Age of Empires II
    Mensajes
    135
    Gracias
    247
    Menciones
    0 Post(s)
    Citas
    1 Post(s)

    Predeterminado Ayuda insertar botones en pagina web (crear arbol genealogico)

    Wenas, lo primero, creo que esto debe de ir en esta seccion, sino pido disculpas y lo movere donde deba ir

    Os comento. Queria hacer en una pagina web un arbol genealogico, algo sencillo tipo esto:


    La idea es que pueda editar cada "boton", y que cada uno pueda tener un hipervinculo a otra ventana con la historia de ese familiar
    Esto descarta el hacerlo en photoshop, o eso creo


    No he encontrado la manera de hacerlo en dreamweaver, si alguien sabe como hacerlo u otra manera mas sencilla sere todo oidos

    Muchas gracias de antemano por la ayuda

    Saludos

  2. #2
    ¿A que te baneo?
    Mala hierba nunca muere
    Avatar de loki
    Fecha de ingreso
    02 Jan, 12
    Género
    Mi Frase
    Al ataquerl!
    Jugando a
    TRIII
    Mensajes
    8,224
    Gracias
    1,022
    Menciones
    146 Post(s)
    Citas
    450 Post(s)

    Predeterminado

    Hola Sacker.

    Hay varias formas de crear botones en HTML.

    En tu caso, ¿Quieres que los botones sean imágenes creadas previamente con Photoshop, por ejemplo, con el nombre de la persona, y que cada botón enlace a otra ventana con los detalles de esa persona?

    Si es eso, lo primero sería crear o diseñar una página, que correspondería al árbol genealógico, cómo muestras en esa imagen, tendrías que crear una imagen para cada persona con el photoshop, con su correspondiente nombre y apellido.
    Cada imagen se convertiría en un botón.

    Y también tendrías que crear una página para cada persona, que es donde enlazarían sus botones correspondientes.

    Un botón-imagen se podría hacer de esta forma:

    Código HTML:
    <html>
      <head>
      </head>
      <body>
    <a href="http://www.oranline.com/" target="_blank">   
    <button>
    <img src="http://www.oranline.com/wp-content/uploads/2014/04/logo-web-new7.png" width="" height="" alt="">
    </button></a>
      </body>
    </html>
    En este ejemplo, el botón sería el logo de Oranline y al hacer clic en él, nos llevaría a la web de oranline.com.

    Es a esto a lo que te refieres?

    Saludos.
    sacker100 le gusta.


  3. El Siguiente Usuario Agradeció a loki Por Este Mensaje:

    sacker100 (26/05/2014)

  4. #3

    Tanto va el cántaro a la fuente...
    Avatar de sacker100
    Fecha de ingreso
    22 Jul, 12
    Género
    Mi Peli
    Troya
    Mi Serie
    Los Simpsons
    Mi Frase
    Lo importante no es llegar, sino el camino en sí
    Jugando a
    Age of Empires II
    Mensajes
    135
    Gracias
    247
    Menciones
    0 Post(s)
    Citas
    1 Post(s)

    Predeterminado

    Sisi, es a lo que me refiero
    Entonces, lo que tendria que hacer, es una imagen de cada cuadrado en photoshop, y despues hacerla boton de esa manera
    Y para que queden cuadradas correcatemente y salgan lineas que las unan ?? Cuadrar las imagenes, pues con paciencia si, lo sabria hacer, pero el tema de las uniones entre ellas no se me ocurre como ponerlo

    Gracias por la info

  5. #4
    ¿A que te baneo?
    Mala hierba nunca muere
    Avatar de loki
    Fecha de ingreso
    02 Jan, 12
    Género
    Mi Frase
    Al ataquerl!
    Jugando a
    TRIII
    Mensajes
    8,224
    Gracias
    1,022
    Menciones
    146 Post(s)
    Citas
    450 Post(s)

    Predeterminado

    Cita Iniciado por sacker100 Ver mensaje
    Sisi, es a lo que me refiero
    Entonces, lo que tendria que hacer, es una imagen de cada cuadrado en photoshop, y despues hacerla boton de esa manera
    Y para que queden cuadradas correcatemente y salgan lineas que las unan ?? Cuadrar las imagenes, pues con paciencia si, lo sabria hacer, pero el tema de las uniones entre ellas no se me ocurre como ponerlo

    Gracias por la info
    Pues eso ya depende de la imaginación y del gusto de cada uno.
    Yo lo que haría, es crear o diseñar con photoshop imágenes de lineas horizontales y verticales, a tu gusto, y luego ir insertándolas en su lugar correspondiente. Para ello utilizaría las tablas, columnas y celdas en HTML.

    ¿Sabes cómo crear y manejar la tablas, etc.... en HTML?


  6. #5

    Tanto va el cántaro a la fuente...
    Avatar de sacker100
    Fecha de ingreso
    22 Jul, 12
    Género
    Mi Peli
    Troya
    Mi Serie
    Los Simpsons
    Mi Frase
    Lo importante no es llegar, sino el camino en sí
    Jugando a
    Age of Empires II
    Mensajes
    135
    Gracias
    247
    Menciones
    0 Post(s)
    Citas
    1 Post(s)

    Predeterminado

    Pues lo tengo un poco verde la verdad, hace tiempo que no lo uso
    Pero no te preocupes, sabiendo que tengo uqe hacer ya investigare jeje

Temas similares

  1. Crear pagina web club reginal futbol sala
    Por anyel09 en el foro Informática (Dudas, Noticias, Ayudas, etc...)
    Respuestas: 5
    Último mensaje: 12/01/2013, 10:43
  2. Insertar archivos srt o subtítulos dentro del avi
    Por reluigi en el foro Informática (Dudas, Noticias, Ayudas, etc...)
    Respuestas: 6
    Último mensaje: 20/11/2012, 10:28
  3. (Solucionado)ayuda para insertar foto propia
    Por thais72 en el foro Mantenimiento del foro
    Respuestas: 3
    Último mensaje: 17/07/2012, 20:58

Permisos de publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •