Comunidad de diseño web y desarrollo en internet online

Convertir PSD a CSS y XHTML, parte 2

Por raymicha el 15 de Septiembre de 2009 con 69,956 visitas
HTML, CSS y Javascript Otros tutoriales por raymicha.

Aquí les presento la primera parte del segundo capítulo de la videoserie "Así las armamos en español". Una serie de videotutoriales para enseñarte a maquetar un diseño en CSS y XHTML desde un archivo fuente PSD en Photoshop. En esta parte veremos la organización de carpetas y aprenderemos a cortar nuestras imágenes para estar listos para realizar la estructura de la plantilla en XHTML en la segunda parte.

Recuerda ver el primer capítulo: Cómo convertir PSD de Photoshop a CSS y XHTML, parte 1.

Así las armamos en español: Organizar y cortar los elementos del diseño .PSD

No olviden dejarme sus comentarios y sugerencias por aquí en Cristalab o siguiéndome en twitter @raymicha. Pronto el próximo capítulo.

Envia un comentario (73)

css html photoshop xhtml

«Anterior

1 2 3

51
Por JVirgilio el 04 de Octubre de 2010

Muy buenos videos. Me encantaron, además tu voz, es muy bella.
¿Te casas conmigo?
Na, es broma, sigue así...
52
Por saidor el 05 de Octubre de 2010

Gracias micha, es lo que estaba buscando. el tuto es un lujo y el foro que ha generado es rico y comlementario. Deja or aquí la dirección de tu website para seguir aprendiendo. Gracias otra vez.
53
Por Samuel el 08 de Octubre de 2010

Saludos desde Piura =) Gracias por tu paciencia para explicar cada cosa en este workshop, muy bueno! xoxo!
54
Por historialweb el 14 de Octubre de 2010

Muy buen trabajo. Con el primer capítulo me dejaste loco (aun intento entenderlo ya que no uso photoshop y esto lo solía hacer con fireworks)

Ánimo y apor otros muchos.
55
Por Silvina el 04 de Noviembre de 2010

Te felicito!! muy buenos los tutoriales!
56
Por CLAnonimo el 14 de Noviembre de 2010

raymicha; UNA PREGUNTILLA ERES CHILENA? QUE LINDA VOS TIENES.... Awwwwww

O.O Gracias por los tuts =D
57
Por Santiago el 20 de Diciembre de 2010

Alguien tiene el Table Top Template, que lo pase, por lo menos en los comentarios de vimeo habia alguien que tenia uno parecido pero ya borraron los archivos.
58
Por gm el 06 de Febrero de 2011

Gracias por los 2 videos, te puedo pedir un favor, còmo los paso a .css, para despuès agregarlo a un cms theme Drupal o Joomla. Gracias. gsgthys@hotmail.com
59
Por Isahi Willing el 22 de Febrero de 2011

Oye chequé tu serie de videos y están excelentes, soy novato en esto y tengo una pequeña duda: ¿Qué medida me recomiendas para hacer mi web?
60
Por Joshua el 24 de Febrero de 2011

Felicitaciones, me gusto mucho la forma tan clara y simple como explicas el proceso, tambien trabajo en desarrollo web pero mas en la parte de programacion en la ciudad de Trujillo. Saludos.
61
Por hola el 08 de Marzo de 2011

estoy viendo este video y el anterior....no se si ya este disponible la 2da parte de este video.
y donde la podemos encontrar?

gracias
62
Por Sam el 10 de Abril de 2011

Muy bueno, gracias por el aporte.
Solo una duda. en el minuto 21.40 cuando hablas de
seleccionar una imagen, esta imagen se encuentra en una capa que a su vez tiene algunos efectos. Mi problema es que siguiendo los pasos tal y como lo haces, a mi al seleccionar la capa+copiar(cntrol+c)+nuevo(contrl+n)+pegar(cntrl+v) no me pega la seleccion con los efectos de la capa. ¿Donde tengo el problema?¿Como se soluciona?

Muchas gracias, voy siguiendo todos los videos.

Un saludo
63
Por Ricardo el 30 de Abril de 2011

Estupendos tus video tutoriales,uchas gracias
64
Por Rulnet el 16 de Mayo de 2011

muy bueno espero ansioso tu segunda parte.
65
Por el 31 de Agosto de 2011

te felicito...

un abrazo....
66
Por aacm el 13 de Septiembre de 2011

Hola raymicha, me encanot este videotutorial de asi las armamos en español, me despejo muchas dudas, solo quiero preguntarte como es que ya que tienes los divs en el html y se ven desordenados, como es que les das posición y los atributos necesarios para que aparezcan centrados y en posición y del tamaño que deben, eso no lo explica en el video, se lo salta, yo se que al hacer los slices uqe necesitas en photoshop se gurada para web, la plantilla, dandole la opción de guardar cada slice como "div class" y te da la plantilla, pero queiro saber si haces eso o ademas de hacer eso que haces me gustaria que me ampliaras la información y que seas detallada por favor.

Atentamente: AACM alejandro Cruz
67
Por Rul el 19 de Enero de 2012

Genial tutorial. Recien acabo de empezar con el maquetado web y estoy aprendiendo mucho con tus videos. Están muy bien explicados. Seguiré con los siguientes videos,
68
Por FAUSTORUIZQ el 24 de Enero de 2012

Hola, eres una profesional en toda la palabra, gracias por compartir tu conocimiento.
69
Por oscar andres el 09 de Febrero de 2012

Bueno,... que vos si srs!!! jejeje... hata aca voy muy bn con el tutoria!!
70
Por topart el 08 de Junio de 2012

Muy interesante el tuto, gracias por compartir, para cuando la parte que falta?
graciasssssss
71
Por kevin el 02 de Julio de 2012

Hola soy nuevo aqui.. queria hacerte una pregunta el tamaño de lienzo cual es? es en pixeles?... cual es el recomendado y que tamaño es el mejor para crear una pagina web...
72
Por Iñaki el 28 de Mayo de 2013

Muchas gracias por tu tiempo!! Saludos!
73
Por el 25 de Noviembre de 2015

muy bueno el tutorial

«Anterior

1 2 3

Convertir PSD a CSS y XHTML, parte 2

Así las armamos en español: Organizar y cortar los elementos del diseño .PSD

Publica tu comentario

o puedes...