Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   Diseño web (http://www.forosdelweb.com/f91/)
-   -   Diseño web con photoshop (http://www.forosdelweb.com/f91/diseno-web-con-photoshop-534625/)

gastro 20/11/2007 12:59
Diseño web con photoshop
 
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 20/11/2007 13:32
Re: Diseño web con photoshop
 
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 20/11/2007 14:16
Re: Diseño web con photoshop
 
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 20/11/2007 16:32
Re: Diseño web con photoshop
 
bueno ese es un lio trabajar con celdas jejeje yo x eso trabajo con tablas dentro de las celdas

gastro 21/11/2007 14:05
Re: Diseño web con photoshop
 
Y no hay ninguna forma de ponerle un tamaño fijo a las celdas para k no se deformen¿?

bernardo 22/11/2007 04:46
Re: Diseño web con photoshop
 
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 23/11/2007 03:35
PHP y <div>
 
Pregunta, ¿alguien tiene experiencia con PHP y <div>?

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

omegafunky 23/11/2007 11:05
Re: Diseño web con photoshop
 
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


La zona horaria es GMT -6. Ahora son las 06:25.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.