Boa tarde Pessoal, gostaria de saber se existe algum curso aqui no alura que ensina passar o layout do photoshop ou outro programa para o css.. o famoso fatiar.
Eu tenho essa duvida e gostaria de saber.
0brigado
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Boa tarde Pessoal, gostaria de saber se existe algum curso aqui no alura que ensina passar o layout do photoshop ou outro programa para o css.. o famoso fatiar.
Eu tenho essa duvida e gostaria de saber.
0brigado
Passa manualmente ou automaticamente ? Não entendi muito bem sua dúvida.
http://chocoladesign.com/tutorial-fatiando-e-exportando-um-template-no-photoshop
tipo esse exemplo ai.. pegar um layout pronto e transferir ele para o css e html.. manualmente no caso.
Obrigado!
Pelo que eu entendi, ele apenas cortou as imagens, como qualquer outro programa, mas na hora de exportar(não salvar), apenas mudou para Html(que também é css).
Não há nenhum curso especifico sobre isso aqui na Alura xD
Essa prática já não se faz a muito tempo.
e qual seria a prática atual Leandro??
No Photoshop se cria o layout (referência) e depois se monta o código html/css, mas não fatiar o layout e exportar, porque ele vai exportar imagens, ou os antigos botões que eram feitos (exemplo) e hoje em dia se faz apenas com css.
Quanto menos imagens mais "leve" o site. Além de o código gerado não ser dos melhores, assim de forma automática.
Certo.. existe algum tutorial pra aprender a fazer isso ? ou até mesmo vídeo aula?
Obrigado pelas respostas.
Sim... As carreiras de Front end pra aprender sobre HTML/CSS https://cursos.alura.com.br/career/desenvolvedor-front-end
E a carreira de Web Design, que ensina a fazer layouts no photoshop/illustrator... https://cursos.alura.com.br/career/design-web-junior
O mais comum é isso.. Você faz o design que você quer no photoshop/illustrator, e depois aplica isso no teu site. Por exemplo, vc fez um banner no Photoshop, ai você vai ver o tamanho dele, e aplicar no html/css com seus devidos códigos.
valeu nikolai