Feeds:
Posts
Comentários

Posts Tagged ‘layout’

Layout 3 colunas elástico

Baseado no artigo sobre tipos de layout, vou mostrar como fazer um simples layout elástico com 3 colunas utilizando css.

A página terá um banner, uma coluna direita que será o menu, uma coluna central que será o conteúdo, uma coluna esquerda com notícias e um rodapé.

No corpo da página, entre o <body></body>, crie a seguinte estrutura:

<div id="geral">
<div id="topo">Banner</div>
<div id="coluna_dir">Menu</div>
<div id="conteudo">Conteúdo</div>
<div id="coluna_esq">Notícias</div>
<div id="rodape">Rodapé</div>
</div>

(mais…)

Anúncios

Read Full Post »

Tipos de layout. Fixo, líquido ou elástico?

Uma das grandes dificuldades na hora de projetar um site, é escolher qual o tipo de layout utilizar.
Dentre as opções temos o layout fixo, líquido e elástico. Não existe o melhor e sim qual se adequa ao projeto do site, o público alvo, etc…

Layout Fixo

Como o próprio nome já diz, com este tipo de layout o mesmo tem um tamanho fixo de largura. Isso facilita pro desenvolvedor na hora de disponibilizar o conteúdo, pois ele tem um total controle de como o mesmo será apresentado. Outro ponto positivo é com relação ao texto, o mesmo tendo um tamanho fixo e sendo curto, facilita a leitura do texto no ecrã.
Como nem tudo são flores, há também os pontos negativos. Com este tipo de layout, o mesmo não se adapta as necessidades do usuário e o site em um ecrã com grande resolução, fica encostado em um dos lados ou no centro da página.

Layout Líquido

Neste tipo de layout, o conteúdo do site se adapta a resolução utilizada pelo usuário. Com isso deixa de haver pontos vazio em volta do site, transmitindo assim maior informação.
Os pontos negativos neste tipo de layout são a dificuldade na leitura, pois as linhas de texto se tornam muito grandes e a dificuldade no posicionamento dos elementos na página.

Layout Elástico

O layout elástico nós podemos dizer que é um layout híbrido, pois ele é uma místura do fixo com o líquido. A largura da página é extensível até certo ponto, atingindo tal ponto o mesmo se torna fixo. Isso torna a disponibilização dos elementos na tela mais fácil para o desenvolvedor e maior o controle por parte do usuário.

Resumindo, a melhor forma de fazer a escolha do layout de um site, é fazendo uma boa pesquisa de público alvo e tentar atingir o maior número de usuários se não der para agradar a todos!

Read Full Post »