Fundo. O que é isso? Geradores de plano de fundo de sites gratuitos

Índice:

Fundo. O que é isso? Geradores de plano de fundo de sites gratuitos
Fundo. O que é isso? Geradores de plano de fundo de sites gratuitos
Anonim

Background (traduzido do inglês - "background") é o plano de fundo do site. É o desenho externo do corpo de um recurso web, que permite focar a atenção dos visitantes nos detalhes principais sem se distrair com conteúdos secundários. A imagem de fundo do site torna este último mais individual e confere-lhe uma carga semântica especial. O clima do site é o seu pano de fundo. O que dá? Muitas pessoas sabem que a cor de fundo tem um impacto nos consumidores e usuários, e escolher a cor certa ajudará a direcionar o tráfego para o site. Entre os significados mais famosos: amarelo é a cor da alegria, felicidade e calor, branco significa pureza, fé e tranquilidade, vermelho é a cor do marketing, preto é capaz de extinguir a influência das cores vivas e é símbolo de poder.

fundo o que é
fundo o que é

Sobre os fundos do site

Então, qual é o pano de fundo, nós descobrimos. Toda a percepção do site pelos usuários depende dessa ninharia aparentemente. Afinal, isso ajuda a distingui-lo de muitos recursos semelhantes na rede. Vale a pena notar que os webmasters costumavam criar planos de fundo para sites manualmente. Agora, existem muitos serviços especiais que ajudam a criar um belo plano de fundo. Claro, ninguém proíbefaça isso manualmente, mas os modernos geradores de plano de fundo o ajudarão a fazer isso de forma rápida e gratuita. Você pode encontrar exemplos de planos de fundo prontos para o site no artigo.

Qual deve ser o plano de fundo do site?

O plano de fundo do site (ou seja, a imagem de plano de fundo) é escolhido pelo webmaster à sua vontade, mas deve-se levar em consideração que a percepção de todo o recurso como um todo dependerá dele. Não deixe tudo muito escuro ou destaque com cores brilhantes. O texto deve ser legível e visível. Não há necessidade de colocar preto no fundo. Qual é a razão para isto? Segundo as estatísticas, o tráfego do site em tons de preto geralmente é baixo, embora essa cor prolongue a vida útil do monitor. Imagens com tons claros são mais adequadas para o fundo.

Maneiras de adicionar uma cor de fundo a uma página da web

imagens de fundo
imagens de fundo

Para definir a cor de fundo do site, você precisa adicionar um parâmetro chamado BGCOLOR à linha com o descritor em seu documento HTML e atribuir a ele o valor desejado (este será o nome da cor no Inglês, por exemplo, VERDE, VERMELHO, AMARELO e etc.) ou um código de cor (oo8ooo - verde, FFoooo - vermelho, etc.). O navegador reconhece ambas as opções. O código de cores pode ser encontrado em programas ou editores especiais, como Photoshop ou Macromedia Dreamweaver.

Toda a estrutura será:

Você também pode usar o código de cores da mesma forma:

Como você pode ver, é fácil. Considere métodos para criar uma imagem de plano de fundo para um recurso da web.

Maneiras de adicionar uma imagem de fundo

Como já mencionado, o significado da palavra"background" é o plano de fundo de um recurso da web. Seu papel pode ser desempenhado por um grande arquivo gráfico (mas a página carregará mais lentamente) e até seu fragmento, que é mais prático em termos de tempo de carregamento. Se um fragmento de imagem for usado, ele será automaticamente multiplicado pelo navegador para todo o campo, portanto, é melhor escolher uma peça que se encaixe ao longo da borda. Você pode inserir uma imagem de fundo em uma página HTML como esta:

o que é fundo
o que é fundo

Neste caso, o parâmetro FUNDO é definido como images-g.webp

Indica dois níveis abaixo:

BACKGROUND=PastaA/PastaB/imagens.gif

Dois níveis de diretório acima:

BACKGROUND=../../images.gif

Caminho completo (URL) - FUNDO=(endereço completo da imagem)

É aconselhável usar o let completo para evitar confusão. O principal é que a imagem de fundo não é muito pálida, mas também não atrai muita atenção. Como você pode ver, consideramos o significado do conceito de "fundo", o que é, agora você sabe. Agora vamos dar uma olhada em alguns dos geradores de plano de fundo de sites gratuitos mencionados acima.

o significado da palavra fundo
o significado da palavra fundo

Geradores de plano de fundo gratuitos

Entre os geradores de plano de fundo gratuitos parasites podem ser distinguidos da seguinte forma:

  1. No PatternCooler.com você encontrará muitas imagens de fundo gratuitas de qualquer cor e textura. Aqui está o TOP dos melhores planos de fundo, bem como a capacidade de criar planos de fundo temáticos a partir de planos prontos.
  2. No BgPatterns.com você pode criar seu próprio plano de fundo. Aqui você pode escolher entre vários designs em uma cor de fundo específica que você pode escolher.
  3. O gerador Colourloverc.com é mais do que um simples gerador. Afinal, este é um projeto completo, tem algum entusiasmo social. Aqui você pode ver links para blogs de designers e desenvolvedores. Você pode compartilhar seus desenhos e também editá-los para criar belos planos de fundo.
  4. No Pixelknete.de você pode gerar um belo plano de fundo a partir de pontos de cores diferentes.
  5. Dynamicdrive.com permite que você crie um belo gradiente de fundo com cores diferentes.
  6. Tilemachine.com difere de todos os geradores em algum minimalismo. Ele oferece planos de fundo para sites infantis.

Usar um serviço como esse economizará seu tempo, mas criará uma bela imagem de fundo para o seu site.

plano de fundo para site
plano de fundo para site

Imagens de fundo para sites WordPress

A plataforma de site mais popular é o WordPress. Isso não é surpreendente, porque é gratuito e uma equipe de programadores fortes está constantemente melhorando. E o principal é que nele você pode automaticamente “experimentar” uma foto para o site:

  1. Para fazer isso, selecione um dos serviços de geração de segundo plano mencionados acima.
  2. Salve a imagem resultante em seu computador.
  3. Vá para o painel de administração do WordPress e encontre lá: "Aparência" - "Plano de fundo" - "Carregar imagem" - "Salvar".

Apenas três passos e o fundo está pronto! Como você pode ver, adicionar um fundo bonito não é uma coisa tão difícil, o principal é escolher o esquema de cores e a imagem de fundo corretos.

Recomendado: