Photoshop: exportar psd a html/css
Resuelto
Usuario anónimo
-
malikalalmas -
malikalalmas -
Hola,
¿cómo se puede exportar un archivo psd a html y css? Trabajo con Photoshop CS4 o exportarlo en Adobe Dreamweaver CS4
--
~~~~~>>>MaximE<<<~~~~~
PeX 0.5 el 20 de mayo de 2009
¿cómo se puede exportar un archivo psd a html y css? Trabajo con Photoshop CS4 o exportarlo en Adobe Dreamweaver CS4
--
~~~~~>>>MaximE<<<~~~~~
PeX 0.5 el 20 de mayo de 2009
Configuración: Windows XP Firefox 3.0.7
6 respuestas
-
Hola.
Bueno, con Photoshop puedes exportar tu diseño en HTML para luego poder codificar "encima", y este diseño será una especie de fondo para tu sitio.
Para exportar este diseño, primero debes cortarlo. Usas la herramienta de corte, etc.
Luego, para exportarlo, puedes elegir ya sea en forma de tabla o en forma dey CSS.
1/ Abre tu PSD con Photoshop
2/ Ve a archivo/Guardar para web
3/ En la nueva ventana que se ha abierto, a la derecha, debajo de los tres botones "Guardar, Cancelar, Terminar", tienes un campo de parámetros. (es una lista desplegable).
A la derecha de esta lista desplegable, hay una pequeña flecha doble, así: >>
Haz clic en ella, y luego elige "Modificar los parámetros de salida"
4/ Debajo de la lista desplegable de parámetros, hay otra lista desplegable, en esta elige "Cortes".
5/ En la sección "Salida del corte", haces clic en el botón de opción "Generar CSS"
Luego, tienes 3 opciones para la lista desplegable "Referencia".
Si eliges "por ID", tu página HTML será así:
<head>
<style>
#banner{
height:776px;
.......
}
</style>
</head>
<body>
<div id="banner">
tu imagen de banner...
</div>
</body>
Por otro lado, si eliges "por Inserción", tu página será así:
<head>
</head>
<body>
<div style="height:776px; ...">
tu imagen de banner..
</div>
</body>
Y "por categoría", no recuerdo, pero puedes probar, ¡saludos!
