Os usuários da Internet usam uma grande variedade de monitores com diferentes resoluções de tela. Portanto, uma das tarefas dos desenvolvedores web é a necessidade de criar e otimizar um site para sua correta exibição em monitores de qualquer resolução.
Instruções
Passo 1
Projete seu site com a resolução utilizável mais baixa - 800 * 600 pixels e use um layout fixo. Mas, com essa abordagem, há uma desvantagem - para usuários que possuem monitores widescreen, campos amplos aparecerão na tela ao visualizar seu site.
Passo 2
Use um layout fluido. Nesse caso, as páginas serão alongadas horizontalmente nesses monitores, cuja resolução é superior à utilizada no desenvolvimento. Mas essa abordagem é melhor usada ao criar sites com muitas informações textuais e uma quantidade mínima de gráficos. Isso ocorre porque alguns elementos, como imagens ou componentes de terceiros, serão distorcidos ao redimensionar em monitores diferentes.
etapa 3
O mais correto, mas ao mesmo tempo mais complexo do ponto de vista de implementação, é a utilização de um layout adaptativo. Esta é uma versão mais complexa do layout de borracha, que permite alterar o número de colunas com informações ao usar o código do programa.
Passo 4
Mas qualquer que seja o layout escolhido para o desenvolvimento do site, faça seu layout com uma resolução de tela de 1024 * 768 pixels. Esta é a resolução mais comum.
Etapa 5
Além disso, para a correta exibição do site em monitores com resolução diferente, siga algumas regras. Tente manter o conteúdo principal da página em uma tela para evitar a rolagem. Coloque as informações de texto em uma coluna estreita para que não "se espalhem" por toda a largura da tela. Acompanhe o design geral das páginas para que tudo seja proporcional.
Etapa 6
Ao projetar seu design, calcule a porcentagem, não a quantidade, da largura e altura da página. Em seguida, a página será redimensionada proporcionalmente em monitores convencionais e em monitores widescreen.
