Alinhe Seu Site Ao Centro

Índice:

Alinhe Seu Site Ao Centro
Alinhe Seu Site Ao Centro

Vídeo: Alinhe Seu Site Ao Centro

Vídeo: Alinhe Seu Site Ao Centro
Vídeo: Instagram para vender artesanato na prática. 2024, Novembro
Anonim

Ao codificar, o webmaster deve fazer um grande esforço para fazer o site parecer igualmente bom em diferentes resoluções de tela. A melhor solução é centralizar todo o conteúdo na página.

Alinhe seu site ao centro
Alinhe seu site ao centro

Instruções

Passo 1

O método de alinhamento central depende do método de layout. Você pode usar tags ou

… Claro, é mais fácil agrupar todo o conteúdo em uma tag, mas ela está desatualizada há muito tempo e não há garantia de que tudo funcionará corretamente. A forma mais moderna é usando a tecnologia CSS.

Passo 2

A tag separa uma parte do código em um bloco, permitindo que você altere a aparência do conteúdo, dando ao fragmento uma fonte, cor, plano de fundo, etc. Com o layout de bloco, todo o conteúdo da tag é colocado na tag. Em nós definimos o alinhamento com o atributo align. Isso parecerá assim:

Conteúdo do site

etapa 3

A centralização também pode ser definida usando ferramentas CSS. Para fazer isso, você precisa criar um arquivo separado de folhas de estilo ou colocar tudo no mesmo arquivo HTML, na tag. O código será semelhante a este:

* {margem: 0; preenchimento: 0;}

corpo {

alinhamento de texto: centro;

}

div {

largura: 700px;

margem: 0 automático;

}

Passo 4

No layout da tabela, a centralização é definida usando tabelas na tag

… O código será assim: <tabela do site

… A tabela ficará localizada no centro da página, respectivamente, e seu conteúdo também. Você também pode definir a largura de qualquer bloco especificando-o usando o parâmetro de largura.

Etapa 5

Ao escolher a largura da página, lembre-se de que as resoluções de tela dos usuários podem ser muito diferentes das suas. Às vezes, para não se confundir com o tamanho, deve-se definir tudo em porcentagem. Isso é especialmente útil se você tiver um site simples.

Etapa 6

Independentemente do método usado, certifique-se de que seu site funcione corretamente em todos os navegadores. Se por algum motivo for exibido incorretamente em um deles - indique isso.

Recomendado: