Este es el primer capitulo de una serie de videotutoriales para enseñarte a maquetar un diseño en CSS y XHTML desde un archivo fuente PSD en Photoshop.
Esta serie se llamará "Así las armamos en español". Hoy les presento a la famosa plantilla PSD y hablo sobre las partes principales de una web y como esta estructurada.
Así las armamos en español, preparación del .PSD de Photoshop
En el próximo capitulo estará dividido en dos partes: la primera parte organizaremos nuestras carpetas y cortaremos las imágenes que necesitaremos para empezar a maquetar y la segunda ya será empezar con el HTML. No se lo pierdan.
No olviden dejarme sus comentarios y sugerencias a @raymicha
Ya puedes ver la segunda parte: Convertir PSD a CSS y XHTML, parte 2
Por Rándich el 10 de Septiembre de 2009
http://www.vimeo.com/6509085
Por Inyaka el 10 de Septiembre de 2009
pero felicitaciones, por conseguir un template libre esta ves que no te joda por tonteras.
voy a recomendar este video a gente que este iniciandose en esto (para mi ya es demasiado tarde
Por Shorel el 10 de Septiembre de 2009
Por Herrerix el 10 de Septiembre de 2009
aunque esta un pokito cambiadito mi post jojojo bueno ia estare suebiendo el segundo capitulo recomienden el tuto a toda la gente que puedan gracias por sus comentarios
Por Carlangueitor el 10 de Septiembre de 2009
Saludos
Por fessimon el 10 de Septiembre de 2009
Espero los siguentes tutoriales
Por Eduardo el 10 de Septiembre de 2009
cuando aprendí todo esto me toco "a la fuerza".. es bueno ver como se hace la manera profesional.
saludos. recomendare este video y estare pendiente de la continuación.
Eduardo-blog :
ya somos dos io tambein lo tuve que aprender a la mala
Por -george- el 10 de Septiembre de 2009
La verdad es que sabes explicar muy bien.
Felicidades por esto
Estaré esperando los próximos videos.
Ya yo tengo algo de experiencia maquetando y todo, pero igual veré los videos... siempre se aprende algo nuevo
Aunque hay un detalle en este, no se si no lo hiciste así por alguna razón o para efectos de la explicación o si yo estaré errado... Por lo menos en esta página:
http://elmuebleinc.com/
que tiene una estructura un poco similar...
Yo exporté todas las partes del fondo como una sola imagen, excepto el fondo del foot:
http://elmuebleinc.com/css/img/bg.png
Y en el ejemplo lo puse como fondo del body.. aunque podría ser el fondo de un div principal que abarque el head, top y body...
Duilio-blog :
Ya yo tengo algo de experiencia maquetando y todo, pero igual veré los videos... siempre se aprende algo nuevo
Aunque hay un detalle en este, no se si no lo hiciste así por alguna razón o para efectos de la explicación o si yo estaré errado... Por lo menos en esta página:
http://elmuebleinc.com/
que tiene una estructura un poco similar...
Yo exporté todas las partes del fondo como una sola imagen, excepto el fondo del foot:
http://elmuebleinc.com/css/img/bg.png
Y en el ejemplo lo puse como fondo del body.. aunque podría ser el fondo de un div principal que abarque el head, top y body...
esta muy bien tu consulta pero si te das cuenta los fondos de la plantilla con la que io hago el tuto son diferentes porque son texturas tendria que ser algo DEMASIADO preciso o simplemente no podria agarrar una muestra de cualkier tamanio ya que si lo colocara de frente con un background-repeat: repeat-x puede que salga distorsionado. En cambio en tu pagina los fondos son simples colores solidos entonces no importa el tamanio de la muestra que saques siempre va a ser igual.
Y colocarlo en un div principal seria lo mismo que ponerlo en el body porque no le vas a dar un tamanio especifico.
espero halla podido aclarar tu consulta sino sigue preguntando no mas
En el segundo capitulo iba a ser una pequenia aclaracion sobre eso justamente.
Lo interesante del maquetado así como la programación es que hay múltiples formas de resolver una cosa...
y justamente por eso que io busco hacer varios videos con disenios diferentes para ver como va cambiando la manera y que cada uno lo implemente para sus proyectos como mejor le paresca
Por Fox el 11 de Septiembre de 2009
Exitos
Un saludo
Por anRoswell el 12 de Septiembre de 2009
A ver si sale el segundo pronto!!
Por arieljbon el 14 de Septiembre de 2009
Por guso el 14 de Septiembre de 2009
Por pablo el 15 de Septiembre de 2009
Por David Cifuentes el 16 de Septiembre de 2009
Por David Cifuentes el 16 de Septiembre de 2009
Por maximartin el 17 de Septiembre de 2009
maximartin-blog :
he subido otros dos videos aki en el foro aqui te paso los url parte 2 y parte 3
ayudame a difundirlo!!
Nuevamente, te felicito por este magnifico material... Enhorabuena,
Por Joan el 21 de Septiembre de 2009
Por riajiru el 26 de Septiembre de 2009
Tienes un fan nuevo...
Por cierto gracias por el tutorial, lo estaré siguiendo, realmente necesitaba encontrar uno como este... Y está muy bien explicado, gracias nuevamente...
Por Cris el 01 de Octubre de 2009
Por nacho el 16 de Octubre de 2009
gracias
Por Pitrinki el 27 de Octubre de 2009
Por Carlos el 03 de Noviembre de 2009
Por Jaime el 06 de Noviembre de 2009
Por GuatonaLaser el 14 de Noviembre de 2009
Por paoluque el 14 de Noviembre de 2009
Por ju.serey el 17 de Noviembre de 2009
Gracias por compartir tus conocimientos
Por Kenzitron el 19 de Noviembre de 2009
Saludos!
Por kikeriko el 26 de Noviembre de 2009
Por Marco A. el 27 de Noviembre de 2009
Por yeiner el 18 de Febrero de 2010
Quisiera saber si alguien lo ha usado y me lo puede recomendar :
http://www.123photoshop123html.com
Por Iosef.poe el 23 de Marzo de 2010
bye
Por paancaro el 29 de Marzo de 2010
Por Cear el 04 de Abril de 2010
P.D: Que editor usar para trabajar y podrias recomendarme alguno para Windows, por fa, gracias y esperando mas videos.
Por Leonel el 14 de Mayo de 2010
Tengo un sitio que quisiera maquetar, después de ver los vídeos me pareció que eres una buena opción, solo quisiera saber que hago para que veas lo que quiero y me des precio y forma de pago. Mi correo es [email protected]
Saludos,
Leonel
Por Alan R el 16 de Junio de 2010
Por LuizFicer el 23 de Julio de 2010
Muy Bueno el Tuto!!!
Por Evo Morales el 24 de Septiembre de 2010
Por omar angel el 29 de Noviembre de 2010
Por ana el 22 de Diciembre de 2010
Por odportillo el 17 de Marzo de 2011
Bless!
Por Cristhián el 03 de Abril de 2011
Por Judex el 16 de Abril de 2011
Por Creativamen-t el 12 de Mayo de 2011
Gracias
Gracias y un saludo
Por tatanxrock el 07 de Julio de 2011
Por XD el 19 de Julio de 2011
Por sergio el 01 de Agosto de 2011
Por aacm el 13 de Septiembre de 2011
Por mauro650521 el 17 de Octubre de 2011
Por Wachowsky el 06 de Noviembre de 2011
Saludos
Por jenztres el 16 de Noviembre de 2011
Por Romo el 08 de Febrero de 2012
Por Mario Solito el 24 de Febrero de 2012
Por Necronom1coN el 02 de Mayo de 2012
Por XOKER el 15 de Julio de 2012
Por Ruben el 15 de Marzo de 2013
Por mario cotom el 20 de Marzo de 2013