Antes de fazer uso das Grids, temos que estabelecer algumas constantes. A primeira será a resolução de tela que nossos visitantes mais usam. Isso é conseguido pelo Analytics, ou ou programa de estatísticas de site.
Resolução de Tela
A maioria hoje em dia usa uma resolução de 1034 x 768. A apresentação das informações, geralmente ocupam, em um browser, 974 x 650 até a quebra de linha (quebra de linha seria o fim da tela do computador).
Então, um layout com dimensões de 960px seria o mais adequado.
Anúncios
Outra constante que deve ser avaliada, são os anúncios do Adsense. O maior bloco de anúncio seria a Caixa Grande de 336 x 280. Trabalhando com medidas em cima deste bloco, já otimizamos espaços para outros, como, o de 300 x 250.
Com medidas em cima deste bloco os outros anúncios estão com espaços garantidos.
Unidades e Colunas
As Grids são compostas de unidades e colunas uniformes que darão sustentação ao Designer do site.
A Grid
Em geral sempre estabelecemos unidades em multiplos de 3 ou 4. Por exempo 6, 8, 12, 14, etc.
Veja um Grid com 3 colunas e cada coluna com 4 unidades.
Grid com 2 colunas com 6 unidades.
Grid com 4 colunas com 3 unidades.
Grid com 6 colunas com 2 unidades.
As variações e combinações são diversas, mas vendo estes exemplos, já se pode ter uma idéia de como podemos criar vários layouts em cima de um grid.
Não fique preocupado(a) se não entender, ainda, para que serve as Grids. Em posts futuro verá que são muito práticas.
Subscreva o CSS-Desvendado completo!
Subscreva CSS - Desvendado por Email
Resolução de Tela
A maioria hoje em dia usa uma resolução de 1034 x 768. A apresentação das informações, geralmente ocupam, em um browser, 974 x 650 até a quebra de linha (quebra de linha seria o fim da tela do computador).
Então, um layout com dimensões de 960px seria o mais adequado.
Anúncios
Outra constante que deve ser avaliada, são os anúncios do Adsense. O maior bloco de anúncio seria a Caixa Grande de 336 x 280. Trabalhando com medidas em cima deste bloco, já otimizamos espaços para outros, como, o de 300 x 250.
Com medidas em cima deste bloco os outros anúncios estão com espaços garantidos.
Unidades e Colunas
As Grids são compostas de unidades e colunas uniformes que darão sustentação ao Designer do site.
A Grid
Em geral sempre estabelecemos unidades em multiplos de 3 ou 4. Por exempo 6, 8, 12, 14, etc.
Veja um Grid com 3 colunas e cada coluna com 4 unidades.
Grid com 2 colunas com 6 unidades.
Grid com 4 colunas com 3 unidades.
Grid com 6 colunas com 2 unidades.
As variações e combinações são diversas, mas vendo estes exemplos, já se pode ter uma idéia de como podemos criar vários layouts em cima de um grid.
Não fique preocupado(a) se não entender, ainda, para que serve as Grids. Em posts futuro verá que são muito práticas.
Subscreva o CSS-Desvendado completo!
Subscreva CSS - Desvendado por Email
Marcelo R. Souza
0 comentários:
Postar um comentário
Faça seu comentário ou sua pergunta. Quando for possível postarei a resposta.
Obrigado!
Para deixar o link da sua última postagem coloque este código:
<em><strong>Seu nome</strong> publicou um post sobre.. <a href="seu link do último post">Título do Post</a></em>
Ficará assim:
Marcelo publicou um post sobre.. Alguma coisa