Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Danpanda

[Resolvido] Passar Design para HTML

Recommended Posts

Olá galera,

 

Estou com um pequeno problema, tenho um layout feito, de um portfólio, feito no photoshop e queria passar esse layout para HTML, manjo de html e um pouco de dreamweaver, mas gostaria de saber qual o método mais utilizado para transição do layout para o HTML, estava fazendo no famoso método corta e cola, mas apareceu algumas dificculdades, alem de ser mto trabalhoso, gostaria de saber dos profissionais de WEB, como eles fazem essas transições..

 

Obrigado,

 

Danilo H. Siqueira

Compartilhar este post


Link para o post
Compartilhar em outros sites

1º fatie seu layout usando a ferramenta Slice (k)

defina as caixas de texto, os cortes nas imagens e etc...

 

2º selecione File >> Save for web

escolha a qualidade e a extensão das imagens nas visualizações

 

3º clique em save.... ja proxima janela abrira o local para você gravar as imagens no seu computador e umas opções em baixo

 

 

Nome do arquivo (você deve colcar o nome da página)

Salvar como Tipo: (escolha HTML and Images)

 

Settings: (você escolhe se prefere as imagens como background... ou prefere a página e XHTTML e etc)

Slices: (você pode escolher exportar somente uma fatia do seu layout, algumas fatias ou todas elas)

 

 

______________________________

 

 

pronto... você ja tem seu layout pronto e em html...

 

eu... prefiro montar à mão... ééé.. fatio tudo e monto slice por slice no código...

por que?

o código que o photoshop gera é muito poluido... eu gosto do meu código redondinho sem tags malucas pra dar problemas depois...

mas ai vai de cada um http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Valeu Mezy!

 

Sem palavras, vou fazer agora o teste, acho que também vou fazer slice por slice no meu Dreamweaver..

Agora só preciso Me familiarizar com as tabelas.. =)

 

Brgadão mesmo..

Abrass

Compartilhar este post


Link para o post
Compartilhar em outros sites

Mezy,

 

Fiz os passos que voc indicou na resposta do meu tópico e funfou lindo...

Foi tão fácil, que depois que fiz, fiquei até com vergonha..auhauhauh

Mais uma vez, brigadao!

 

Abrass

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.