Um problema fundamental do webdesign é a projeção de nossas páginas, ou seja, como pensamos que serão vistas pelo usuário. Qual tamanho tem a sua tela? Será igual que a nossa, ou maior?

Inevitavelmente ocorrerá uma das duas coisas, ou inclusive ambas. Embora seja certo que os monitores de 800x600 são muito comuns, também o são os de 17". Por isso, se pensarmos no primeiro, deixaremos vazio grande parte do espaço do usuário de 17"; e se pensarmos neste, obrigaremos ao navegante de 15" a utilizar as barras de deslocamento horizontal para se mover por uma página, e isso é muito incômodo.

Referência: Temos um artigo que trata sobre este tema das resoluções de tela em páginas web com mais detalhes e de uma forma geral a todos os programas: - Definições de tela. Como tratá-las.

A solução predileta do designer costuma consistir em criar tabelas com uma largura e altura de tamanho definido percentualmente, ou seja, adaptável a cada monitor; o 100% é uma boa opção. O procedimento é simples: Tabelas > Inserir: a seguir aparece uma janela, onde introduzimos a vontade certos dados, como grossura de uma borda, número de filas (horizontais) e colunas (verticais), cor ou imagem de fundo (a imagem de fundo nas tabelas já é reconhecida em Netscape 7). Nesta primeira janela podemos definir a largura: 100%, isto é, adaptável ao monitor. Uma vez que aceitemos, já disporemos de nossa tabela na tela.

Agora, clicando com o botão direito do mouse sobre a mesma tabela, selecionamos Propriedades de tabela no menu contextual. Agora sim, definimos também a altura em 100%. Convém advertir, em todo caso, que este código é interpretado por Internet Explorer, mas não por Netscape em nenhuma de suas versões. Para torná-lo acessível a todos, podemos mudar a vista html e substituir a tabela (definida pelas etiquetas <table> </table>) por este código:

<table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%" style="text-align: left;">
<tbody>
<tr>
<td valign="top">
</td>
</tr>
</tbody>
</table>

Este codigo foi gerado por Netscape Composer e será assimilado por FrontPage, com possibilidade de ser editado normalmente sem que se perca sua compatibilidade (convém, em FrontPage, seguirmos estas instruções: abrimos Ferramentas> Opções de página> opção Código fonte html e selecionamos "manter o código fonte html", de maneira que FrontPage não re-escreva o código gerado por outras aplicações). Agora, tudo o que compormos dentro da tabela se adaptará aos diversos monitores, ficando sempre dentro da tela.

Se quisermos somente definir a largura da tabela, nos limitamos a seguir as primeiras instruções. Em todo caso, nenhum usuário se verá obrigado a mover o scroll horizontal quando navegue nossos sites. (Com exceção àquelas ocasiões em que incluamos objetos muito grandes sem possibilidade de reestruturação automática, como por exemplo, as imagens; até seria possível definir seu tamanho como porcentagem da janela, mas esta opção é útil somente em gráficos sem degradados, já que as fotografias ficariam deformadas e pixelizadas).