Y aquí esta la continuación del segundo capítulo de "Así las armamos en español". Serie de videotutoriales en los que mostrare como maquetar un diseño en XHTML con CSS desde un archivo fuente PSD de Photoshop.
En esta parte nos enfocaremos la estructura en XHTML. Revisaremos primero la parte visual de nuestra plantilla en Photoshop y, en base a esta, armaremos el XHTML.
Así las armamos en español: Estructura Visual y Armado de XHTML
No olviden dejar sus comentarios y sugerencias por aquí en Cristalab o siguiéndome a través de twitter @raymicha. En el siguiente capitulo nos vamos a dedicar de lleno al CSS.
Yo hice trampa y me lo via al medio dia en vimeo , me gusto bastante este vìdeo . Me impresiono la manera tan rápida en la que armaste el código HTML Por:psycho-vnz
psycho-vnz :
Yo hice trampa y me lo via al medio dia en vimeo , me gusto bastante este vìdeo . Me impresiono la manera tan rápida en la que armaste el código HTML
es una mescla entre practica y el text expander *sonrisa de oreja a oreja Por:micha
HaHaHa..! Ya he agregado todo lo necesario para que esto pase a portada. Solo queda esperar la luz verde de alguien mas arriba.
Geniales los videos... Esperemos que la serie se mantenga en pie mucho tiempo mas y que perdure este excelente ritmo. Yay! Por:M@U
Y ya está en portada. Una excelente serie, micha. Por:Freddie
Buenas.
Interesantes tutos, siempre es genial ver esta clase de ayuda en Español.
Puedo preguntar que opinión te merecen plug-ins o aplicaciones como <a href="http://www.medialab.com/sitegrinder/">sitegrinder</a>?. Crees que vale la pena su uso o quizás sería sacrificar flexibilidad a la hora de añadir CSS o JS en aras de ganar tiempo.
En el titulo de este post dice "parte 3", en el titulo del video dice "Capitulo 2: parte II". Y el link al cpaitulo 1 dice parte 1, y al capitulo 2 parte 1, dice parte 2. En rigor está bien, pero confunde Por:danyrik
excelente... ya espero la siguiente parte del tuto gracias se pone emocionante Por:mktmarco
[quote="danyrik-blog"]En el titulo de este post dice "parte 3", en el titulo del video dice "Capitulo 2: parte II". Y el link al cpaitulo 1 dice parte 1, y al capitulo 2 parte 1, dice parte 2. En rigor está bien, pero confunde [/quote
Por:micha
danyrik-blog :
En el titulo de este post dice "parte 3", en el titulo del video dice "Capitulo 2: parte II". Y el link al cpaitulo 1 dice parte 1, y al capitulo 2 parte 1, dice parte 2. En rigor está bien, pero confunde
Tu hazle caso a la numeración de Cristalab, es la que menos dolor de cabeza da. Por:Freddie
Buen trabajo @micha. Por:elchininet
Freddie :
danyrik-blog :
En el titulo de este post dice "parte 3", en el titulo del video dice "Capitulo 2: parte II". Y el link al cpaitulo 1 dice parte 1, y al capitulo 2 parte 1, dice parte 2. En rigor está bien, pero confunde
Tu hazle caso a la numeración de Cristalab, es la que menos dolor de cabeza da.
Que puedo decir, debo respetar muchas de las cosas que el autor originalmente escribió.
En un principio, era mas que evidente había un copy/paste del episodio anterior. El texto fue el mismo, inclusive el link hacia el primer episodio. ¿Ataco al problema de frente? Por:M@U
Esperando el siguiente tuto. Saludos!!! Por:zast-blog
Excelente manera de explicarlo!!!
Muchisimas felicidades nena
Realmente sencillo de explicarlo para que cualquier persona lo pueda entender con facilidad. Por:daz_angie
Woww. Me sorprende la facilidad para esplicar. por cierto me gusta tu mac.. Muy buen tutorial y te felicito por la calidad de tu material como siempre estare al pendiente de tu proximo tutorial.. Por:UYZFOP21
Cuando sale el proximo capitulo Por:thesk-blog
Aun no ha salido la parte 4 ? Por:Toni-blog
Doctora Raymicha, como dice una canción...!! no pares, sigue sigue !!! Por:Emilio-blog
Está pero muy bien esto... Uno de los mejores tutos que he visto en cristalab... Ya se lo recomendé a un par de amigos que quieren meterse en el mundo del CSS, como complemento a los tutos de html.conclase.net...
EEEEEEEEENNNTOONCESSSSSSSSSSSSS ESTO LO SABE TODO EL MUNDO Por:palote-blog
excelente... gracias por compartirlo! Por:gordoadixion
Muy bueno el tuto! me has aclarado muchas de mis dudas.
¿Para cuando el próximo de css? Por:Jose-blog
Hola un saludo la verdad muy bueno los tutos aprendi mucho y me quede picado asi que porfa saca cuanto antes la continuacion con lo del css...
un saludo Por:daniel Batista-blog
Hola micha, excelente videoserie y si me permites, tienes una voz muy agradable... los casi 30 min que dura el video pasan como si fueran 3
Por cierto, una alternativa al textexpander, aunque imagino que no tan pulida, es el plugin QuickText de Notepad++...
Saludos! Por:Bill-blog
hay no mames que padre i love raymiiii Por:Sergio Valle-blog
Excelentes videotutoriales.
Muchísimas gracias =)
Esperando con ansias los próximos videos.
Saludos. Por:Mcperson-blog
Mil gracias, Muy comodo dar este gran paso(para mi) de la mano de tus videotutoriales.. espero la proxima entrega y GRACIAS , GRACIAS , GRACIAS. Por:Arturi-blog
ya salio el siguiente capitulo lo pueden ver por aqui Convertir PSD en XHTML/CSS parte 4 mil gracias a todos por sus comentarios!!! Por:micha
Me parecio un buen tutorial, muchas gracicas por el aporte Por:Xero-s-blog
como activaste el autocompletar en notepad++? quiero algo q funcione como lo que usa micha pero en pc. alguna recomendación?
gracias! Por:miguelb2-blog
miguelb2-blog :
como activaste el autocompletar en notepad++? quiero algo q funcione como lo que usa micha pero en pc. alguna recomendación?
gracias!
si te refieres al text expander simplemente instalalo y funciona en cualkier editor de texto Por:micha
Hola antetodo muchas gracias por los video, mi pregunta es como creaste tu archivo .html porfavor quitame esa es mi duda tremenda.
escribeme a mi correo si fueras tan amable waldir_hd@hotmail.com Por:rompecodigos
Me encantan tus videotutoriales!! : )
Estoy haciendo un curso de páginas web, y recién empecé el proyecto final de carrera que incluye un par de páginas web, y estoy aprendiendo muchísimo con estos tutoriales...
MUCHÍSIMAS GRACIAS!!! Por:Gerard-blog
buenisimo el tutorial,,,una consulta el "coda" es grauito, viene en las mac o se debe comprar??
Gracias Por:Francisco-blog
Francisco-blog :
buenisimo el tutorial,,,una consulta el "coda" es grauito, viene en las mac o se debe comprar?? Gracias
desafortunadamente el coda no es gratuito, vale 100 dolares Por:micha
hola me registre aca solo para ver tus videos
preguntas:
donde estudiaste?
hay algo parecido al coda en windows?
gracias y bueno te felicito por como manejas el html,css etc
css
html
photoshop
xhtml
videotutorial
, me gusto bastante este vìdeo 
.
