Web site que projeta as colunas (part2)

| by Pavel Lenshin | January 09, 2005
USABILIDADE

A usabilidade é o o que faz seus W agradáveis tratar. Quando todos definir pessoalmente para seu self (ele) como fazer o projeto agradável para olhar, memorable (no respeito a marcar) e o cliente do saque/necessidades do negócio na mais melhor maneira possível, no lado técnico da lata da usabilidade e deve ser corrigido usando as exigências padrão.

OPTIMIZATION DO CÓDIGO DE FONTE

Firstly sobre os quatro problemas que vêm a minha mente com código de fonte “sujo” do HTML:

  •  O cruz-browser potencial opõe enquanto alguns Tag inúteis particulares (uma parte de código de fonte do HTML) podem ser negligenciados por um browser mas criar alguns erros visuais, quando visto no outro browser.

  •  O Web page mais inútil dos Tag do HTML tem, mais espaço que da movimentação ocupa.

  •  Como o derivative do problema precedente, mais o tamanho desse Web page, mais por muito tempo faz exame ao visitante à carga e vê-a.

  •  Motores de busca como a informação textual lisa e desobstruída para a busca e a varredura fáceis. Tendo muitos de partes inúteis de código do HTML, você impede aranhas do SE ao índice apropriado seus Web pages. O resultado é diminuir óbvio de seus rankings do Search Engine. Isso é porque corrigir dos Tag do Meta não é a única coisa que você deve pagar a atenção a.

O Statistic mostra que mais então 85% de todo o WSs em linha exige o optimization dos gráficos ou do código do HTML. Aquele é realmente um problema comum, o núcleo de que se encontra no uso “para casa” de editores de correia fotorreceptora altamente populares como o Frontpage ou o outro.

O “vencedor” entre o mais mau é compositor well-known de Netscape, devido ao código que extremamente “sujo” do HTML gera ao editar velha ou ao criar Web pages novos. Se você usar sempre o compositor e ninguém “limparem” aqueles Web pages mais tarde, contêm definitivamente muitos de HTML “lixo”.

Baseado o Web page do meu próprio na experiência cada compositor de 50Kb Netscape pode fàcilmente optimized ao tamanho de lima 40Kb ou mais menos, como um resultado simples dos Tag suprimindo do HTML da sucata. Se você executar a folha do estilo da cascata e o compressor do HTML você começará o mesmo, mas o totaling “limpo & brilhante” 25-30Kb do Web page (40-50% economias de espaço) com os efeitos visuais realçados.

O exemplo acima das mostras que conservam em um único Web page, mas se nós falarmos nos termos de 50-60 pagina os W, que ocupam (sem gráficos) 3-5Mb do espaço da movimentação dura, as economias potenciais em conseqüência do optimization do HTML pode alcançar 1-3Mb. Assim se você estiver experimentando a falta do espaço da movimentação dura com seu fornecedor hospedando, a solução às mentiras desse problema no optimization simples dos W. Conserva não somente muitos do espaço, mas, como nós sabemos, elimina erros potenciais do cruz-browser, ajuda a aranhas do SE posicionar corretamente seus Web pages e fazer seus visitantes que surfing mais rápido e liso e conseqüentemente agradável.

OPTIMIZATION DOS GRÁFICOS

Quando nós falamos sobre gráficos mal optimized nós começamos dois problemas: mais espaço ocupado e tempo de carga mais mau. Dado que o primeiro obstáculo pode ser superado adquirindo o usuário pessoal com diversos Gigabytes do espaço da movimentação dura, o problema da letra continuará a existir porque a maioria de visitantes da correia fotorreceptora tem o ponto baixo - apressar a conexão dial-up.

Para fazer seus gráficos optimized no nível básico, você deve conservá-lo no formato gráfico apropriado. Muitos retratos populares das tampas do eBook podem fàcilmente optimized simplesmente pelo formato de re-saving .JPG em .GIF ou pelo versa vice dependendo da lima particular. Essa tática sozinho pode trazer a lima 15Kb para ocupar 7-10Kb na matéria de 2 minutos.

O math básico mostra que 10 retratos optimized (sem optimization do HTML) em um Web page são capazes diminuir o tamanho total dele de 120Kb a 70Kb com nenhuma perda visual na qualidade de retrato. Está você ciente dos statistics quantos visitantes saem de seu local justo porque são tired esperar até que todos os retratos carreguem? Não significa que você tem que simplesmente suprimir estes retratos completamente enquanto alguns povos sugerem, o que significa é que são melhores optimized porque caso que com o eBook cobre, eles provou triplicar vender o potencial e sua ausência estará compensada mal por visitantes novos.

Para escolher o formato direito, seguir uma régua simples: “Se o retrato do alvo é mais provável ser uma foto, com muitas cores, unshaped objetos e as luzes diferentes, esta lima devem ser conservadas no formato de .JPG. Se, no contrário, um retrato for mais provável consistir em um número de objetos do vetor como círculos, triângulos, quadrados, não manda cores demais ou similar a algum afogar comics, a seguir o formato de .GIF é o mais melhor a usar-se.”

Se for duro determinar, a seguir excepto ele em ambos os formatos e para comparar a relação da qualidade/tamanho. Não muito trabalho, efeito grande.

