Largura das páginas

Escrito por Celso Lemes
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
<—————————————–>
 

Confira também
Artigo Anterior: Releia o que escreveu
Próximo Artigo: Imagem nas páginas


Não tem tempo para acessar o Criar Sites para conferir as novidades?

2 Respostas

Cadastre-se no comments rss ou deixe um trackback
  1. 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

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

Deixe seu comentário


_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Atenção! Todo comentário com palavras obcenas, ilegal, ofensivo, escrito em CAIXA ALTA, "publicitários" serão deletados.
Se precisar sanar dúvidas, por favor inclua todas as informações necessárias.
Eu, Celso Lemes não me responsabilizo pelos comentários deixados pelos visitantes.

*
Para provar que você é uma pessoa (e não um sistema automatico), digite a palavra de segurança encontrada na imagem. Clique na figura para ouvir o áudio.
Click to hear an audio file of the anti-spam word

Procure no Site
Pesquisa personalizada
Publicidade