Largura das páginas

por Celso Lemes em 26/10/2007

na categoria Webmaster

Durante muito tempo eu apoiei a idéia de que o comprimento máximo de um site não deveria passar de 778 px de comprimento, pois isso garantia que o site fosse exibido inteiro na tela do visitante em uma resolução de tela de 800×600 px.

Porém os tempos mudaram. Com o barateamento dos aparelhos eletrônicos, é cada vez mais comum as pessoas utilizarem monitores de 17 polegadas ou mais, tornando possível a configuração da resolução do monitor para 1024×768 ou superior.

Acessei minha conta do Google Analitycs e verifiquei que este é um fato, segundo as estatísticas 64% dos visitantes que acessam o Criar Sites utilizam uma resolução de 1024×768 px seguido de 800×600 com 19% e 1208×1024 com 6%.
Clique na imagem para conferir todos os dados.
Resolução da tela

Quando um site que foi feito para ser acomodado em um monitor de 800×600 px é visualizado em uma resolução superior a isso, o visitante tem um espaço em branco sendo exibido na lateral do site como é o caso do Criar Sites.
Clique na imagem para ver a margem branca.
Criar Sites

Soluções
Versão adaptável - Você pode criar o site de forma que ele adapte em qualquer resolução, isso quer dizer que ele se estique ou diminua conforme a necessidade. Porém isso trás vantagens e desvantagens.
Se a resolução do monitor do visitante for muito pequena o conteúdo acabará sendo expremido e se for uma resolução muito grande o site acabará com espaços em branco.

Optar por uma resolução maior – Se optar por um comprimento maior como a de 1000 px (que garante que seu site apareça inteiro) estará garantindo que seu site apareça da maneira que você quer pelo menos na maioria dos monitores dos visitantes que é a resolução de 1024×768 px (segundo minhas pesquisas).
Minha dica é que divida o site em 3 partes, como menu de navegação, conteúdo e uma terceira parte onde poderia ser colocado alguns menus extras ou uma área de publicidade. O ideal é que o conteúdo e o menu de navegação sejam visíveis a uma resolução de 800×600 px.

Veja meu exemplo:

1000 px
<———————————————————->
Menu Conteúdo Publicidade
778 px
<—————————————–>
 

Mais Artigos que você pode estar interessado

Sobre o autor do Blog

celso lemes

Website | Twitter | Facebook | Google+

Celso Lemes é Webmaster e Blogueiro profissional. Desenvolvedor do CriarSites.com e do Curso Profissão Problogger e de outros tantos blogs.

{ 8 comentários… leia abaixo ou deixe o seu }

1 lcodigo_de_barrasl 18/05/2008 às 3:32 pm

Oi estou a procura de codigos em html que possam direcionar o site da melhor maneira possivel a resolução do monitor pois estou com esse problema e como sou iniciante, não consegui nada que resolvesse. O site Ig por exemplo, se adapta sempre a qualquer tamanho. abçs

Responder

2 Celso Lemes 20/05/2008 às 5:05 pm

Olá

Eu não recomendo o uso de páginas que se adaptam ao monitor do visitante, pois isso poderia causar uma deformação na forma de como seu site é apresentado ao visitante.

Porém se for isso o que você quer, o código abaixose adapta ao monitor, veja que a tag width está em 100%

<table width="100%" border="0" cellspacing="0"

cellpadding="0">

<tr>

<td>conteúdo</td>

</tr>

</table>

Espero que isso ajude, qualquer coisa deixe um comentário. Abraço!

Responder

3 William 20/01/2009 às 3:51 pm

Celso Lemes, gostaria de saber oq eu posso fazer para ajustar o tamanho do meu site q eu utilizo o ucoz, em uma resolução de 1440 por 900 a imagem é perfeita ja em outras resoluções menores n
da uma olhada no meu site e veja como é, se possivel me ajude a arrumar para que todo o conteúdo seja apresentado

Responder

4 Celso Lemes 20/01/2009 às 4:02 pm

Willian,
É possível editar as páginas de templates no Ucoz, porém é recomendado apenas para pessoas com conhecimento sobre html e css.
Como eu também não sou muito bom com isso, eu recomendo que troque o template.

Abraço!

Responder

5 Thiago Bettanzos 14/05/2009 às 12:46 am

No site CRIARWEB eu vi um JAVASCRIPT que é incorporado ao html principal… dependendo da resolução da tela do usuário é direcionado um index diferente… ou seja, voce vai ter que construir varios sites iguais para diferentes resoluções… das muito trabalho mas é a única solução perfeita… o submarino trabalha assim.

Abraços

Responder

6 Celso Lemes 14/05/2009 às 5:55 am

Thiago,
O problema de fazer isso é que você estaria criando conteúdo duplicado e pode ser penalizado pelos buscadores.
Mas se não fizer questão de receber visitas dos buscadores, esta pode ser uma boa opção sim.

Abraço!

Responder

7 Ana 22/10/2010 às 1:03 am

Olá….Celso
Por favor, estou desenvolvendo um site no Cariboost, desenvolvi em 800×600, pensando que seria mais fácil para não ter esses transtornos com os monitores de usuários, mas no Internet Explorer, alguns Scripts se deslocam de lugar, a página principal não fica centralizada , já no Mozilla Firefox, fica correta. Sou estudante ainda…..é o meu primeiro site utilizando um programa para criação de sites…..Utilizei o Cariboost porque achei simples , ja que ainda não tenho dominio em outros programas mais complexos. O que posso fazer para resolver esse problema e porque isso acontece? caso não possa me ajudar, sabe de algum site, tutorial ou alguém que possa? Esse site é um trabalho, e tenho uma semana pra tentar resolver isso…. Muito obrigada pela atenção. um abraço…..Ana

Responder

8 Celso Lemes 22/10/2010 às 4:39 pm

Ana,
Desculpe mas eu também não tenho uma resposta para isso. Aparentemente o WebAcappella apresenta este erro por causa de algum script que tenha sido colocado na página. Para solucionar, você vai ter que retirar os códigos e ir testando.

Abraço!

Responder

Deixe um comentário

Atenção antes de Deixar um Comentário!
- Se o seu comentário for relacionado ao post, tenha certeza de que o leu.
- Todo comentário obsceno, ilegal, ofensivo, anônimo, escrito todo em maiúscula, contendo gírias em excesso ou estritamente publicitários, serão "apagados".
- Somente inclua links no comentário se ajudar a explicar o seu comentário.
- Se precisa de ajuda, procure deixar o máximo de informação possível.
- Não peça para adicionar ao MSN.
- Spam não será tolerado.


Este site lhe foi útil? Então ajude na divulgação clicando aqui.

Post Anterior:

Próximo Post