Dúvida!

[TBoss]

Boas.
Pessoal o que eu queria saber era o seguinte.
Para criar o design de um site de raiz posso utilizar o photoshop certo??! Por exemplo para fazer o banner, as colunas, botões etc etc... pronto fica tudo bonitinho e tal. e depois para programar os botões e as coisas todas do site como fazer?
Ou seja tenho o site já tudo feito em photoshop (.psd) e depois para programar o botões como faço?? Algum programa esta duvida parece-me parva mas não sei mesmo como fazer eu lembrei-me de me meter nisto de fazer um site com umas cenas fixes e tal mas não sei como fazer :S
Alguem me pode dar alguma dica.

 

[nopaysoft]

Para a tal criação gráfica que pelos vistos já fizeste usas o photoshop, fireworks, corel....
Para depois dares o conteudo ao site... e linkares images tens de usar um editor HTML ...
à partida irás fazer o site em html ne?
Ora podes usar o DreamWeaver, FrontPage... etc ou um simples editor de texto que no entanto não te permite criar as coisas gráficamente so com o código...


Cumps.

 

[JKL22]

Usa o Dreamweaver (pago) ou o kompozer (free).

 

[CoolMaster]

ou um simples editor de texto que no entanto não te permite criar as coisas gráficamente so com o código...

Não permite? Não permite porque? Eu faço tudo e nunca uso editores WYSIWYG!

 

[TBoss]

Pois ai esta eu tenho o dreamweaver, mas eu não consigo fazer a "ligação" entre o photoshop e o dreamweaver como faço isso.
Sim o site é em HTML. O ficheiro do photoshop é em .psd eu tambem so tive a ver umas coisas no dream ontem não tive tempo para mais, secalhar com umas pesquisas mais aprofundadas conseguirei.
Pronto mas o que queria saber era se dava para fazer toda a estrutura do site no photoshop botões tudo, depois passar tudo para um editor de html a estrutura toda e fazer as ligações etc etc... eu nao sabia se isto funcionava assim.

 

[TBoss]

Vou mandar para fora a minha forma de pensamento para exprimir bem o que tenho em mente.
Eu tenho o Banner, colunas etc etc tudo feito em photoshop tudo certo num folha só. O que eu tinha em mente era pegar nessa folha onde tenho imagens botões e depois editar para fazer um site ... entendem??
E que eu parece-me que me tou para aqui a confundir todo LOl
Não percebo muito disto...

 

[Kayvlim]

Tudo numa folha? Não percebi bem essa parte, mas uma coisa te digo: não podes usar o .psd. Só .png, .jpg, .gif...
E cada botão e cada porção do design é uma imagem diferente.

Não sei se ajudou ou não, mas talvez seja melhor especificares :x

 

[TBoss]

Ou seja tenho que fazer uma coisa de cada vez...
Faço um botão e programo faço outro e programo é isso?? não posso desenvolver o design todo depois pegar nisso e meter para lá e programar tudo né cada coisinha por sua vez é isso...

 

[nopaysoft]

Não permite? Não permite porque? Eu faço tudo e nunca uso editores WYSIWYG!

O que eu queria dizer era que não te permite estares a criar a página graficamente ou seja não estás a arrastar as coisas... estás apenas a inserir o código que depois no final te vai fazer o mesmo efeito... mas enquanto estás a criar o site não tens uma interface gráfica onde arrastas, colas, copias images, texto, objectos pois não?

Cumps,

 

[Kayvlim]

É assim, supostamente fazes primeiro o design, e divides cada "porção" do design em imagens diferentes, e depois fazes a página onde misturas tudo.

Por exemplo, uma caixa é uma tabela com o seguinte:

1 2222222 3
4         4
4         4
4         4
5 2222222 6

Cada número corresponde a uma imagem. Muito confuso? :\

 

[tfxsound]

Eu tenho o Banner, colunas etc etc tudo feito em photoshop tudo certo num folha só. O que eu tinha em mente era pegar nessa folha onde tenho imagens botões e depois editar para fazer um site ... entendem??

se não quiseres cortar aos bocados a tua 'folha' podes é guardá-la em jpeg, png ou gif e fazeres as hiperligações através de coordenadas, no frontpage.
exemplo:

<p><map name="FPMap0">
<area href="hiperligacao1" shape="rect" coords="418, 145, 521, 319">
<area href="hiperligacao2" shape="rect" coords="173, 95, 316, 263">
</map>
<img src="url_da_tal_folha.jpg" usemap="#FPMap0"></p>


pergunto aos users mais experientes se isto é uma boa ideia para este caso.

 

[Santo38]

Não! Uma imagem dessse tamanho com areas demora uma eternidade para carregar. O que deve ser feito é cortar o psd em várias partes (ver Slices) e depois exportar para png ou gif ou jpg. O Photoshop gera um file HTML que depois podes abrir no DreamWeaver para alterares.

 

[CoolMaster]

se não quiseres cortar aos bocados a tua 'folha' podes é guardá-la em jpeg, png ou gif e fazeres as hiperligações através de coordenadas, no frontpage.
exemplo:

<p><map name="FPMap0">
<area href="hiperligacao1" shape="rect" coords="418, 145, 521, 319">
<area href="hiperligacao2" shape="rect" coords="173, 95, 316, 263">
</map>
<img src="url_da_tal_folha.jpg" usemap="#FPMap0"></p>


pergunto aos users mais experientes se isto é uma boa ideia para este caso.

Horrivel, horrivel, horrivel

 

[Chob]

É simples, no photoshop, abaixo das ferramentas de selecção tens a Slice tool.

Com essa tool vais dividir a tua imagem em quadrados, que depois quando fizeres save for web vai ser dividido em pequenas imagens e gerar-te logo o ficheiro HTML com a tabela feita e as imagens

Usa a slice tool (ferramenta de fatias) nos botões, colunas e banners para teres ordem nisso.

Have fun

Abraços