Diseño web con photoshop

gastro · #1 (**permalink**) 20/11/2007, 12:59

Hola a todos,
estoy haciendo un diseño web con photoshop, lo he terminado y separado con la herramienta sector y el problema es que las tablas me las guarda con imágenes y no se puede escribir encima.¿Hay alguna forma de solucionarlo?

omegafunky · #2 (**permalink**) 20/11/2007, 13:32

veamos hiciste el diseño de una tabla y kieres meterle texto desde el dreamweaver supongo nop? mira eso no se puede, tienes k trabajar el diseño (imagenes) x separado y tu texto, contenido editable y demas x separado, puedes cortar el diseño de tu tabla e irla armando en el editor pero sera algo un tanto laborioso, saludos

gastro · #3 (**permalink**) 20/11/2007, 14:16

Bueno, ya lo solucione, poniendo la imagen de cada celda de fondo, pero ahora tengo el problema, de que cuando quiero mover una celda se me deforman todas las demas.¿Hay alguna forma de independizararlas?

Ahi esta el codigo de la pagina por si hace falta:

Código:

<html>
<head>
  <title>todo</title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
</head>
<body leftmargin="0" topmargin="0"
 style="background-color: rgb(255, 255, 255); background-image: url(Images/todo_01.gif);"
 marginheight="0" marginwidth="0">
<!-- ImageReady Slices (todo.psd) -->
<table id="Tabla_01" border="0" cellpadding="0"
 cellspacing="0" height="1001" width="901">
  <tbody>
    <tr>
      <td colspan="9"> <img src="Images/todo_01.gif"
 alt="" height="58" width="842"></td>
      <td rowspan="14"> <img src="Images/todo_02.gif"
 alt="" height="1000" width="58"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="58" width="1"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td rowspan="13"> <img src="Images/todo_03.gif"
 alt="" height="942" width="64"></td>
      <td colspan="3"> <img src="Images/todo_04.gif"
 alt="" height="98" width="564"></td>
      <td> <img src="Images/todo_05.gif" alt=""
 height="98" width="88"></td>
      <td> <img src="Images/todo_06.gif" alt=""
 height="98" width="16"></td>
      <td colspan="2"> <img src="Images/todo_07.gif"
 alt="" height="98" width="89"></td>
      <td> <img src="Images/todo_08.gif" alt=""
 height="98" width="21"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="98" width="1"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td colspan="1" rowspan="8"
 style="text-align: center;" alt=""
 background="Images/todo_09.gif" height="56" width="194"><img
 style="width: 96px; height: 49px;" alt=""
 src="Images/menu.gif"><br>
      <br>
      <img style="width: 129px; height: 31px;" alt=""
 src="Images/quienes_somos.gif"><br>
      <br>
      <img style="width: 128px; height: 30px;" alt=""
 src="Images/cursos_de_cata.gif"><br>
      <br>
      <img style="width: 72px; height: 30px;" alt=""
 src="Images/enlaces.gif"><br>
      <br>
      <img style="width: 128px; height: 24px;" alt=""
 src="Images/otros_servicios.gif"><br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      <br>
      </td>
      <td rowspan="10" alt=""
 background="Images/todo_14.gif" height="732" width="88"></td>
      <td colspan="4" rowspan="2" alt=""
 background="Images/todo_14.gif" height="74" width="416"></td>
      <td colspan="2" rowspan="10" alt=""
 background="Images/todo_14.gif" height="732" width="80"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="56" width="1"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td> <img src="Images/espacio.gif" alt=""
 height="18" width="1"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td style="text-align: center;" colspan="4"
 rowspan="1" background="Images/todo_14.gif"><span
 style="font-weight: bold; text-decoration: underline;">Bienvenidos
a Gozav&iacute;n</span></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td colspan="4" rowspan="1"
 background="Images/todo_14.gif"><br>
      <div style="text-align: center;"><span
 style="font-style: italic;">Bienvenidos a la
p&aacute;gina oficial de Gozav&iacute;n</span><br>
      </div>
      <br>
      </td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td colspan="4" rowspan="5" alt=""
 background="Images/todo_14.gif" height="562" width="416"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="43" width="1"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td> <img src="Images/espacio.gif" alt=""
 height="68" width="1"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td alt="" background="Images/todo_09.gif"
 height="59" width="1"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td alt="" background="Images/todo_09.gif"
 height="65" width="1"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td rowspan="2" alt=""
 background="Images/todo_09.gif" height="423" width="194"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="327" width="1"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td colspan="4" alt=""
 background="Images/todo_14.gif" height="96" width="416"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="96" width="1"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td colspan="8"> <img src="Images/todo_20.gif"
 alt="" height="50" width="778"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="50" width="1"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td colspan="8"> <img src="Images/todo_21.gif"
 alt="" height="62" width="778"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="62" width="1"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td> <img src="Images/espacio.gif" alt=""
 height="1" width="64"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="1" width="194"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="1" width="88"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="1" width="282"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="1" width="88"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="1" width="16"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="1" width="30"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="1" width="59"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="1" width="21"></td>
      <td> <img src="Images/espacio.gif" alt=""
 height="1" width="58"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

omegafunky · #4 (**permalink**) 20/11/2007, 16:32

bueno ese es un lio trabajar con celdas jejeje yo x eso trabajo con tablas dentro de las celdas

gastro · #5 (**permalink**) 21/11/2007, 14:05

Y no hay ninguna forma de ponerle un tamaño fijo a las celdas para k no se deformen¿?

bernardo · #6 (**permalink**) 22/11/2007, 04:46

Buenas para empezar en el diseño de páginas web no está mal este método, pero sinceramente, te recomiendo que dejes las tablas y maquetes la web con CSS.

Al principio te costará, pero es mucho mejor, el código es más limpio...

Nestea_Zen · #7 (**permalink**) 23/11/2007, 03:35

Pregunta, ¿alguien tiene experiencia con PHP y <div>?

bernardo
Tablas son más complicadas que <div>. :) O cuestan más trabajo.

omegafunky · #8 (**permalink**) 23/11/2007, 11:05

checa esto para que te des una idea y ya me dices si te ayudo y ps con php puedes usar de todo, recuerda k php solo es un lenguaje para mandar y traer datos, mi sugerencia es k te vayas metiendo al CSS salududo y checa los links k te dejo suerte

link1
link2
link3