Como criar sites dentro da grade 960

Video: #2 - Como criar um site profissional passo a passo - Inicio do layout

Um ângulo útil a partir do qual a esculpir para o desafio de projetar páginas da web que ele inicie com o porquê de páginas da web são 960 pixels de largura. Mas são eles? Não, não todos eles. Mas existem poderosas razões por que web designers estão gravitando em direção a tornar páginas uma largura padrão de 960 px: função e forma.

Video: Como criar um site no google sites 2016

Primeiro de tudo, muito, muito ampla gama de janelas de visualização pode exibir uma página 960 px. Como pode tanto um monitor de tamanho normal e um iPhone exibir uma página 960 px? Essa pergunta tem uma resposta em duas partes:

• Uma página 960 px não vai preencher toda a largura de um monitor de tamanho normal - mas isso é uma coisa boa. Uma página web que preenche toda a largura de um monitor de tela grande seria muito difícil de digerir. Linhas de texto seria muito tempo para ler. O conteúdo da página seria demasiado esticado para os visitantes para absorver como um todo unificado.

• Os dispositivos móveis têm mais pixels por polegada do que os monitores de tamanho normal. Assim, mesmo Androids, iPhones e outros dispositivos pequenos podem exibir 960 px páginas.

Video: Como Criar um Site no Google, Domínio e Hospedagem Grátis 2

A outra atração do uso de uma grade 960 é que “960” é facilmente divisível. Isso significa que você pode quebrar (dividir) sua página em partes gerenciáveis ​​- Colunas - para ajudar a traçar o seu design. Por exemplo, digamos que você basear um projeto em uma abordagem de três colunas, cada 320 px de largura.

Video: Como Criar um Site Profissional do Zero com a Hostgator

A figura mostra apenas como projeto: uma grade de 960 dividida em três colunas mesma largura, usando o Adobe Illustrator como uma ferramenta de design. Nesta ilustração, um cabeçalho (em branco) preenche a parte superior da tela, e as três colunas são colocados abaixo do cabeçalho.

Ou, uma grelha 960 podem ser facilmente divididos em oito colunas 120 (px largura) ou 16 colunas (60 pixels de largura). Esta repartição imobiliário torna mais fácil para um designer (que pode ser você!) Para criar arte de tamanho apropriado para os anúncios, banners e outros conteúdos.

Na verdade, se as questões técnicas foram o único problema, web designers poderia ter página web padronizado tamanhos um pouco maiores do que 960 px, e os recipientes ainda se encaixam em dispositivos móveis. A maioria das janelas de visualização, incluindo celular, afirmam ser pelo menos 1024 pixels de largura -, mas o valor do uso de 960 reside na capacidade de usar o “divisibilidade” desse número no fluxo de trabalho.

O ponto essencial é que os designers - usando programas como o Adobe Illustrator, Adobe Photoshop, ou até mesmo uma folha de papel milimetrado - pode criar até 16 colunas de tamanho uniforme (60 px).

E, através da criação de seu projeto em cima do que grade de 16 colunas, que em seguida, vire a arte ao longo de um web designer que traduz a página para HTML e CSS usando um 960 px; recipiente de largura, e várias colunas que correspondem aos do original obra de arte.