9 replies to this topic

[lizribeiro]

Olá pessoal,

Desenvolvi este site CentralPro no Photoshop, cortei em slices, mandei pro Dream e publiquei (como faço com todos os meus sites)
Cara, só que tá super pesado e as imagens são todas em GIF... não sei o que faço pra diminuir...
Qual a solução para diminuir tamanho sem perder qualidade e sem modificar (muito) o layout

Ai caiu a ficha... todos os meus sites são pesados e eu nunca tinha reparado até o cliente reclamar
Existe uma maneira de deixar mais leve desenvolvendo desta maneira? Photoshop / Slices / Dream

Obrigada

Liz

[CswargameS]

Não .. não existe

Faz quanto tempo mesmo que voce trabalha com W.D?


Esse defeito é comum, nem Photoshop, Fireworks e outros programas que geram o codigo atravez de slices ou mecanismo semelhante conseguem fazer isso bem feito.

O mais correto é sempre fazer tudo a mão mesmo, existe muita coisa no seus trabalhos que podem ser feitas usando apenas HTML, como por exemplo OS quadros brancos do topo... com HTML voce faz um quadro daquele ali com uma linha de texto com menos de 50 caracteres.. em compensação OS quadros brancos do topo juntos dão mais de 1,5mb :/... estes mesmo feitos em css pelo style não teriam nem 0,1k

O seu site tem muito mais imagens brancas em GIF pelo slice que poderiam ser feitas em css, e todas as outras imagens "lisas" no site sem duvida podem ser feitas usando css.
As imagens em gif entre os botões do menu são extremamente dispensaveis ... ... não só entre os botões de menu, mas também como as imagens em gif que dão espaçamento entre os itens.


A solução... já disse acima, fazer manualmente, voce não levará mais de 1 dia (8 horas de trabalho) para fazer uma pagina dessas usando html+css, se voce gerar o documento pelo slice importando no dreamweaver voce pode até conseguir fazer o site ficar menos pesado, unico problema é que voce irá gastar mais tempo editando do que fazendo manualmente... e quem faz manualmente pode atestar.. é muito mais divertido ehehe..

Me desculpe se fui rude de alguma maneira, mas levei isso a serio por voce ser uma profissional.

[lizribeiro]

Nossa, não existe a MENOR possibilidade de fazer um layout em 8 horas
Em 8 horas eu já fiz o site inteiro... KKKKKKKKK

Esse tal de CSS tb não conheço - acho que vou precisar de um curso

Mesmo assim valeu!

[CswargameS]

8 horas eu fui bem modesto... quem tem pratica faz com bem menos tempo.

CSS ... fico pasmo que ainda não tenha ouvido sobre isso :/
Validação de codigo?

Espero que pelo menos HTML voce saiba o.O
O Link vai de presente, mas faça uma busca no forum que existe muitissimo material já que é um tema muito debatido nos dias de hoje.

[[=]Montanha[=]]

Nossa, não existe a MENOR possibilidade de fazer um layout em 8 horas
Em 8 horas eu já fiz o site inteiro... KKKKKKKKK

Esse tal de CSS tb não conheço - acho que vou precisar de um curso

Mesmo assim valeu!

OMG!! Sem CSS hoje em dia não há possibilidade de fazer sites! Slice do Photoshop já era! Sabe por quê?

Quando você salva um layout apartir de slice do PS, ele monta tudo em tabelas, contrariando totalmente os conceitos de Tableless. Já ouviu falar em tableless? É quando você cria o layout sem tabelas para validá-lo com os padrões web, ou Webstandards.

E mesmo a opção de salvar o layout sem tabelas do photoshop, não cria um código válido para webstandards.

Ah... em HTML é diferente de XHTML. CSS+XHTML+webstandards=Site Correto.

Tem que aprender tudo isso, senão seus sites vão começar a ficar extremamente ultrapassados. Isto é, sinto em dizer, mas já estão!

Mas não se preocupe. A internet é cheia de material de pesquisa! Você pode aprender os conceitos enquanto pesquisa um curso para reciclar seus conhecimentos de webdesigner.

Um profissional da Web tem que estar sempre antenado com as novas tecnologias. Aqui no fórum tem uma seção dedicada só a Webstandards. Dá uma olhada lá!

Aí, falow!

[Kadu DG]

respondendo a dúvida, realmente o site feito em tableless usando padrões web, o site seria bem mais leve tbm, principalmente quando vc substituí imagens por simples cores de bg, que são processadas de forma mto rápida.

já que vc não faz nenhuma requisição http, assim o site vai carregando sem tanto processo, o browser interpreta mais rápido.

em relação ao tempo de produção do layout, é muito relativo, quando tudo feito dentro padrões pode-se demorar um pouco mais sim, porém, quando se tme um layout complexo, perde-se um bom tempo...eu mesmo já montei layouts, que demorei um dia para ter o layout estruturado.

o fato de não conhecer as folhas de estilo é de se assustar, visto que seria o básico para montarmos sites leves e acessíveis.

[lizribeiro]

Oi pessoal, agradeço as dicas

Já vou incluir essas linguagens nos meus próximos cursos

Obrigada

[[=]Montanha[=]]

Oi pessoal, agradeço as dicas

Já vou incluir essas linguagens nos meus próximos cursos

Obrigada

Não é tão complicado como parece. CSS existe há bastante tempo e tem muito material por aí. XHTML é o mesmo HTML, mas com alguns poréns na hora de gerar o código, como por exemplo, a obrigatoriedade de fechar todas as tags. Webstandards é a maneira de usar tudo isso de forma correta.

Agora, uma coisa é certa, você não precisa e nem deve abandonar o photoshop para desenhar seus layout, você só deve deixá-lo de lado para montar o código, pois a bem da verdade, ele nem é feito para isso mesmo.

Aí, falow!

[-SORRISO-]

aqui eu vou bater a tecla de sempre sobre css e html

pratique =] tem que fuçar mesmo pra aprender como funciona. antes eu também fazia sites usando tables e imagens de fundo. com tableless e css ficou tudo bem mais bem feito, organizado.

http://www.pt-br.html.net/
site simples mas que pra começo até que é bom, mas não substitui a prática

[[=]Montanha[=]]

Ah... e quando estiver aprendendo, é bom ter uns 2 ou 3 navegadores diferentes instalados na máquina. Intertent Explorer 6, Fire Fox e Opera. Pois CSS sempre dá diferença de renderização, principalmente no xxxxxx Internet Explorer!

Para contornar esses problemas existem o hacks... É bom pesquisar isso também!

Aí, falow!