A maioria de fundos do branco da característica dos Web site. Ou sentam-se em uma marinha ou em um fundo cinzento -- mas a maioria da tela é ainda branco, como uma página do jogo do papel de encontro ao fundo mais escuro. Ocasionalmente, você pôde funcionar através de umas cores mais interessantes - vermelhos e purples e verdes e para oxidar - frequentemente olhando mais gaudy do que o profissional.

Mas cada agora e então, há um Web site com uma foto ou um desenho ou um fundo do teste padrão. Este tutorial mostrará a lhe não apenas como colocar um fundo em seu Web site, mas a cinco tiquetaques inteligentes ao spice acima do fundo sem recorrer ao gaudiness.

O código básico do HTML para colocar um fundo em seu Web page é muito simples:

Colocar um fundo em uma tabela, talvez ajustou-se de encontro a um fundo da página da cor contínua, é aqui o código básico do HTML:

A lima da imagem chamada image.jpg transforma-se agora seu fundo. Uma imagem típica mostraria acima “telhado”. Ou seja repete-se horizontalmente e para encher verticalmente a tela. Isto geralmente não olha muito profissional, é assim aqui cinco truques para limpá-la acima e para spice acima a.

1. Usar gráficos da “tira”. Os gráficos da tira são as imagens simplesmente muito longas que esticam através da tela. Quando repetem, repetem um abaixo do outro. Para ver isto na ação, ver minha página em http://www.thehappyguy.com/SEO.html. A tira amarela ao longo dos olhares do lado direito como ela é parte da imagem superior da bandeira. Mas é uns 650 por uma imagem de 20 tiras, na maior parte branco, com um toque do amarelo ao longo do lado esquerdo. Isto trabalha bem com testes padrões que variam somente da esquerda para a direita

2. Prender o fundo no lugar. Quando os scrolls de um visitante para baixo, o texto rolarem sobre a imagem. Eu usei este truque em meu Web site pessoal: http://www.leonhardtonline.com (perdoar por favor o mess - eu nunca pareço encontrar o momento de limpá-lo acima.) o código do HTML para fazer isto é:

Isto trabalha para testes padrões, mas trabalha melhor para fotos ou desenhos, tais como uma imagem desvanecida de seu logo da companhia ou um tiro desvanecido do cenário ou uma foto desvanecida da interação dos povos. (Recordar que o fundo não deve estar para fora à custa do texto e das imagens do primeiro plano, que é porque você quer imagens desvanecidas.)

3. Um outro truque grande do fundo é colocar um retrato menor no fundo, tal como seu logo da companhia ou alguma outra imagem que você não quer fazer exame acima da tela inteira. Isto trabalha melhor de encontro a um fundo branco. Está aqui o código do HTML:

Se você quiser a imagem mostrar acima apenas em uma tabela:

Eu usei esta função em apenas uma pilha de uma tabela introduzindo a em meu Tag para meu menu da navegação em http://www.vitamin-supplements-store.net. A observação como o frasco desvanecido está no fundo atrás da navegação liga, mas ele não repete abaixo a página.

4. Você pode mais mais controlar a posição da imagem de fundo. Considerar o seguinte código:

Nós temos agora um fundo que encha o canto direito superior da página. Dependendo de como grande é, pôde cobrir a maioria da tela ou apenas do canto.

5. Uma outra maneira usar imagens de fundo é como teclas da navegação. Quando os motores de busca puderem fàcilmente seguir as ligações da imagem, não carregam a mesma relevância que as ligações keyword-ricas do texto. Uma imagem da tecla do fundo pode fazer um texto ligar o olhar como uma tecla. Cada ligação da navegação teria que ser colocada dentro de sua própria tabela ou a pilha, aplica então o código usado no exemplo precedente.

Usadas corretamente, as imagens de fundo podem extremamente realçar a apelação de seu Web site. Se você estiver procurando uma maneira spice acima de seu Web site, estes quatro truques podem ajudar.

Article Source: http://www.articleset.com