O design de qualquer site é baseado em imagens e cores de fundo, como uma casa em uma fundação. Se você deseja substituir a base típica de seu recurso de Internet por algo mais individual, deve começar com o desenvolvimento do design. E quando estiver pronto, ficará a parte puramente técnica, ou seja, substituir o antigo design do background do site especificado no código-fonte das páginas pelo novo. Existem várias maneiras de implementar isso na prática.
Instruções
Passo 1
Primeiro você precisa descobrir de que forma o plano de fundo é definido na versão atual do site. Para fazer isso, abra o código HTML da página. Você pode fazer isso com um editor de texto simples, baixando o arquivo do servidor com antecedência. Ou você pode usar o editor das páginas do sistema de gerenciamento de conteúdo, se usar um. O editor de página não requer o download do arquivo, mas o modifica diretamente no servidor usando o navegador como interface. O código HTML (HyperText Markup Language) da página que você abre consiste em linhas de instrução para o navegador. Eles descrevem os tipos, aparência e localização de cada um dos elementos de uma página da web. Essas instruções são comumente chamadas de "tags". A ordem das próprias tags no código da página também obedece às regras da linguagem HTML - elas são divididas em blocos, o primeiro dos quais deve ser um bloco de título que começa com uma tag e termina. Deve ser seguido do bloco que mais lhe interessa agora - o corpo do documento. É limitado a tags e. Na tag de abertura deste bloco (), você pode colocar informações sobre o fundo da página. Essas informações nas tags são chamadas de "atributos". O atributo da tag body que define a cor de fundo é denotado como bgcolor e no código pode ter a seguinte aparência: Aqui, definimos a cor de fundo da página como prata. O navegador pode reconhecer algumas das cores pelos nomes, mas para não se enganar, é melhor indicar seus códigos hexadecimais. Esta versão com a cor prata em expressão hexadecimal terá a seguinte aparência: Então, você precisa encontrar a tag começando com <body no código da página e verificar se ela tem uma cor de fundo. Em caso afirmativo, substitua a indicação de cor com sua nova versão e salve as alterações na página.
Passo 2
O plano de fundo no design atual do seu site pode ser definido não por cor, mas por uma imagem. O atributo correspondente da tag body é chamado background e pode ter a seguinte aparência no código: Aqui, o background é a imagem bg.jpg
etapa 3
Ao descrever a aparência das páginas com um design relativamente complexo, use "folhas de estilo em cascata" - CSS (Folhas de estilo em cascata). Os blocos de código CSS podem ser incluídos diretamente no código da página ou contidos em um arquivo externo com a extensão "css". Você precisa procurar a tag de descrição do estilo começando com <style na parte do cabeçalho do código da página (entre as tags e). Se ele contiver um link para um arquivo externo, terá a seguinte aparência: @import "style.css"; Aqui está um link para uma folha de estilo chamada style.css. Você precisa abrir o arquivo especificado para edição. E se não houver nenhum link, e após a tag de abertura <style houver instruções de estilo, então você precisa editá-las aqui. Em ambas as opções, entre as descrições de estilos, é necessário procurar aquelas relacionadas ao corpo do documento (corpo). Este bloco de descrições pode ser parecido com este: body {
cor de fundo: prata;
cor preta;
} Aqui você precisa substituir o valor do parâmetro background-color pelo valor de sua nova cor e melhor nos mesmos valores hexadecimais. A opção de imagem de fundo nas instruções CSS deve ser semelhante a esta: body {
plano de fundo: # C0C0C0 url (img / bg.jpg) repeat-y;
cor preta;
} Aqui, o link para a imagem é semelhante ao discutido acima e # C0C0C0 antes do link significa que o espaço da página que não é ocupado pela imagem de fundo terá um fundo prateado. "Repetir-y" indica que a imagem de fundo deve ser multiplicada ao longo do eixo Y (vertical)."Repetir-y" pode ser substituído por "repetir-x" (replicação horizontal) ou "não repetir" (não replicar). Se você não especificar a repetição, a imagem do plano de fundo será alinhada ao espaço do plano de fundo da página em todas as direções.
