← HTML + CSS

PSD para HTML

Lida 3654 vezes

Offline

peoplebooks 
Membro
Mensagens 248 Gostos 8
Feedback +2

Troféus totais: 27
Trófeus: (Ver todos)
Apple User Windows User Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2

Boas tardes.
A minha dúvida é como transformar um simples template feito em Photoshop para html ou wordpress.
Existem algumas ferramentas? Pagas ou Grátis ? Ou até mesmo eu o posso fazer?

Esclareçam as minhas dúvidas.

Cumprimentos
Offline

Vitor Teixeira 
Membro
Mensagens 1527 Gostos 9
Feedback +21

Troféus totais: 28
Trófeus: (Ver todos)
Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Ferramentas penso que não há.

Mas existem por ai uns freelancers que o fazem.
Offline

ganha 
Membro
Mensagens 697 Gostos 0
Feedback +1

Troféus totais: 29
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Google: PSD to wordpress
Offline

peoplebooks 
Membro
Mensagens 248 Gostos 8
Feedback +2

Troféus totais: 27
Trófeus: (Ver todos)
Apple User Windows User Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2

mas como é que se faz?
Também gostaria de saber
Offline

Paulo Gil 
Membro
Mensagens 233 Gostos 0
Troféus totais: 25
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 100 Posts

Primeiro tens que passar para html+css depois é que metes lá o php para funcionar tudo no wordpress.
Offline

peoplebooks 
Membro
Mensagens 248 Gostos 8
Feedback +2

Troféus totais: 27
Trófeus: (Ver todos)
Apple User Windows User Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2

e como se passa para html um PSD ?
Offline

dardevelin 
Membro
Mensagens 249 Gostos 0
Troféus totais: 21
Trófeus: (Ver todos)
Linux User Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts

Não precisas de muita coisa basta ires aqui - http://psd2cssonline.com/node/1177 e leres como deves cortar os layers . Depois de sliçados fazes o upload ai, demora um bocadito e depois baixas o tema já em wordpress.

Espero ter ajudado ;)
Offline

mestreamateur 
Membro
Mensagens 671 Gostos 0
Feedback +1

Troféus totais: 31
Trófeus: (Ver todos)
Level 6 Avatar Tenth year Anniversary Nineth year Anniversary Windows User Super Combination Combination Topic Starter Poll Voter Poll Starter

e como se passa para html um PSD ?

Sabendo HTML + CSS consegues fazer isso. Queres que te explique como funciona HTML e CSS ou já sabes?
Offline

Paulo Gil 
Membro
Mensagens 233 Gostos 0
Troféus totais: 25
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 100 Posts

É preciso treino, primeiro tens que saber como utilizar o html+css.

Existem vários guias/tutoriais na net.

Offline

peoplebooks 
Membro
Mensagens 248 Gostos 8
Feedback +2

Troféus totais: 27
Trófeus: (Ver todos)
Apple User Windows User Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2

Sinceramente não sei a minima como se passa de PSD para HTML-CSS . Podem-me ajudar?
Offline

peoplebooks 
Membro
Mensagens 248 Gostos 8
Feedback +2

Troféus totais: 27
Trófeus: (Ver todos)
Apple User Windows User Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2

ou aconselharem-me um guia/ebook que me explique ..
Offline

mestreamateur 
Membro
Mensagens 671 Gostos 0
Feedback +1

Troféus totais: 31
Trófeus: (Ver todos)
Level 6 Avatar Tenth year Anniversary Nineth year Anniversary Windows User Super Combination Combination Topic Starter Poll Voter Poll Starter

Tem calma, já sabes fazer um PSD o que é bom. Há muitos membros aqui que não o sabem fazer.

Le isto aqui, e depois diz-me se percebes-te minimamente como os sites são estruturados em HTML

http://www.webmasterajuda.com/web-design/html/as-bases-do-html-estruturar-um-site/


Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Cortas as imagens e guardas uma a uma e depois trabalhas com elas em css/html! Pronto, simples!
Offline

peoplebooks 
Membro
Mensagens 248 Gostos 8
Feedback +2

Troféus totais: 27
Trófeus: (Ver todos)
Apple User Windows User Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2

Tem calma, já sabes fazer um PSD o que é bom. Há muitos membros aqui que não o sabem fazer.

Le isto aqui, e depois diz-me se percebes-te minimamente como os sites são estruturados em HTML

http://www.webmasterajuda.com/web-design/html/as-bases-do-html-estruturar-um-site/




Sim isso percebi
Offline

mestreamateur 
Membro
Mensagens 671 Gostos 0
Feedback +1

Troféus totais: 31
Trófeus: (Ver todos)
Level 6 Avatar Tenth year Anniversary Nineth year Anniversary Windows User Super Combination Combination Topic Starter Poll Voter Poll Starter

Sim isso percebi

Melhor ainda, agora tens que somar as CSS

Pensa assim, a cada caixa "div" podes descriminar as suas propriedades todas. Podes dizer qual é o comprimento, altura, margens de fora ou de dentro, imagem de fundo, tipo de letra, tamanho da letra, etc.

Portanto basicamente olhar para o código HTML e imaginar as caixas todas na sua posição e depois nas CSS dizes as propriedades das caixas.


Por exemplo, queres fazer uma coluna da direita mas o topo tem que ser redondo.

Então crias uma div que é a coluna da direita e dás o fundo da cor que queres. crias outra div em cima da coluna e dizes nas CSS que o fundo é uma imagem que tu recortas-te do PSD.

e vais construindo assim.


Podes trabalhar sempre em pixeis e é sempre a tentar usar o menor número de imagens para fazer design.