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

PSD a HTML

Estas en el tema de PSD a HTML en el foro de Diseño web en Foros del Web. Buen dia, recien baje una plantilla html y me trae el archivo psd ya se como modificar el psd pero como lo convierto en html ...
  #1 (permalink)  
Antiguo 02/04/2010, 08:31
 
Fecha de Ingreso: enero-2010
Mensajes: 400
Antigüedad: 7 años, 10 meses
Puntos: 6
PSD a HTML

Buen dia, recien baje una plantilla html y me trae el archivo psd
ya se como modificar el psd pero como lo convierto en html ??
Gracias
  #2 (permalink)  
Antiguo 02/04/2010, 12:23
(Desactivado)
 
Fecha de Ingreso: octubre-2008
Ubicación: Lima
Mensajes: 190
Antigüedad: 9 años, 1 mes
Puntos: 3
De acuerdo Respuesta: PSD a HTML

Hola...

aer si esto te ayuda....

1) Bueno abrimos nuestro *.psd o *.jpg, *.bmp,etc, (Si lo tenes hecho por capas anda a Capa>Acoplar Imagen asi las capas se juntaran y formaran una)
2) Seleccionamos la herramienta Sector (K) y vamos a ir seleccionando las partes que seran recortadas, cada recorte que hagamos, se transformaran en tablas con imagenes, les quedara algo asi . . .



3) Bien, ahora vamos a Archivo>Guardar Para Web, podemos eleguir en que formato se van guardar las imagenes, despues le damos en guardar, eleguimos HTML e Imàgenes y listo creara una carpeta llamada 'Imagenes' con las imagenes recortadas y el html.

Fuente: http://www.clubdesarrolladores.com


Espero te sirva... y no me digas que soy mala onde como otro user que intente ayudar y zasss me dice malana onda
  #3 (permalink)  
Antiguo 03/04/2010, 02:10
Avatar de berthely  
Fecha de Ingreso: junio-2008
Ubicación: VHSA Mexico
Mensajes: 453
Antigüedad: 9 años, 6 meses
Puntos: 9
Respuesta: PSD a HTML

Cita:
Iniciado por timz Ver Mensaje
Hola...

aer si esto te ayuda....

1) Bueno abrimos nuestro *.psd o *.jpg, *.bmp,etc, (Si lo tenes hecho por capas anda a Capa>Acoplar Imagen asi las capas se juntaran y formaran una)
2) Seleccionamos la herramienta Sector (K) y vamos a ir seleccionando las partes que seran recortadas, cada recorte que hagamos, se transformaran en tablas con imagenes, les quedara algo asi . . .



3) Bien, ahora vamos a Archivo>Guardar Para Web, podemos eleguir en que formato se van guardar las imagenes, despues le damos en guardar, eleguimos HTML e Imàgenes y listo creara una carpeta llamada 'Imagenes' con las imagenes recortadas y el html.

Fuente: http://www.clubdesarrolladores.com


Espero te sirva... y no me digas que soy mala onde como otro user que intente ayudar y zasss me dice malana onda
4 y subsecuentes..., Crear un archivo y lo guardas como HTML, luego creas una dispocición para utilizar esas imágenes
Código HTML:
Ver original
  1. <!--  Aqui empieza el body-->
  2.    <div id="contenedor">
  3.       <div id="cabeza">
  4.       </div>
  5.       <div id="barra1">
  6.       </div>
  7.       <div id="barra2">
  8.       </div>
  9.       <div id="pie">
  10.       </div>
  11.    </div>
  12. </body>

Ya con el esquema, creas una hoja de estilo y formateas las cajas con los identificadoes "#contenedor, #cabeza, #barra1, y los que ayas usado"

Despues insertas el contenido.

En una forma muy abstracta esa sería la manera de convertir un archivo PSD en HTML, aunque la verdad es algo más complejo. Espero que alla servido de algo.
  #4 (permalink)  
Antiguo 19/04/2011, 00:37
 
Fecha de Ingreso: diciembre-2003
Mensajes: 310
Antigüedad: 14 años
Puntos: 4
Respuesta: PSD a HTML

Hola
Para convertir PSD a HTML lo mejor es que lo hagas de forma profesional con HTML y CSS.
Esto te garantiza que será 100% compatible con todos los navegadores y dispositivos.

busca en google como "psd a html", alli hay muchos sitios donde te enseñan como hacer esto.

Saludos!

Etiquetas: html, psd
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 21:59.