Por Luciano Moreno
A interface de um navegador, em seu modo padrão, apresenta ao usuário uma ou mais barras superiores (de menus, de endereços, etc.), uma barra inferior (a barra de estado) e um espaço principal, a janela, na qual são apresentadas as páginas web.
A forma desta janela é sempre retangular, porém seu tamanho varia, dependendo do monitor e do cartão gráfico. Podemos falar de dois tamanhos de tela diferentes:
O tamanho absoluto costuma se expressar em polegadas de diagonal (1 polegada = 25,4 mm). O mais comum atualmente é o de 17'' em computadores de mesa, embora ainda existam bastantes máquinas antigas com monitores de 15'' e existem no mercado bastantes de 19'' e de 21''. O tamanho absoluto dos monitores dos laptops costuma ser de 14-15''.
Quanto à resolução, os valores mais comuns são de 800x600 e de 1024 x768 pixels, embora existam ainda usuários que trabalhem por baixo da média a 640x480, e por cima, a resoluções de 1152x864 e 1280x960 pixels.
O tamanho absoluto e a resolução devem estar em concordância para uma visualização correta, sendo valores aceitáveis os seguintes:
As possíveis resoluções de trabalho de uma máquina dependem, sobretudo da qualidade do monitor e do cartão gráfico do computador, e se configuram, em sistemas operacionais Windows, clicando com o botão direito do mouse sobre o escritório, selecionando a opção Propriedades e acessando à aba Configuração, ou também através de Iniciar > Painel de controle > Visualização.
A importância da resolução de tela sobre a forma de ser visualizadas as páginas web na janela do navegador é muito importante. A maior resolução se dispõe de mais pontos de informação para apresentar os elementos na tela, porém estes pontos são menores, com o qual os elementos da interface (textos, imagens, objetos de formulário, etc.) se vêem menores.
Tamanho de página e resoluções

Se desenhamos uma página para uma resolução dada, ocupando toda a janela do navegador, aqueles usuários que a visualizarem em resoluções menores não terão espaço na tela para conter toda a página, por conta disso se veriam obrigados a usar as barras de deslocamento do navegador. Sendo ao contrário, aqueles usuários que a visualizarem a resoluções maiores terão muito espaço na tela para tão pouca página, deixando assim bastante espaço vazio, sem conteúdos.
Para solucionar estas diferenças, o normal é que se desenhem as páginas web para uma resolução base, geralmente a mais usada na atualidade pela maioria (800x600), e se construam internamente mediante tabelas ou camadas de tamanhos relativos, com larguras definidas em %, com o qual se consegue que ao ser visualizadas em monitores de mais resolução se "abram", ocupando todo o espaço de tela disponível.
Os problemas que têm este sistema são que não dá suporte aos usuários que utilizam resoluções menores e que, no caso de resoluções maiores, o design da página poderá ser visto seriamente afetado ao modificar seus elementos das dimensões originais.
Outra possibilidade é projetar toda a página dentro de um container-pai (uma tabela ou camada) e atribuir a este um alinhamento centralizado, com o qual a página ficaria no centro da tela se se usa uma resolução maior que a do desenho.
| Por: JP | 02/3/07
|