1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Dúvida!

Discussão em 'Web Development' iniciada por TBoss, 21 de Agosto de 2007. (Respostas: 13; Visualizações: 684)

  1. TBoss

    TBoss Power Member

    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.
     
  2. nopaysoft

    nopaysoft Power Member

    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.
     
  3. JKL22

    JKL22 Power Member

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

    CoolMaster Power Member

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

    TBoss Power Member

    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.
     
  6. TBoss

    TBoss Power Member

    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 :P
    Não percebo muito disto...
     
  7. Kayvlim

    Kayvlim Undefined Moderator
    Staff Member

    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
     
  8. TBoss

    TBoss Power Member

    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...
     
  9. nopaysoft

    nopaysoft Power Member

    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,
     
  10. Kayvlim

    Kayvlim Undefined Moderator
    Staff Member

    É 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:
    Código:
    1 2222222 3
    4         4
    4         4
    4         4
    5 2222222 6
    
    Cada número corresponde a uma imagem. Muito confuso? :\
     
  11. tfxsound

    tfxsound Suspenso

    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.
     
  12. Santo38

    Santo38 Power Member

    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.
     
  13. CoolMaster

    CoolMaster Power Member


    Horrivel, horrivel, horrivel :rcarton:
     
  14. Chob

    Chob 1st Folding then Sex

    É 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
     

Partilhar esta Página