26 dicas de webdesign
(parte 4) |
|
artigos
>> <web>design >> 26
dicas de webdesign (parte 4) >> pág.
2
(artigo originalmente publicado no
site Aranha Internet e design)
Fábio Carvalho
31/3/2001
páginas iguais em qualquer
resolução de vídeo
Uma das formas mais usadas para garantir que suas
páginas serão iguais independente
da resolução de vídeo usada
pelos seus visitantes é lançar mão
de tabelas.
Embora as tabelas tenham sido criadas para a apresentação
de dados tabulados, rapidamente elas se tornaram
o principal recurso na formatação
de páginas HTML, uma vez que esta linguagem
não possui qualquer recurso específico
para este fim.
A solução a seguir parte da premissa
que a menor resolução de vídeo
que o público do seu site usa é 640x480.
Isso ainda pode ser uma verdade, mas se a WebTV
e a Internet em palmtops, geladeiras, relógios,
celulares, e todo tipo de aparelho novo se tornar
uma realidade, talvez esta dica tenha que ser reavaliada.
Coloque todo o conteúdo de sua página
dentro de várias tabelas com a largura (width)
igual a 600 pixels. Por que eu disse tabelas ao
invés de apenas uma tabela? Porque se você
colocar todo o conteúdo de sua página
em uma única tabela, e houver muito texto/imagens
em sua página, ela irá demorar muito
para ser exibida, pois uma tabela só começa
a ser mostrada depois que a declaração
de todos os elementos que a compõem (tudo
que fica entre as tags <table> e </table>)
são carregados. Então, para evitar
este problema, divida o conteúdo de sua página
em blocos consecutivos, e coloque cada bloco dentro
de uma tabela. Entretanto, se sua página
for pequena, com poucos elementos, aí você
pode usar apenas uma tabela.
Não se esqueça de centralizar a tabela
na página, pois uma das coisas mais horríveis
que há é estar usando uma configuração
de vídeo igual ou maior que 800x600 pixels,
e se entrar numa página que usa uma tabela
de 600 pixels de largura com todo o conteúdo
"grudado" na margem esquerda, e um imenso
espaço vazio à direita. Com a tabela
centralizada sua página fica sempre mais
equilibrada e harmoniosa.
espaço em branco
Deixe sempre um pouco de espaço em branco
em suas páginas, para que ela não
pareça muito "entulhada". Note
a margem esquerda deste quadro.
Não coloque o texto correndo de canto a
canto da tela; ao invés disso, use uma
tabela para criar uma coluna mais estreira (de
80 a 90 % da largura disponível), e coloque
o seu texto dentro desta coluna.
Isto também vale para os outros setores
de uma página, o menu, por exemplo. Deixe
um pouco de espaço entre as opções,
e providencie margens dos lados do menu.
Não grude o texto a uma imagem; use os
parâmetros vspace e hspace da tag <IMG>
para afastar uma imagem dos elementos que a cercam.
Se você congestionar sua página com
um excesso de elementos, na ânsia de mostrar
como o seu site é rico e variado, pode
acabar confundindo seu visitante, e tornando o
visual de seu site muito irritatante. Excesso
de informação em pouco espaço
cria poluição visual, o que não
agrada à ninguém.
frames sem bordas e de tamanho
fixo
Os frames foram criados para que fosse possível
se dividir a janela do navegador em duas ou mais
partes, permitindo-se que, por exemplo, um menu
ficasse separado da página de conteúdo (principal),
de forma que a página de conteúdo fosse alterada
à partir das opções do menu, mas que o menu permanecesse
fixo, independente da página de conteúdo.
Entretanto, se você criar seus frames apenas
com os elementos básicos, aparecerá
uma divisão cinza grossa entre cada frame.
Esta linha também permitirá que
o seu visitante clique e a arraste para mudar
a dimensão do frame.
Para eliminar esta divisão, e fazer com
que seus frames fiquem "invisíveis",
na declaração do seu frameset, você deve
acrescentar dois parâmetros: BORDER="0"
e FRAMEBORDER="No".
por exemplo:
<FRAMESET ROWS="43,88,*"
FRAMESPACING=0 BORDER=0 FRAMEBORDER="No">
Para impedir que os frames sejam redimensionados,
na declaração de cada frame, você deve acrescentar
um parâmetro: NORESIZE.
por exemplo:
<FRAME NAME="exemplo" SRC="exemplo.htm"
NORESIZE>
<< volta
|