Como passar um layout do Photoshop para xHTML/CSS (parte 1)
Neste tutorial você os detalhes de como transformar um layout do photoshop (ou qualquer outro programa) para xHTML válido, seguindo os padrões mais atuais da web. Nesta primeira parte abordo somente a parte de xHTML, já na segunda pretendo abordar os detalhes de como fatirar o layout e usar CSS para deixar o visual o mais parecido possível com o proposto.
Como passar um layout do Photoshop para xHTML/CSS (parte 1)
PSD para xHTML/CSS – parte 1 from Tutorial City on Vimeo.
20 Comentários para “Como passar um layout do Photoshop para xHTML/CSS (parte 1)”
28 de junho de 2009, domingo às 17:53
Hahahaha era disso que eu precisava muito bom viu ^^
28 de junho de 2009, domingo às 18:56
Ainda não assisti, mas parece ótimo! Parabéns!
1 de julho de 2009, quarta-feira às 21:41
muito bom! parabéns
5 de julho de 2009, domingo às 16:45
Muito boa video aula, bem detalhado. No caso do formulário , vc poderia tbm utilizar em vez do parágrafo, tag para o formulário, como fieldset, e label. E tbm você poderia usar nos elementos da #barralateral, utilizar class nos box’s, se quiser especificar em um terminado box, poderia utilizar classes múltiplas. São apenas sugestões.
obs.: O audio da video aula tava muito baixo, já tive esse problema, pensei q era o microfone, mas era na captação do microfone, bastou regular ele q ficou melhor.
abrs
5 de julho de 2009, domingo às 18:51
Muito bom brother parabens pela iniciativa. Belo trabalho.
E a 2º parte sai quando.?/
Abraço.
8 de julho de 2009, quarta-feira às 1:57
simplismente show de bola….
Gostei muuuuuuiito
Parabéns!!!
9 de julho de 2009, quinta-feira às 21:02
Qual theme você usou para deixar o Aptana com essas cores?
Ficou muito boa a vídeo aula, parabéns. #clap
Abraços.
9 de julho de 2009, quinta-feira às 22:06
ppow ai gostei pra caramba…. continue assim…
blz um abraço…
17 de julho de 2009, sexta-feira às 16:50
Amei e já repassei bju
18 de julho de 2009, sábado às 20:59
muito boa aula, quando sai a segunda parte ???/
ta de parabens..
22 de julho de 2009, quarta-feira às 14:26
@#5, @#10
Sai assim que eu arrumar um microfone. O meu deu problema e estou apra pegar outro. Fiquem ligados!
@#7
Peguei nesse link(http://gueschla.com/labs/green-chaud/) e fiz algumas modificações.
27 de julho de 2009, segunda-feira às 0:13
Parabéns! Estou na espectativa da parte 2!
29 de julho de 2009, quarta-feira às 1:53
A questão… quando vem a proxima parte?!..
.
Parabens pela aula!..
2 de agosto de 2009, domingo às 23:13
@#12,#13
Muito breve! fiquem ligados porque a segunda parte vai ser muito legal e informativa
Pra conferir assim que ela sair, assine o feed.
Abraços.
3 de agosto de 2009, segunda-feira às 17:48
Mto legal a video aula. Parabéns, porém estou muito ansioso pela segunda parte. Saí quando?
Por favor nao demore, pois será muito útil!
5 de agosto de 2009, quarta-feira às 22:13
Justamente do que eu estava precisando.
=)
Exepcional como sempre.
13 de agosto de 2009, quinta-feira às 10:30
Caramba, muitoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo louco!
Acho que agora a coisa funfa… =D
Thanxxxxxxxxx
14 de agosto de 2009, sexta-feira às 10:29
Cade a segunda parte amigo? Estou esperando faz um tempão!
14 de agosto de 2009, sexta-feira às 19:21
Tutorial simplesmente perfeito!
Já assinei o Feed, agora estou a espera da segunda parte!
Parabéns!
10 de outubro de 2009, sábado às 1:13
Muito Bom !!! Vou acompanhar os outros dois tutoriais e estou assinando sua lista !!!
Deixe seu comentário!