Como criar webpage fundos

Um fundo atraente e discreto para sua página web, se você fizer isso bem, dá o seu site uma aparência muito profissional. Com apenas um pouco de conhecimento de Photoshop ou Paint Shop Pro, e muito menos conhecimento de folhas de estilo em cascata, você pode fazer isso sozinho.

Coisas que você precisa

  • Gráficos de programas como o Photoshop ou Paint Shop Protext ou editor HTML

Três maneiras de obter gráficos de fundo

  1. Dois sites onde você pode baixar imagens de fundo webpage gratuitos estão listados na seção Recursos.

  2. Se você tem OpenOffice.org, a suíte de produtividade livre e aberto, instalado no seu computador, você pode usar as imagens de fundo web incluídos. No Windows XP, estes ficheiros estão localizados em C: Program Files OpenOffice.org 3 Base share galeria www-back.

    O software OpenOffice.org está licenciado sob a GNU Lesser General Public License (LGPL) ea Licença Pública de Documentação (PDL).

  3. Com um programa como o Photoshop ou Paint Shop Pro, faça seus próprios pequenos gráficos para usar como azulejos de fundo para o seu site.

Fazer uma telha do fundo listrado

  1. Para fazer um fundo minúsculo telha no Paint Shop Pro, selecione "Arquivo" e depois "Nova imagem." Esta telha terá pequenas listras verticais na cor rosa e branco.

  2. A imagem deve estar em resolução de 72 dpi, e apenas 1 pixel de altura e 2 pixels de largura.

  3. selecionar "Visão" e zoom em o quanto for necessário para ver a imagem claramente.

  4. No seletor de cores, escolha branco para a cor de fundo e rosa pálido para a cor da pintura.

  5. Agora, selecione o "Pincel" ferramenta.

  6. Selecione a caixa de opções da ferramenta na parte superior da tela. Uma janela aparecerá com "Opções de ferramentas - Paint Brush." selecionar "Quadrado" para a forma de pincel e "1" para o tamanho.

    Opções da ferramenta - Escova de autor`s collection


  7. Tocar levemente o pincel para a direita; lado da sua imagem. Ele vai virar rosa.

  8. Salve o seu trabalho com um nome como whitepink.jpg.

Aplicar o plano de fundo para sua página da web

  1. Faça uma folha de estilo para sua página web, que contém esse trecho de código:

    body {background-image: url (whitepink.jpg);

     background-repeat: repetibilidade}

    Isso faz com que um fundo por todo o lado em sua página web. Para ter a repetição de imagem apenas na vertical, você daria o comando "repetir-Y," ou "repetir-X" para tê-lo repetir apenas a partir da esquerda para a direita. Para exibir a imagem apenas uma vez, o comando é "no-repeat."

  2. Salve sua folha de estilo como feb09.css ou qualquer nome que deseja usar.

  3. Coloque este pouco de código em algum lugar dentro do de sua página HTML.

  4. Envie sua página HTML, o arquivo feb09.css, ea telha gráfico de fundo para o seu site, lembrando-se de usar o modo binário para o modo ASCII gráfica e regular para os dois arquivos de texto.

  5. Agora olhe para a página que você acabou de fazer no seu browser. Ele será semelhante ao exemplo à esquerda.

    Página com fundo telhado rosa - autor`s collection

dicas & avisos

  • Para facilitar a leitura, o texto na sua página web devem contrastar com as cores que você usa em seu fundo.
  • arquivos gráficos grandes causar páginas para carregar lentamente. Faça seus arquivos gráficos tão pequeno quanto possível, tanto em termos de tamanho do arquivo e o tamanho dos gráficos exibidos.

recursos

De esta maneira? Compartilhar em redes sociais:

LiveInternet