Imagens Do Fireworks Lagão O Site?!
#1
Posted 08/06/2007, 08:50
Bom não sei se isso é por causa do HOST... por que quando vou abrir o site, o carregamento demora um pouco, mesmo as imagens tando em JPEG e GIF, se poderem me explicar o problema, agradeço
-------------------------------------------------------------------------------------------------------------------------------
Dreamwaver
Fireworks
Flash
#2
Posted 08/06/2007, 09:22
Um site "todo" fatiado pode demorar sim! Claro que dependendo também da resolução exportada, esse é até um dos motivos de muitos designers não usarem mais esse método.
Mas todas as imagens criadas ou fatiadas para web, devem ser trabalhadas a sua resolução.
Vá em File > Image Prewiew
Neste painel podemos baixar a relosução em escalas de porcentagens e ver a qualidade da imagem e também o tempo em que o browser abrirá o trabalho.
Segue uma imagem para visualização:
AN exportar.jpg 29.53KB 20 downloads
Edição feita por: AN Web Designer, 08/06/2007, 09:24.
#3
Posted 08/06/2007, 12:23
Para configurar cada fatia, basta selecioná-la e abrir a janela Optimize (Menu Window » Optimize).
Para mim, é um erro exportar HTML com o Fireworks. O melhor seria exportar cada fatia separadamente e montar o HTML apartir do "0" com um editor visual como o Dreamweaver ou até mesmo com o bloco de notas do Windows.
Edição feita por: '' sem.Ponto, 08/06/2007, 12:26.
Muller Dias
ex-administrador Fórum WMO
#4
Posted 08/06/2007, 13:08
-------------------------------------------------------------------------------------------------------------------------------
Dreamwaver
Fireworks
Flash
#5
Posted 08/06/2007, 14:19
Tem razão ... para fatias o melhor procedimento, é como vc mencionou.
É por que é aquela questão de sites fatiados ... cada vez mais está obsoleto.
* Komodor
Uma das soluções é trabalhar com CSS
AN
#6
Posted 08/06/2007, 14:33
Estava lendo também que o CSS pode diminuir o "LAG" do site, mas não sei como, você pode me dar uma dica ou algo que eu possa aprender?!
Grato, Komodor.
O recortamento de Layout com o Slice Tool eu faço, fiz até um TOPICO para tirar minhas duvidas o qual o Sem.Ponto tirou todas
Vlws pessoal!
-------------------------------------------------------------------------------------------------------------------------------
Dreamwaver
Fireworks
Flash
#7
Posted 08/06/2007, 16:00
Realmente uma das soluções para deixar a página mais leve, é utilizando CSS. Mas é importante que você calcule o peso das imagens durante a exportação, pois é bom que uma página tenha em média 80 kb (HTML + Imagens).
Não conheço o termo "LAG". Talvez eu conheço, mas não por esse nome... o que significa?
Muller Dias
ex-administrador Fórum WMO
#8
Posted 08/06/2007, 16:12
Sei criar Estilos no Dreamwaver (Criar novo estilo para rolover, link, fonte, table...) mas para as imagens exportadas do Fireworks nao sei exatamente como usar, se possivel pode me explicar ou passar um tuto?
Grato, Komodor.
Eu sou um muito viciado em GAMES de computador, e como nao ficam por fora os GAMERS criaram uma linguaguem usada no dia a dia nos jogos, LAG (nao sei as siglas) quer dizer que o jogo travou ou ha algum delay (espera) de poucos minutos.
Quando usei LAG no topico quer dizer a demora que ha para o site abrir no Browser.
Ex:
Hoje o jogo esta muito lagado (Esta muito travado/lento)
Tomara que tenha entendido e desculpa por ter usada essas siglas mais com um tempo muito grande em jogos eu me abituei
-------------------------------------------------------------------------------------------------------------------------------
Dreamwaver
Fireworks
Flash
#9
Posted 08/06/2007, 16:36
Imagine que você tenha criado uma imagem com preenchimento Linear (de cima para baixo) no Fireworks com a medida 300 x 50. Podemos perceber que existe várias linhas de cores se repetindo. Invés de exportar essa imagem inteira e insirir no HTML, existe a possibilidade de combinar com CSS e deixar a imagem pequena para carregar rápido.
Para isso, pegue essa imagem 300 x 50 e, com a Slice Tool, selecione apenas uma área: 1 px de largura e 50 px de altura. Então não seria exportada uma imagem de 300 x 50 e sim, uma de 1 x 50.
Note que se pegarmos essa imagem de 1 x 50 e duplicar ela 300 vezes colando-as lado a lado, teremos o mesmo resultado de uma imagem de 300 x 50. O CSS é capaz de fazer isso... é ótimo para aplicar como fundo, pois o carregamento da imagem é muito mais rápido (300 vezes mais rápido nesse exemplo).
Faça um estudo de como aplicar o fundo (background) com CSS e repetir o fundo. Tem como repetir verticalmente, horizontalmente, e ambos. No próprio Dreamweaver é possível fazer isso com aqueles estilos.
Muller Dias
ex-administrador Fórum WMO
#10
Posted 08/06/2007, 19:34
Eu aplico o Background e prencho para repetir, assim ela vai pegar a mesma imagem e vai repitila...
Interessante cara, nunca pensei que isso ajudaria mais enfim, vlws!
-------------------------------------------------------------------------------------------------------------------------------
Dreamwaver
Fireworks
Flash
#11
Posted 11/06/2007, 10:52
Felipe Antunes - Front-End
www.felipeantunes.com.br - clickeducacao.com.br - cyberconcurseiro.com.br - cybervestibular.com.br - pluc.com.br
#12
Posted 11/06/2007, 12:23
Prefiro meu velho e bom bloco de notas para fazer html, e o Fireworks fica só para a criação do design.
Muller Dias
ex-administrador Fórum WMO
0 user(s) are reading this topic
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)