[Resolvido] Convertendo em Html/CSS

[Liriu 0]

Olá pessoal, bom venho aqui pedir ajuda para que eu possa comverter um layoute que fiz no fireworks para HTML/CSS.

Bom vou explicar melhor, eu estou criando um tema para WordPress, como não sabia por onde começar busquei ajuda especializada em um forum rrsrsr, deixei lá o seguinte post

 

Venho pedir uma ajuda aqui pra vocês, bom meus conhecimentos em Html e CSS são pequenos mais mesmo assim, gostariar de criar um tema pro meu futuro blog.

Bom o layoute é facil pra mim, porque tenho uma boa habilidade com o Fireworks, gostaria de saber se exite uma forma de tranforma um layoute que eu fizer em um Tema para o Word Press, e se depois de pronto se alguem estaria disposto a me ajudar, parte a parte como tranforma-lo em um tema. Obrigado!!!

 

recebi a seguinte resposta do administrador do forum:

 

Primeiro você deverá converter seu layout em html/css. Feito isto entra a parte do WordPress e aí poderemos ajudá-lo, para começar leia nosso tutorial sobre como converter um template html/css em tema wordpress.

 

http://www.pblog.com.br/como-criar-tema-para-o-wordpress/

 

Se tiver alguma dúvida, coloque aqui no fórum.

Bom pessoal ele me da a dica de seguir os padrões web standard para criar o html/css. Alguem pode me ajudar com esses tais padrões?

 

 

Bom como o tutorial deles esta encinando a criar temas a partir de layoutes HTML/CSS gostaria de ajuda pra comseguir isso... se que é possivel!!

pra ajudar la vai o layoute que estou criando:

http://rapidshare.com/files/261420870/blog.zip.html

 

obrigado galera.

[João Prado 64]

Amigo eu particularmente não sei se existe uma forma de converter um layout criado no Firewoks para HTML/CSS.

Quando você exporta um layout feito no FW para HTML ele transforma toda a parte que não contém slices em imagem.

 

Acredio que um layout pelo FW seja só uma base, e você tenha que fazer a parte em CSS na unha mesmo.

[Rodrigo Resende 1]

Primeiramente seja bem vindo ao forum,

Bons vou te passar alguns padroes web:

 

1º Nao estruture o seu layout com tabelas.Use css.

Alguns sites:

 

http://maujor.com/index.php

http://www.tableless.com.br/

 

2º Teste seu site em todos os navegadores possiveis e em todas as versoes.

 

 

Ai vai alguns site sobre padroes:

 

http://www.acessibil...l.com/index.php

http://kb.reflective...sWeb/introducao

http://kb.reflective...Web/ferramentas

http://felipemorais....ry/padroes-web/

http://www.tableless...ens-dos-padroes

http://www.w3.org/

 

 

Esse seu layout nao me parece muito dificil de construir em wordpress nao.

Pegue um tema pronto e veja como é feito..

Acho que é isso....

O essencial é você saber CSS para estruturar o layout.

Você tera que exportar objeto por objeto no fw para a construção do layout.

Boa sorte e sucessos.

Qualquer duvida posta ai.

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Liriu 0]

Bom pessoal mto obrigado pela ajuda, acho que não vai ter como mesmo não, vou ter que escrever em CSS msm, mais não tenho nem ideia por one começar... alguma dica?

[João Prado 64]

cara eu tbm to com esse mesmo problema, tenho um layout pronto no FW, mas não tenho a mínima idéia de co cmeçar a faze-lo em CSS e pra mim o poblema se agrava pois não tenho nenhum conhecmento de CSS :P

 

em relação a estaparte acho que o pessoal da área de CSS pode te ajudar melhor http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Rodrigo Resende 1]

Tem aqueles sites que te passei:

http://maujor.com/index.php

http://tableless.com.br/

 

Sou professor de css caso se interesse:

rodrigoresendeb@hotmail.com

Abraços

[Giovani 104]

MoOiO e Liriu,

 

Aqui no iMasters, no fórum de Webstandards vocês podem aprender o que precisam.

Vou passar um link com uma seleção de materias importantíssmo, entendo esta parte, o resto fica mais tranquilo: http://forum.imasters.com.br/index.php?/topic/124982-css-link-collection/page__view__findpost__p__536888

 

Se precisarem de alguma ajuda, por favor, postem lá no fórum de Webstandards :D

[João Prado 64]

Ok vlw Giovani :D

 

edit--

 

vou dar uma olhada em todos esses links aew e o que eu achar interessante vou colocar lá no tópico:

Sites de Tutoriais, Scripts Gratuitos, Ícones, apostilas, fontes...

[leomarriel 7]

Negativo! Impossível não é!

 

Boa tarde amigos, vejo que muitos tem a mesma dúvida, eu tenho uma dica que irá ajudar vocês.. Baixem o Fireworks CS4, com ele é possível você exportar seu layou fatiado em CSS.. Um pulo para quem está necessitando logo, e está sem tempo para estudar CSS veja como é facil:

 

1 - FATIE SEU LAYOUT

COM A FERRAMENTA "Slice Tool" ou pressione "k" e fatie seu layout.

 

 

2 - EXPORTE EM CSS

Vá em Menu File/Export e configure como a imagem abaixo

 

1.

 

 

2.

 

 

3.

 

 

Resultado!

 

 

Pronto agora você terá as imagens fatiadas, a página em HTML e o CSS externo! Muito fast! Más é lógico que é bem mais eficiente você mesmo desenvolver o CSS! Más para início, tente fazer isso e ir modificando o código!

 

Grande abraço e fiquem com Deus, espero ter ajudado!

Obs.: Lembrando, isso é um recurso CS4!

[Clarakb 0]

Oi Leomarreil,

 

Tenho o FW CS4, estou concluindo meu site, fiz o menu com uns efeitos,transformei em botão, quando o mouse passa e clica, bom, funciona muito bem no F12, mas quando exporto para o dreamwearer não vem com o CSS, tentei da tua maneira exportar CSS e imagens, mas da erro, diz : Only slice images from the current state will be included in this export. Hotspot and behavior attributos will be ignored.

Ele não exporta as atribuições que dei para cada botão. Como faço para ter o CSS dos botões e repassar para o dreamweaver?

 

Grata pela atenção

Clara