Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > Manuais > Curso prático de Web Design
SEÇÕES
Manuais relacionados
+Curso prático de Web Design
Categorias
+Design
+Guias de desenho

Índice do Manual Curso prático de Web Design
+ Introdução ao design gráfico
+ Design gráfico
+ Design gráfico na web
+ Componentes gráficos de um computador
+ Resolução de tela
+ Cores em um computador
+ Calibragem do monitor
+ Formas básicas em design gráfico
+ O ponto
+ A linha
+ O contorno
+ O quadrado
+ A circunferência
+ Contornos mistos
+ Contornos orgânicos
+ O design equilibrado. Introdução
+ O design equilibrado. As proporções
+ O design equilibrado. A escala
+ O design equilibrado. O contraste
+ O design equilibrado. Os agrupamentos
+ O design equilibrado. O reticulado
+ O design equilibrado. Os alinhamentos
+ O design equilibrado. As simetrias
+ O design equilibrado. O equilíbrio entre conteúdos
+ O design equilibrado. A hierarquia visual
+ Teoria da cor. Introdução
+ Teoria da cor. Natureza da cor
+ Teoria da cor. A percepção da cor
+ Teoria da cor. Modelos de cor
+ Teoria da cor. Tipos de cor
+ Teoria da cor. Propriedades das cores
+ Teoria da cor. Contrastes de cor
+ Teoria da cor. Estudo de algumas cores I
+ Teoria da cor. Estudo de algumas cores II
+ A cor na web. Cores disponíveis para a web
+ A cor na web. Paletas de cor seguras. Websafe e Reallysafe
+ A cor na web. O problema das imagens

Descrição dos capítulos

Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net


Resolução de tela

Considerações relativas aos distintos tipos de tela que os visitantes possam ter e o espaço disponí­vel para cada caso.


As aplicações encarregadas de apresentar as páginas web são os navegadores (browsers), entre os quais, cabe destacar por sua importância e difusão, Internet Explorer, Netscape Navigator, Opera e Mozilla Firefox.

A interface de um navegador, em seu modo padrão, apresenta ao usuário uma ou mais barras superiores (de menus, de endereços, etc.), uma barra inferior (a barra de estado) e um espaço principal, a janela, na qual são apresentadas as páginas web.

A forma desta janela é sempre retangular, porém seu tamanho varia, dependendo do monitor e do cartão gráfico. Podemos falar de dois tamanhos de tela diferentes:

  • Tamanho absoluto: é o tamanho "real" da janela do monitor, medido geralmente em polegadas. Depende do monitor.
  • Resolução ou tamanho relativo : vem determinado pelo número de pixels que se mostram na janela do monitor, sendo o píxel a unidade mínima de informação que pode se apresentar em tela, de forma geralmente retangular. Depende do cartão gráfico.

O tamanho absoluto costuma se expressar em polegadas de diagonal (1 polegada = 25,4 mm). O mais comum atualmente é o de 17'' em computadores de mesa, embora ainda existam bastantes máquinas antigas com monitores de 15'' e existem no mercado bastantes de 19'' e de 21''. O tamanho absoluto dos monitores dos laptops costuma ser de 14-15''.

Quanto à resolução, os valores mais comuns são de 800x600 e de 1024 x768 pixels, embora existam ainda usuários que trabalhem por baixo da média a 640x480, e por cima, a resoluções de 1152x864 e 1280x960 pixels.

O tamanho absoluto e a resolução devem estar em concordância para uma visualização correta, sendo valores aceitáveis os seguintes:

  • 14" - 15": Resolução máxima apreciável: 800x600
  • 17": Resolução máxima apreciável: 800x600 ou 1024x768
  • 19'' e 21": A partir de 1024 x 768

As possíveis resoluções de trabalho de uma máquina dependem, sobretudo da qualidade do monitor e do cartão gráfico do computador, e se configuram, em sistemas operacionais Windows, clicando com o botão direito do mouse sobre o escritório, selecionando a opção Propriedades e acessando à aba Configuração, ou também através de Iniciar > Painel de controle > Visualização.

A importância da resolução de tela sobre a forma de ser visualizadas as páginas web na janela do navegador é muito importante. A maior resolução se dispõe de mais pontos de informação para apresentar os elementos na tela, porém estes pontos são menores, com o qual os elementos da interface (textos, imagens, objetos de formulário, etc.) se vêem menores.

Tamanho de página e resoluções
Tamaño de página y resoluciones

Se desenhamos uma página para uma resolução dada, ocupando toda a janela do navegador, aqueles usuários que a visualizarem em resoluções menores não terão espaço na tela para conter toda a página, por conta disso se veriam obrigados a usar as barras de deslocamento do navegador. Sendo ao contrário, aqueles usuários que a visualizarem a resoluções maiores terão muito espaço na tela para tão pouca página, deixando assim bastante espaço vazio, sem conteúdos.

Para solucionar estas diferenças, o normal é que se desenhem as páginas web para uma resolução base, geralmente a mais usada na atualidade pela maioria (800x600), e se construam internamente mediante tabelas ou camadas de tamanhos relativos, com larguras definidas em %, com o qual se consegue que ao ser visualizadas em monitores de mais resolução se "abram", ocupando todo o espaço de tela disponível.

Os problemas que têm este sistema são que não dá suporte aos usuários que utilizam resoluções menores e que, no caso de resoluções maiores, o design da página poderá ser visto seriamente afetado ao modificar seus elementos das dimensões originais.

Outra possibilidade é projetar toda a página dentro de um container-pai (uma tabela ou camada) e atribuir a este um alinhamento centralizado, com o qual a página ficaria no centro da tela se se usa uma resolução maior que a do desenho.

Autoria e outras referências sobre este artigo

Manuais relacionados com este artigo
Dentro de Curso prático de Web Design

Categorias relacionadas
Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo:
+ Entrar em Design
+ Entrar em Guias de desenho


Comentários dos visitantes
Os comentários dos visitantes são para ampliar a informação do artigo. Todos podem participar.
 Mostra-se um comentário revisto

 Comentário de JP  02/3/07 
Uma boa também é fazer o site em Flash. Com o Flash não importa a resolução.

Comentário sem rever
Entre os comentários não revistos podem ter alguns interessantes que tenham sido enviado recentemente.
 Foram econtrados 2 comentários sem rever

VerVer os comentários não revistos



Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites