Como adicionar uma imagem de fundo transparente para um site

Adicionando uma imagem de fundo para um site adiciona um monte de atividade visual que vai manter seus visitantes interessados ​​em seu site e torná-los ficar mais tempo. Você pode fazer muitas coisas interessantes uma imagem de fundo com que você não pode fazer com uma imagem regular, como a adição de texto em cima de que os motores de busca vai pegar. É uma maneira de fazer um fundo branco chato mais emocionante, e acrescenta um monte de personagem para o seu site. Os passos seguintes irão guiá-lo através do processo.

instruções

  1. Abra a imagem no Photoshop CS3 e dimensioná-lo para o tamanho exato que você quer que seja em seu site. selecionar "Imagem" e "Tamanho da imagem" para ajustar a altura e largura.

  2. Salve a imagem como um GIF ou JPEG, selecionando "Arquivo" então "Save for Web ou dispositivos."

  3. Carregue a imagem em seu servidor web em seu arquivo de imagens usando o cliente FTP.



  4. Abra a página HTML onde deseja que a imagem apareça em um editor de texto.

  5. Encontrar a área onde pretende colocar a imagem de fundo no código HTML. Para obter os melhores e mais limpas resultados, coloque a imagem em uma tabela ou linha.

  6. Digite o seguinte comando para incluir a imagem como um fundo em uma tabela:

    onde seu-image-name.jpg é a imagem que você deseja incluir.

  7. Tamanho da mesa de modo que é do mesmo tamanho que a imagem, ou utilizar de igual fundo repetição "Não" tag para evitar que a imagem repetindo, se a tabela é maior do que a própria imagem.

dicas & avisos

  • Quando você incluir uma imagem de fundo, o navegador automaticamente faz com que a imagem de repetir ao longo de ambos os eixos (vertical e horizontalmente).
  • Se a mesa onde a imagem de fundo está contido é do mesmo tamanho que a imagem, o espectador não vê a parte repetida da imagem.

recursos

De esta maneira? Compartilhar em redes sociais:

LiveInternet