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.

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/