Como Adicionar Um Plano De Fundo Ao Site

Índice:

Como Adicionar Um Plano De Fundo Ao Site
Como Adicionar Um Plano De Fundo Ao Site

Vídeo: Como Adicionar Um Plano De Fundo Ao Site

Vídeo: Como Adicionar Um Plano De Fundo Ao Site
Vídeo: 4 - Como Colocar uma Imagem de Fundo no Site 2024, Maio
Anonim

O plano de fundo no código-fonte das páginas da web, dependendo do design usado, pode ser definido especificando uma cor ou vinculando a um arquivo de imagem com a adição de seus parâmetros de posicionamento. Isso pode ser feito diretamente em tags HTML, em um bloco CSS separado na parte do cabeçalho da fonte ou em um arquivo separado com descrições de estilo.

Como adicionar um plano de fundo ao site
Como adicionar um plano de fundo ao site

Instruções

Passo 1

Abra o código-fonte do bloco que é usado em seu site para definir o plano de fundo de suas páginas. Ao utilizar qualquer sistema de controle, este bloco, via de regra, é alocado em um arquivo separado. O próprio sistema de controle possui ferramentas para editá-lo diretamente no navegador. Dependendo do sistema específico, este procedimento pode ser organizado de diferentes maneiras - por exemplo, por meio do editor de páginas. Se você não usa sistemas de controle, o arquivo correspondente deve ser baixado para o seu computador e aberto em qualquer editor. É melhor usar um editor de HTML especializado, mas você também pode usar o bloco de notas mais simples.

Passo 2

Adicione um atributo bgcolor à tag body indicando a tonalidade da cor se o fundo da página deve ser uma cor, não uma imagem. Por exemplo:

Aqui está uma cor laranja escura como plano de fundo. Nem todo nome textual ("mnemônico") da tonalidade pode ser reconhecido pelo navegador, então é melhor usar um código de cor hexadecimal. Por exemplo, o código FF8C00 corresponde a uma cor laranja escura:

etapa 3

Use o atributo background em vez de bgcolor na tag body se o background for definido por uma imagem em vez de uma cor. Por exemplo, se o arquivo com a imagem de fundo se chama bgPic

Passo 4

Coloque uma descrição de estilo no cabeçalho do seu código-fonte se quiser definir o plano de fundo da página usando CSS. Por exemplo, uma descrição de estilo CSS que substitui a cor laranja escura especificada na tag do corpo como plano de fundo pode ter a seguinte aparência:

corpo {cor de fundo: DarkOrange;}

E você pode definir uma imagem de fundo com a seguinte descrição de estilo:

body {background: # FF8C00 url (images / bgPic.gif) repeat-y;}

Aqui, além do link para a imagem, a cor de fundo (# FF8C00) também é indicada - se houver lugares na página que não estão cobertos pela imagem de fundo, eles serão pintados na tonalidade de cor especificada aqui. O parâmetro repeat-y especifica a repetição da imagem de fundo verticalmente (ao longo do eixo Y). Se você precisar repetir a imagem horizontalmente, deve usar o valor repeat-x e proibir a repetição do padrão - não repetir. Você pode colocar descrições de estilo antes da tag que fecha a parte do título do código HTML.

Etapa 5

Salve as alterações feitas no editor de página ou salve e carregue o arquivo baixado de volta para o servidor se o código foi editado em um arquivo em seu computador.

Recomendado: