Conversión de PSD a HTML (con texto) [cerrado]

StackOverflow https://stackoverflow.com/questions/646280

  •  22-07-2019
  •  | 
  •  

Pregunta

Acabo de descargar una plantilla de sitio web que está en formato .PSD. Realicé los cambios a través de Photoshop, configuré los empalmes y luego hice clic en "Guardar para dispositivos web".

Exporto el sitio web y obtengo el directorio de imágenes y el archivo html. Todo bien hasta ahora.

A continuación, abro el archivo html con dreamweaver.

Mi pregunta es cuál es el mejor método para crear el contenido de texto del sitio. Todas las imágenes están incrustadas en parte de una tabla, es decir, 

<tr>
    <td colspan="2" rowspan="8">
    <img src="images/storage.jpg" width="28" height="118" alt=""></td>
    <td colspan="4" rowspan="5">
    <img src="images/index_39.jpg" width="125" height="75" alt=""></td>
    <td colspan="4" rowspan="8">
    <img src="images/storage-41.jpg" width="81" height="118" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>

Configuré la imagen como fondo para el elemento de la tabla, sin embargo, me pregunto cuál sería el mejor método para crear el texto, es decir, crear una tabla en una tabla, o div, etc. No sé demasiado sobre CSS, así que si tienes un ejemplo, te lo agradecería

Además, ¿existen herramientas / sitios web que lo hagan automáticamente por usted?

Gracias

¿Fue útil?

Solución

¿Su plantilla solo vino con un archivo PSD?

Normalmente, el archivo PSD le permite editar la parte gráfica y luego guardar las imágenes que necesita para volver a colocarlas en HTML, en lugar de generar HTML directamente desde la PSD.

Dado que solicitó la mejor forma de hacerlo, le daré una respuesta según mi opinión.

Usar tablas para el diseño no es una buena forma de diseñar páginas web.

Las tablas deben usarse para datos tabulares.

Debe colocar contenido en HTML y usar CSS para el diseño / presentación.

Si desea aprender sobre CSS, le sugiero lo siguiente:

Si tiene una Mac, le recomiendo descargar y probar CSSEdit. Para una PC, Visual Studio 2008 también tiene un buen editor de CSS.

Otros consejos

Creo que comenzar con Photoshop para crear un sitio web no es la mejor manera, como puede ver en su marcado. Comience por aprender algunos tutoriales simples, conociendo los elementos básicos html, también para crear el marcado principal para el estilo del sitio (a menudo con elementos div). Después de esto, ingrese sus gráficos deseados a mano. Esto termina en un sitio web mucho más fácil de mantener.

Si no desea obtener detalles, puede enviar su psd a un servicio como http: //www.psd2html .com / . Lo hacen por dinero ...

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top