Como convertir un PSD a XHTML y CSS


Desde Cristalab nos traen estos dos tres cinco seis siete maravillosos videos totalmente en español y muy bien explicados que nos enseñan a maquetar nuestros diseños en XHTML y CSS desde un archivo PSD (Photoshop).

Muy útil para los diseñadores que se quedan estancados a la hora de maquetar sus diseños.

Estos maravillosos videos han sido realizados por @raymicha. Cualquier duda sobre los videos puedes comunicarte con ella mediante su perfil en Twitter.

Cómo convertir PSD de Photoshop a CSS y XHTML, parte 1

Convertir PSD a CSS y XHTML, parte 2.1

Convertir PSD en HTML, parte 2.2

PSD a XHTML y CSS, Parte 3.1

PSD a XHTML y CSS, Parte 3.2

Convertir PSD a CSS y XHTML, parte 4

Convertir PSD a CSS y XHTML, parte 5

0 Comentarios en “Como convertir un PSD a XHTML y CSS”

  • Muy bien.

    la voz si esta cansona, pero te aguanto, jajajaja.

    SIgue haciendo tutos muy bien.

  • Pingback: Como convertir un PSD a XHTML y CSS | Trazos Web :: La Gaceta del Norte()

  • Pingback: Como convertir un PSD a XHTML y CSS | Trazos Web()

  • Bueno, ahora me pillas currando, pero en casa lo veré detenidamente.
    Tiene muy buena pinta.

  • Daniel

    Hola quisiera ayuda ,es muy claro e ilustrativo el tutorial para aquellos que solo diseñamos bien pero nada funcional, y comenzamos a aprender web mi pregunta es como puedo hacer mi pagina ya uqe tiene una maquetación diferente a lo “tradicional” osea siento q no se basa tanto en rectangulos y cuadros no se si me explique ,,,me gustaria q la pudieran ver y darme su opinion

  • Hola
    Estos tutoriales estan muy bien, si alguien necesita ayuda también existe PSDaWEB, una empresa de maquetación.

  • romina

    hola buenisimo el tutorial…hace tiempo que buscabab esto….al fin mil gracias!!!!!!…la Cuarta parte del video donde trabajas con css???esta???espero respuestas

    • Hola Romina!
      Ya actualicé el artículo con los dos últimos videos de @raymicha. Cualquier duda sobre los videos dirígete al twitter de ella.
      Hasta Luego!

      • romina

        hola gracias !!! estoy siguiendo los videos Expectaculares…me registre en twiter pero como es en ingles ..que se yo ..creo q la pude agregar a raymicha..pero nose si me puedo contactar con ella..o si hay una manera de escribirle desde twiter..esperare a ver q pasa…Porque hay una parte en el video q no entiendo y me gustaria hacerle esa consulta..Como puedo hacer???miles de gracias

  • Esta debe ser la pregunta del millon, recuerdo hace mucho cuando compraba templates en template monster siempre tenia este problemas de que tenia los PSD y no los sabia cortar ni pasar a HTML… Muchisimas gracias por compartir estos videos me van a ser de gran ayuda 🙂

  • Muy util y didactico, me los estoy viendo todos. Muchas gracias.

  • Menos mal que no está todo en los videos. Hay muchos problemas que surgen y hay que resolverlos maquetando.

    Son unos buenos videos para iniciarse