Pagina de photoshop a dreamweaver

Hola quisiera saber si se les ha presentado que al pasar una pagina diseñada completa en photoshop para dreamweaver al mostrarla en el navegador ocurre que todo se le riega y aparecen espacios en blanco, esto me esta ocurriendo, cuando la muestro en una maquina que no es la que utilizo para este diseño, que hacen cuando esto ocurre, un saludo

 

Pero en tu máquina la ves bien y en otra no? si pudieras explicar mejor, talvez será que las tablas están con un tamaño en porciento y varía según la resolución.
Si es así deberías cambiar el tamaño a pixeles para que todo quede a un tamaño justo.

 

Sip, seria bueno ver on line eso que dices o de menos unas capturas asi vemos el problema saludos

 

Pues bien yo acostumbro a diseñar toda la pagina en photoshop y despues la edito en dreamweaver, entonces que pasa al visualizar la pagina en la maquina donde trabajo, la pagina se ve perfecta pero en cualquier otra maquina no sucede igual, se desordena aparencen espacios ya ustedes lo veran, yo estoy trabajando con porciento, cada imagen la alineo de la misma manera e incluso con estilos css y aun asi el problema prevalece, la direccion de la pagina es www.wedofastsigns.com me cuentan entonces que creen de eso muchachos. Saludos


"edite el mensaje porque la url estaba mal, se te habia ido una coma de mas, elquique"

 

La pagina no me carga :S

 

Yo la veo bien, para que eso no te suceda siempre da vista previa, y segundo reliega la vista derecha del Dw, para ver mejor como esta el diseño, ya que en un cuadro pequeño, con la cejilla de archivos activada se ve bien, pero la ocultas en ocasiones no se ve como creiamos.

Ademas lo que veo es pura imagen nada de texto.

Abrazos

 

Yo la veo bien también...

 

si ya se mira muy bien todo
tal ves el problema o dependiendo del cliente es ke toda tu web esta hecha en imagenes y son imagenes grandes
lo ke puede hacer ke demore un poko al cargarla .
es todo
salu2

 

Yo al menos en FireFox la veo media desencuadrada, adjunto imagen.

<img src="http://www.forocreativo.net/otr/asilaveoenfirefox.JPG" border="0" alt="Imagen IPB" />

Lo otro es que es cierto que usaste imagenes completas por ejemplo las esquinas del gran cuadro de pagina celeste podrian ser gif y el resto una imagen de 1 o 3 px de fondo ahi queda todo mas liviano.

Lo otro que se me ocurre que la tabla de la derecha si no es un requerimiento que sea esa justamente la fuente podrias haberla hecho con html y asi todo para que vaya quedando mas liviana la cachas '??

saludos

 

Ahora si la veo y la veo como muestra quique, y la verdad que no entiendo para que tanta tabla para colocar una imagen seccionada. Pero en el IE se ve bien :?. He mirado un poco el codigo por encima y creo que tienes una tabla ajustada por porcentaje, puede que sea eso.

 

Lo que debes de hacer es borrar los anchos de las tablas para que se adjusten al diseño.

Abrazos

 

Si cuando usas todo con imagenes (si bien no es como me gusta asi usar todo imagenes) lo mejor es quitar el ancho de las celdas para que fluya todo segun el contenido, saludos

 

"Ademas lo que veo es pura imagen nada de texto"

Mi pregunta es la siguiente..... como hago para no ponerle texto en el Photoshop y despues ponerselo en el Dreamweaver??? Esa es mi gran duda.....

Saludos, Luciano

 

Lo que haces es crear la imagen con o sin texto en PS, lo usaras solo como referencia si lo pones para ver el diseño en un todo. Luego cuando generes los cortes ocultas lo textos asi tendras lo que sera el fondo de la celda y div si usas CSS.
Ese fondo lo colocas en tus celdas y escribes normal en DW.

Justo hace un rato hemos posteado la primer parte de un tutorial de diseño y maquetacion web

<a href="http://www.solophotoshop.com/Tutorial-Disenio-de-Interfases-WEB-1-c-205.html" target="_blank">http://www.solophotoshop.com/Tutorial-Dise...EB-1-c-205.html</a>

 

Gracias Quique, la plantilla la haga sin problemas ya que "algo de photoshop se", el problema empieza cuando tengo que empezar a utilizar los slice y despues ponerla el diseño en dreamweaver, ya que no encuentro la manera de a mi diseño limpio agregarle texto y otras cosas encima.

Hasta ahora lo poco que pude averiguar es que cuando pasas el diseño a dreamweaver tenes que poner la imagenes resultantes como fondo de tabla, creo que es así no ??

les muestro el diseño, a ver si les gusta, hasta ese punto llegué.

<img src="http://i24.photobucket.com/albums/c14/lucianorossi/gelufinal-martes.jpg" border="0" alt="Imagen IPB" />

Saludos, Luciano.

 

Luciano, bueno en los colores con degrade cortaras una imagen de 2 o 3 px de ancho y ponerla de fondo de las celdas (o del CSS). En cambio en los colores planos usas solo ese color como fondo.
Como la imagen esta de fondo DW te permitira escribir sobre el claro no pongas la imagen dentro de la celda porque ahi ocupa el lugar que deberia llevar el texto debe ser FONDO.

Dime si entiendes hasta ahi o veo de darme tiempo de avanzar un poco y pegarte algunas capturas

 

<!--quoteo(post=94209:date=Apr 6 2006, 04:37 PM:name=elQuique)--><div class='quotetop'>CITA(elQuique @ Apr 6 2006, 04:37 PM) [snapback]94209[/snapback]</div><div class='quotemain'><!--quotec-->
Luciano, bueno en los colores con degrade cortaras una imagen de 2 o 3 px de ancho y ponerla de fondo de las celdas (o del CSS). En cambio en los colores planos usas solo ese color como fondo.
Como la imagen esta de fondo DW te permitira escribir sobre el claro no pongas la imagen dentro de la celda porque ahi ocupa el lugar que deberia llevar el texto debe ser FONDO.

Dime si entiendes hasta ahi o veo de darme tiempo de avanzar un poco y pegarte algunas capturas
<!--QuoteEnd--></div><!--QuoteEEnd-->


Maso menos no entiendo mucho.... igual agradezco tu esfuerzo por darme una mano.

Si me lo explicas mas detallado me haces un favor enorme.

Gracias, Quique.

 

Quique, la verdad es que se me hace muy complejo entender la forma de pasar de Photoshop a Dreamweaver....

Te hago una pregunta, en solophotoshop.com en los tutoriales de Diseños de interfaces que se estan haciendo van a poner como poner el diseño en dreamweaver?

Gracias, y disculpá que moleste tanto.

 

Si luciano eso es lo que sigue solo que el editor de ese tuto se atraso un poco (yo jaja) anduve con dolor en la masa encefalica y como veras en mi avatar eso es un grannn !!! problema

 

Gracias, muchas gracias Quique.

Espero alguna vez poder ayudarte en algo que necesites y que yo sepa.


Saludos, Luciano