Hoje, sites de qualidade precisam ter uma boa aparência em uma ampla variedade de resoluções de tela. Para fazer isso, é necessário que os elementos de design da página sejam dimensionados dentro de limites amplos. Isso se aplica principalmente ao cabeçalho do site.
É necessário
a capacidade de alterar a marcação das páginas do recurso
Instruções
Passo 1
Usar um modelo adequado é uma solução universal que permite não apenas esticar, mas também comprimir o cabeçalho, bem como outros elementos de design. Você pode usar modelos padrão fornecidos por hospedagem gratuita ou distribuídos gratuitamente na Internet. Qualquer modelo requer revisão e adaptação. É aconselhável alterar todos os gráficos para tornar o site único. Nunca use um layout padrão. Deixe a marcação da página - seu "esqueleto" e "carne" - o conteúdo e os elementos de design, substitua por seus próprios. O uso cuidadoso de modelos permite que você economize o tempo do desenvolvedor, que pode ser gasto no preenchimento do site com informações ou na expansão dos recursos do serviço.
Passo 2
Se a página já estiver formatada, você mesmo pode tentar esticar o cabeçalho. Isso requer conhecimento básico de HTML e CSS. Se o cabeçalho do site for projetado como um único arquivo gráfico, você pode tentar compactar e esticar sua imagem dependendo da largura da janela. Este método funciona bem se o fator de escala for pequeno. Se exceder a largura da imagem em um quarto ou mais, a qualidade da imagem será prejudicada. Os pixels individuais que formam a imagem se tornarão visíveis.
etapa 3
Para que a imagem permaneça com alta qualidade, mas ao mesmo tempo ocupe todo o espaço que lhe é reservado, é necessário dividi-la em partes distintas. Geralmente é o lado direito, esquerdo e centro. É desejável que a imagem tenha um fundo de largura sólida, com o qual fosse possível preencher as lacunas que surgem entre as partes do cabeçalho. As duas imagens que formam as bordas do cabeçalho devem ser fixadas nos lados esquerdo e direito do contêiner. Envolva a imagem central em uma tag. Pavimente o espaço restante com uma imagem de fundo de um pixel de largura.
Passo 4
Outra maneira fácil é criar uma imagem que seja inerentemente maior do que a tela maior. A imagem é definida como plano de fundo no centro da seção do cabeçalho. A desvantagem é o grande "peso" da imagem e, como resultado - o longo tempo de carregamento. Combinar os métodos acima evita a maioria dos efeitos negativos.
