css layout elastico fluido...

1. Profa. Denise Aristimunha de Lima – Disciplina Desenvolvimento para Web I
Técnico em Informática – Universidade da Região da Campanha
Professora: Denise Aristimunha de Lima | 2010/2
Trabalho
Fazer um layout líquido com 2 colunas. Tema livre (tem que ter topo, 2 colunas e
rodapé). Em dupla.
Tipos de Layout:
Layout Fixo
O layout de largura fixa tem definida sua largura estática, definida em normalmente em pixels.
Um layout deste tipo não se expande para preencher a janela do navegador, nem se contrai
quando a janela é diminuída. Permanece com a mesma largura sempre.
Exemplo:
Fonte: www.pgdesign.ufrgs.br
A vantagem deste tipo de layout é que os desenvolvedores web tem um controle maior sobre os
elementos da interface. Os elementos do layout podem ser ajustados meticulosamente que não
haverá surpresas na visualização nos navegadores.
A necessidade de ajuste de tamanho em uma visualização de tela diferente ao que foi concebido
primeiramente pode ser resolvida com diferentes arquivos .css cada um com um tipo de
configuração diferente.
Layout Líquido
Utilização do layout líquido (ou fluido) tem a característica de se expandir e de se contrair de
forma a se adequar à janela do navegador. As colunas são declaradas em porcentagem. Este tipo
de layout se adapta ao espaço disponível para visualização.

2. Profa. Denise Aristimunha de Lima – Disciplina Desenvolvimento para Web I
Desvantagens para telas abaixo de 800 px e acima de 1024. Em tamanhos menores de tela o
navegador acrescenta barras de rolagem e em tamanhos maiores as frases se tornam longas
demais para acompanhar linha a linha (tamanho ideal para linha é mais ou menos 9 palavras).
Acesse
http://www.acessibilidadelegal.com/