1. ¡OFERTA! con cupón "DIRVPS": hosting por $0,01 y también VPS Linux y Windows por $0,01 el primer mes por Interserver ← publi
    Descartar aviso
Descartar aviso
Al usar este sitio web, aceptas que nosotros y nuestros socios podamos establecer cookies para fines tales como personalizar el contenido y la publicidad. Más información.

Se me descolocan las imagenes

Tema en 'Programación y Diseño Web' iniciado por TheGonzax, 17 Oct 2010.

  1. TheGonzax

    TheGonzax Nuevo usuario

    Buenas a todos, tengo un problema y es el siguiente:
    Tuve que hacer una página web, primero hice el DISEÑO en Adobe photoshop cs5 y separé sus respectivas partes (Botones, logo, parte central, etc..) con la herramienta "Sector", cuando guardé el sitio con el "Guardar para web" le indiqué que guarde Html e imagenes..

    Bien, en la carpeta de mi web me quedo el archivo Index.html y la carpeta imagenes con todas las imagenes del diseño del sitio.

    Cuando modifiqué el archivo index.html en el Macromedia Dreamweaver 8, como obviamente todo el sitio son IMAGENES, las partes sobre las cual yo necesitaba escribir, hice que enves de IMAGEN, sea FONDO y así poder escribir encima.

    Al quedarme esa parte como "fondo", hice un marco IFRAME, para que cuando la gente clickee en los botones de la web, los textos se habran en el centro del sitio SOBRE el marco iframe, pero al estar este marco se me desacomodan todas las imagenes del sitio y no entiendo por qué. (el marco no supera los tamaños de esa parte del fondo)

    Me olvidaba, otra cosa que intenté, fue que en ves de guardar el sitio web con los sectores divividos, guardo todo el diseño en 1 sola imagen y luego creo celdas SOBRE el fondo, en dreamweaver, Pero al crear las celdas siendo 1 sola imagen, y hacer el marco iframe, obviamente las imagenes no se desacomodan ya que es 1 sola y no estan divididas. Pero luego no tengo forma de ASIGNARLE hipervinculo a los botones, ya que obviamente, todo es una imagen que esta de fondo en la celda..

    Quisiera saber que podria hacer, simplemente quiero poner un marco en el centro de la pagina para que los botones me abran en ese marco.
    A continuacion les dejo capturas:

    1) Así se ve mi página desde el dreamweaver
    http://img696.imageshack.us/img696/8978/71717428.jpg

    2) Así se previsualiza mi página en el explorador
    http://img151.imageshack.us/img151/6/11803832.jpg

    3) Así se ve mi página con 1 sola imagen que es todo el diseño + celdas + CAPA + el marco
    http://img169.imageshack.us/img169/9600/45387594.jpg

    4) Así se previsualiza mi página con celdas y 1 sola imagen de fondo en el explorador
    http://img230.imageshack.us/img230/2051/37572525.jpg

    Como verán, con las celdas y poniendo una capa y el marco se ve perfectamente, pero entonces no puedo agregarle links a los botones ya que lo toma como un fondo.

    Quisiera saber que puedo hacer, desde ya muchisimas gracias
     
  2.  
  3. kriss73

    kriss73 Nuevo usuario

    Hola
    Lo que a ti te pasa, es lo que le pasa a la mayoria de las personas que exportan desde Psd a html, dejando que photoshop genere el codigo HTML.
    Lamentablemente el codigo que genera este soft no es del todo flexible ni optimizado.

    Te aconsejo que armes vos mismo el codigo HTML, usando las imagenes de los slices que exportaste desde el photoshop.
    Lo que comunmente se conoce como "maquetacion web".
    Es un proceso casi artesanal, diria, pero es asi como se hace profesionalmente y te permite luego hacer las modificaciones que quieras, como la que quieres hacer tu.
    Y demas esta decir, que si lo armas tu, puedes dejarlo 100% optimizado para los buscadores y compatible para todos los navegadores.

    Explicarte aqui el proceso de maquetado seria muy largo, pero si lo deseas, puedes entrar en mi perfil y luego linkear a mi Blog donde explico paso a paso el proceso de maquetacion web y conversion de Psd a Html.
    Seguro te servirá.

    Saludos!!
     


Alojamiento web, Hosting Reseller, Servidores Dedicados - All in Hosting


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·