Cómo convertir tu creación PSD a XHTML en un par de minutos!

Este es un truco sencillo para photoshop y que sólo puede poner en práctica en la actualidad. La conversión de su PSD en xHTML es simplemente una cuestión de generar una CSS y la adición de un archivo HTML a ella o simplemente generar directamente como xHTML. Vamos a echar un vistazo en un enfoque paso a paso.

El truco es simple y es ideal para apoyar un diseñador como muchos de nosotros que no son programadores expertos. Para convertir un diseño a un CSS es tal vez la forma más fácil para un sitio con muchas páginas. xHTML también es una opción viable.

Ambos son igualmente fáciles de hacer. Lo que hay que hacer primero es no utilizar tablas que son a menudo difícil y cuyo código es mucho mayor. Sé simple, el usuario será agradezco. Esto es simplemente una más altos estándares de diseño web y utiliza menos código

. Paso 1: Abra el diseño en Photoshop. Se debe trabajar para versiones anteriores

. Paso 2: Definir los cortes (rebanadas). Aquí es importante para reducir los elementos a utilizar en su web utilizando los "cortes" (acceso directo K) con los recortes que queremos dibujar lo hace photoshop

Paso 3:.

Haga clic en la etiqueta de cada corte y poner un nombre significativo. Esto le ayudará a entender mejor el código una vez convertida en CSS. Trate de recordar para poner nombres a todos los elementos de diseño

Paso 4:. Repita la operación con todos los cortes. De esta manera nos aseguramos de que el código se puede obtener una mejor comprensión. Si eres un desarrollador sea más familiarizado con el lenguaje de programación. Pero si usted es un diseñador como yo, es más fácil si utilizamos una forma temprana de entender el código más fácilmente.

Después de todo un diseñador web termina de aprender un poco de todos los códigos y el lenguaje utilizados en todo el mundo

Paso 5:. Guardar para Web y dispositivos. Ahora usted tiene todo listo, haga clic en "Archivo y Guardar para Web y dispositivos" y seleccionar todo SLICER aquí o cortar y haga clic en GUARDAR

Paso 6:. Ajustes: Personalizar. Esto abre una pantalla donde se le pregunta en la que desea guardar su trabajo. Antes de pulsar el botón Guardar, haga clic en la parte inferior del cuadro de diálogo Configuración y seleccione CUSTOM

Paso 7:.

Seleccione "Generar CSS". Navegue a través de las pantallas de selección de 2 cosas: Exportar como (X) HTML y CSS Generar dependiendo de lo que necesite. Este lugar de generar un código con