Dúvida! | ZWAME Fórum
Discussão em 'Web Development' iniciada por TBoss, 21 de Agosto de 2007. (Respostas: 13; Visualizações: 760)
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.
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...
Usa o Dreamweaver (pago) ou o kompozer (free).
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!
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.
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...
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
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...
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?
É 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
5 2222222 6
Cada número corresponde a uma imagem. Muito confuso? :\
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.
<area href="hiperligacao1" shape="rect" coords="418, 145, 521, 319">
<area href="hiperligacao2" shape="rect" coords="173, 95, 316, 263">
<img src="url_da_tal_folha.jpg" usemap="#FPMap0"></p>
pergunto aos users mais experientes se isto é uma boa ideia para este caso.
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.
É 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