12 replies to this topic

[Snoop]

Galera, é assim...

Eu fiz o design dum site. Entrei no photoshop e fiz uma imagem, como se fosse um print screen de um site.
Vejam
http://img236.images...essebixaod9.jpg

Pois é, agora, preciso fazer o HTML dele, colocar as imagens em seus devidos lugares do código, corta-las e etc.
Eu trabalhava com blogs uma vez mas não usava tanto HTML, só as coisas basicas, fazia pelo bloco de notas o html deles.

Quero saber um programa pra mim usar e fazer de uma forma facil o HTML deste meu futuro site.



Entenderam o que eu quis dizer?
Não sei se me expresei bem

Espero respostas aí e se alguem quiser fazer esse html pra mim, eh só manda MP

Edição feita por: Fábio Gonçalves, 27/08/2006, 03:55.

[Makerup]

eu uso fireworks...

é facinho e tem mta qualidade como o photoshop, mais como ja esta usando o photoshop pode fatiar a imagem e exportar para html.


dps é so abrir no dreamweaver.

[Snoop]

eu uso fireworks...

é facinho e tem mta qualidade como o photoshop, mais como ja esta usando o photoshop pode fatiar a imagem e exportar para html.


dps é so abrir no dreamweaver.

opa, blz cara?

seguinte...
exportei a pagina pelo photoshop 'Save for web' depois disso fui no Adobe ImageReady e fiz mais uns cortes nas imagens...até aí tudo certo

depois de fazer os cortes, salvei denovo.

Fui ate o Dreamweaver, abri o arquivo, tá tudo lá, certinho.


Só to com muuuita dificuldade em 2 coisas.


- Como faz pra colocar aquele efeito 'over' no botão
(exemplo: O botão é verde com escrito em branco, qdo o mouse passa em cima dele ele muda sua cor ou seu estilo.[a imagem do botao muda])

- E a pior duvida...

- O HTML tá lá, todo ele, com as imagens divididas, seus endereços e etc. Como eu faço tabelas e coloco textos nelas,nos lugares que eles devem aparecer, sem eu escrever as palavras e precisar dar espaços, ou deixando paragrafos corretos, como determino o tamanho da tabela?


Nao sei se fui claro, postem ae qualquer coisa

[phmda]

pra fazer o efeito de On mouse Over vc seleciona a imagem aonde vc vai aplicar o efeito e vai em Behaviors, depois em Swap image, ai vc seleciona a imagem modificada que vc quer qe aparece quando tiver o mouse em cima de ok e pronto, só verifique no menu de behaviors se esta configurado certo como on mouse over e on mouse out.


e em relação as tabelas é sempre quadno recorto do PS eu estruturo o site tudo denovo, faço tabela por tabela mas num é taum demorado naum, agora naum sei se tem otro jeito de fazer se tiver falem ae pq tamem qero saber...


flww

[Snoop]

Humm

certo certo, dos botões eu consegui...


o problema mesmo são as tabelas...

não consigo inserir as tabelas nos devidos espaços...
assim óh

eu seleciono a figura onde vai ser inserida a tabela, aperto Ctrl + Alt + T, coloco a tabela no lugar que eu quero, ela fica lá, certinho...só que as imagens que estão do lado dela vão pra baixo...por exemplo...

se a tabela tem uma altura X os objetos que estão paralelos à tabela descem essa altura X


como deixo toda estrutura de imagens paradas e insiro as tabelas normalmente?

:/


OLHA COMO FICA

http://img242.images...7/tabelaec0.gif

Edição feita por: Snoop, 15/08/2006, 19:52.

[Makerup]

se vc criar uma pequena fatia daquela barra que esta se partindo e aplicar como fundo... não resolve??.

[Snoop]

mas essa fatia só falta quando crio a tabela... =/


(pra criar a tabela eu só aperto CTRL + ALT + T)

tem q colocar alguma coisa antes da tabela?
<td></td>


ou algo do tipo que fixe as imagens existente pra mim poder criar a tabela sem afetar o resto??

[phmda]

faz assim ó

cria uma nova <table> dentro da <td>
se num de coloca o arkivo ai que eu tento ajudar mais, só com vc falando nums ei se eu entendi direito

[Snoop]

opa..


vou passar mais informações agora...



* Eu quero que o site fique assim
http://img134.images...5/modelotk5.gif


* HTML dele está no anexo do post


* e aqui esta ele completo, com a pasta 'images'
http://rapidshare.de...anos70.rar.html


axo q por isso aí deixa tudo mais claro né?


valeuu, espero resposta

anexos novos e mais faceis de entender

Attached Files

•  anos70.html   2.79KB   6 downloads

Edição feita por: Snoop, 18/08/2006, 14:52.

[RoynuJ]

Também estou com a mesma dúvida, se alguém puder ajudar eu agradeço. =]

[barão]

Ahh, então montar um site pode ser assim também. Cria-se no Fireworks (pode ser outro também) e depois exporta em HTML. Mas me diz, precisa fatiar tudo??? Não pode exportar a imgem inteira??? Por que fatiar? Depois e só editar no dream??

[Snoop]

olha cara...pelo q sei é assim óh


vc cria uma imagem, no caso, seu site inteiro no photoshop por exemplo...
depois coloca pra salvar para web (tem esse botao no photoshop) depois que vc faz isso ele fatia a imagem q vc criou sozinha ou vc tbm pode fatiar no ImageReady como quiser...

Depois de fatiada ele vai salvar 1 pasta chamada 'images' que nela tem todas as imagens fatiadas e outro vai ser o HTML com os codigos prontos....depois disso vc abre o HTML num editor e faz as tabelas e o que mais voce quiser pro seu site... ^^

pelo q sei é isso ;D




__________________

respondam meu topico ae galera

[Fábio]

Snoop, vou pegar o tópico no meio, mas vou tentar dar uma ajudada...

Essa ferramenta de fatia nunca foi 100%..pra começar a fazer sites mesmo é um pouco diferente do que fazer um blog.. é mais complexo, não adianta usar a ferramenta do Photoshop prum site de grande ou médio porte, que é o caso do teu....

O que recomendo é que tu comece a estudar o desenvolvimento de divs.. exporte as imagens por vc mesmo, ficará muito mais fácil trabalhar.