O "cabeçalho", ou o topo da página da web, torna o seu site único, permite que ele seja diferente dos outros e reflita as especificidades do seu projeto de Internet. Com a ajuda de um cabeçalho original e bem feito, você pode decorar e refinar qualquer página da web, e para fazer você mesmo o cabeçalho, você precisa aprender a fazer o layout desse elemento da web.
Instruções
Passo 1
Se você deseja que seu site tenha dimensões estáticas e constantes, você precisa criar um cabeçalho estático que não muda dependendo da mudança na largura da tela. Determine a largura e a altura do cabeçalho (por exemplo, 996x230) e insira uma imagem de fundo no bloco superior usando o seguinte código CSS, onde header-1.jpg
plano de fundo: # a6b7d3 url (img / header-1.jpg) sem repetição;
largura: 996px;
altura: 230px;
} O código HTML para um cabeçalho deste tipo terá a seguinte aparência:
Passo 2
Se o site for construído de forma que suas dimensões sejam ajustadas à largura da tela, o cabeçalho deve ser formatado levando em consideração todas as principais resoluções do monitor. A largura máxima desse cabeçalho deve ser de 1920 pixels. Para inserir tal cabeçalho, use o código CSS: #header {background: # a6b7d3 url (img / header-2.jpg) no-repeat center; height: 250px;} O código HTML neste caso é semelhante ao anterior. O código CSS foi alterado em alguns parâmetros - agora ele possui um atributo para centralizar a imagem do cabeçalho, o que permite ajustar o fundo a qualquer largura de tela.
etapa 3
Você também pode criar um cabeçalho mais complexo, cortado em vários blocos de fundo, que mudarão de posição dependendo do tamanho da janela de visualização. O CSS para esse cabeçalho é mais complexo e extenso e envolve a repetição de vários elementos de fundo de acordo com as dimensões flutuantes da janela do navegador na qual seu site pode ser visualizado.
