Feeds:
Posts
Comentários

Posts Tagged ‘webstandards’

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…)

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 »

Mais um preconceituoso com o firefox!

Recentemente assistindo a Mix Tv vi um comercial sobre um site chamado Mix Me, uma “comunidade” onde você cria seu perfil e tem acesso a várias músicas, páginas de artistas, etc…

Resolvi entrar para ver a estrutura do mesmo, seu código fonte, o problema é que quando abri sua home me deparei com o seguinte alerta javascript:

“Acesso exclusivo em Browsers Internet Explorer a partir da versão 5.5”

Como um portal de tamanha expressão, que quer julgo eu concorrer com os grandes portais de música do Brasil, pode ainda ter essa visão de que somente pessoas com o browser da monopolizadora (lê-se Micro$oft) tem direito de acessar seu conteúdo, ainda mais em tempos que tanto se fala sobre padrões web e aplicações Cross-browser?

Read Full Post »