Foros del Web » Creando para Internet » Diseño web »

Diseño web con photoshop

Estas en el tema de Diseño web con photoshop en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 20/11/2007, 12:59
 
Fecha de Ingreso: enero-2006
Mensajes: 94
Antigüedad: 11 años, 10 meses
Puntos: 2
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?
  #2 (permalink)  
Antiguo 20/11/2007, 13:32
Avatar de omegafunky  
Fecha de Ingreso: diciembre-2003
Ubicación: Tabasco, Mexico
Mensajes: 3.534
Antigüedad: 14 años
Puntos: 33
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
__________________
Canon 7D | Canon 5D Mark II | 35mm 1.4L | 135mm 2L | Pocket Wizard Plus III
  #3 (permalink)  
Antiguo 20/11/2007, 14:16
 
Fecha de Ingreso: enero-2006
Mensajes: 94
Antigüedad: 11 años, 10 meses
Puntos: 2
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>
  #4 (permalink)  
Antiguo 20/11/2007, 16:32
Avatar de omegafunky  
Fecha de Ingreso: diciembre-2003
Ubicación: Tabasco, Mexico
Mensajes: 3.534
Antigüedad: 14 años
Puntos: 33
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
__________________
Canon 7D | Canon 5D Mark II | 35mm 1.4L | 135mm 2L | Pocket Wizard Plus III
  #5 (permalink)  
Antiguo 21/11/2007, 14:05
 
Fecha de Ingreso: enero-2006
Mensajes: 94
Antigüedad: 11 años, 10 meses
Puntos: 2
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¿?
  #6 (permalink)  
Antiguo 22/11/2007, 04:46
 
Fecha de Ingreso: junio-2003
Mensajes: 939
Antigüedad: 14 años, 6 meses
Puntos: 8
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...
  #7 (permalink)  
Antiguo 23/11/2007, 03:35
 
Fecha de Ingreso: noviembre-2007
Mensajes: 2
Antigüedad: 10 años
Puntos: 0
PHP y <div>

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

bernardo
Tablas son más complicadas que <div>. :) O cuestan más trabajo.
  #8 (permalink)  
Antiguo 23/11/2007, 11:05
Avatar de omegafunky  
Fecha de Ingreso: diciembre-2003
Ubicación: Tabasco, Mexico
Mensajes: 3.534
Antigüedad: 14 años
Puntos: 33
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
__________________
Canon 7D | Canon 5D Mark II | 35mm 1.4L | 135mm 2L | Pocket Wizard Plus III
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




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