Ter editores gráficos semi- ou inteiramente profissionais permitirá que você comece mesmo resultados melhores selecionando a taxa da compressão, lisura, agudeza das bordas - se nós falamos sobre o formato de .JPG; ou o palette, cores, taxa da transparência, animation caracteriza etc. - se nós tratamos do formato de .GIF.

As oportunidades tecnologicos de hoje são vastas, assim que é você para decidir-se em como profundamente você quer “mergulhar”.

CROSS-BROWSER & OPTIMIZATION DA DEFINIÇÃO DA TELA

Os números são os seguintes:
  •  2% têm o '' 14 outdated com os pixels 640*480 na largura e na altura respectivamente.
  •  49% dos correia-surfers usam 15 " monitores com definição “padrão da” preferível tela dos pixels 800*600;
  •  o surf de 45% a correia fotorreceptora com 17 " monitora com definição 1024*768 razoável;
  •  4% dos usuários aprecíam 18-19 " monitores com ajustes da tela 1152*864-1280*1024.

Que devem estes números lhe dizer? A coisa muito simples - se você criar os W nos seus 15 " monitor, não supor que olhará tão bom em outros monitores quanto em seu.

Deixar-me extrair aqui diversas notas sobre a tendência que o mercado do monitor seguirá no futuro o mais próximo. É primeiramente que todos os 14 " monitores estão indo gradualmente a seu descanso eternal merecido. Mesmo a parte dos cadernos com 15 " TFT seleciona o crescimento exponencial. Há mesmo diversas versões novas com 16 " matrizes ativas. Não se esquecer também de que 14 dos cadernos " tela de TFT têm quase as mesmas polegadas diagonais que 15 " monitores usuais do CRT (tubo de raios catódicos). Secondly, o número de 15 " monitores é também diminuir, devido ao número de crescimento de 17 " proprietários do monitor que é o terceiro ponto.

Uma conclusão da sentença dos statistics acima é que seus W devem olhar muito bem, pelo menos, sob as definições 800*600 e 1024*768. Esta é uma demanda do mercado a seus W e, como nós sabemos, você melhora não o gracejo com o mercado.

Sem entrar profundamente na teoria, há duas maneiras:
  •  mais simples;
  •  mais complexo.

Correto, ambos satisfem à demanda acima de mas à maneira da letra, dada a é mais complexo, cabe geralmente perfeitamente toda a definição da tela, se é 14 " ou 21 " e mais favorável aos W espaça o uso.

A maneira mais fácil seria fazer as beiras de seu Web page (tabelas de seu Web page) a ser reparado com determinado número dos pixels.

Os ajustes os mais populares estão algo entre 650 a 750 pixels apenas para caber essa tela da largura de 800 pixels sob os 15 os mais populares " definição do monitor 800*600. Se você for que a maneira seu Web page terá o mesmo olhar sob jogos diferentes das definições.

Se nós tentássemos a ver em 14 " monitor com os 640 pixels na largura, o scroller horizontal desagradável apareceria porque nosso ajuste fixo em 700 pixels é então uns 640 mais largos e apenas não caberá nele. Se, na uma mão, nós olharmos nosso local imaginable sob 1152*864 ou 1280*1024, olhará demasiado estreito, porque ocupará somente 60% da largura da tela (nossos 700 na comparação com uma largura de 1200 pixels da tela). Por que esta maneira projetar mais simples? Você apenas não terá nenhuns problemas construi-lo: nenhuma necessidade para a definição ou o optimization do cruz-browser, como pixels fixos é lida corretamente sob quase cada browser.

A maneira mais complexa é ter uma largura de uma ou diversa coluna das tabelas do HTML em seu local a ser ajustado nos por cento como 75% ou 100% e, conseqüentemente, poses a abilidade de broaden ou estreitar-se automaticamente de acordo com os por cento especificados, dependendo de que definição da tela o local está sendo visto abaixo.

Se você tiver ajustes da tela 600*800 (a largura da tela seja 600 pixels) e uma da largura da tabela de seu local é ajustado a 100%, então esta tabela particular junto com todo o texto e gráfico incluídos estreitar-se-á a 600 pixels, se nós ajustarmos o monitor à definição 1200*1024, isto é tendo 1200 pixels largos, a tabela do nosso local esticará ao especificado 100%, nesse caso, 1200 pixels.

Isso é porque olha umas definições diferentes inferiores mais atrativas mas o optimization adicional das demandas, including o optimization do cruz-browser, como o browser do Netscape Navigator Tem alguns problemas com interpretação apropriada de ajustes dos por cento multi em tabelas da coluna. Que maneira escolher depende das tarefas e de sua preferência.

Eu desejo-lhe a creatividade infinita e mais então o 70Kb por a página

copyright (c) Pavel Lenshin

Article Source: http://www.articleset.com



About the Author

Pavel Lenshin is a devoted Internet entrepreneur, founder of ASBONE.com, where you can find everything to make your business prosper. Discounted Internet services,
FREE ebooks http://ASBONE.com/ebooks/
FREE reports http://ASBONE.com/reports/
info@asbone.com » Read more articles by Pavel Lenshin
You are welcome to publish or reprint this article free of charge, provided: