Tutorial: Diseñar una página Web y pasarla a HTML y CSS

Me he encontrado con muchas personas que quieren aprender a diseñar un sitio Web, usando herramientas como Photoshop o Fireworks. Después desean aprender a maquetar un sitio, es decir, pasarlo del archivo de imagen, a código HTML y CSS que un navegador Web puede interpretar. Aunque hay muchas formas de aprender, en mi opinión un tutorial es lo más didáctico que se puede encontrar. Justamente he encontrado uno que nos permite diseñar una página Web y pasarla a HTML y CSS. Esta es la imagen final del sitio que se va a maquetar

diseñar un sitio y pasarlo a html y css

Este tutorial se encuentra en video, y está dividido en 3 partes:

  • Sección 1: Exportando desde Photoshop (PSD)
  • Sección 2: Codificando el sitio (HTML)
  • Sección 3: Añadiendo el CSS

Durante un poco más de una hora puedes ver cómo se realiza esta tarea. El único inconveniente que le veo es que el tutorial está en Inglés, y puede ser un poco confuso para quien no está familiarizado con el idioma. Sin embargo gracias a que es un video, se puede seguir fácilmente. Aquí puedes ver el sitio terminado, con todos los elementos incorporados.

Enlace | Visitar el tutorial

Loading Facebook Comments ...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *