Fazendo uma página da web a partir de um modelo criado no GIMP (GNU Image Manipulation Program ) permite que você comece a sua página web de forma rápida , com menos tempo e esforço. GIMP ainda permitem que você manipule camadas e fazer outros efeitos para além do âmbito do novato. Conhecimento de GIMP e como colocá-lo em seu código HTML web será útil. Coisas que você precisa
GIMP ( download gratuito para Windows, OS X , Linux)
bloco de notas ( ou outro editor de texto)
HTML habilidades ( veja nossos outros artigos de ajuda com o básico )

Mostrar Mais instruções
1

Abrir GIMP clicando no ícone depois de ter baixado e instalado o programa a partir do site (consulte Recursos). Selecione "Arquivo" e "Novo" antes de clicar em menu " Template " drop down . Selecione a partir da caixa de Modelo e no menu drop -down que aparece , clique na opção de pixel " 800x600 " . Outras opções estão disponíveis para você experimentar no futuro , mas isso é bom para uso geral em uma sessão prática de design web. Clique em " OK".
2

Pressione " Crtl " e " b" , ao mesmo tempo em seu teclado se uma janela chamada " caixa de ferramentas " na margem superior não aparecer . Dois quintos do caminho para baixo da janela são duas praças que se sobrepõem . A um na frente é a cor de primeiro plano , o outro é a cor de fundo . Clique em cada caixa separadamente e selecione a cor da janela "Change Color" que irá aparecer. Na janela Alterar cor , clique com o mouse sobre a grande praça que tem as cores de desvanecimento de um para outro . Matiz, saturação , níveis de vermelho , verde e azul podem ser ajustados com as barras deslizantes do lado direito , uma vez que você tem a sua seleção. Clique em "OK " para manter a seleção e fechar a janela. Mude o outro ( de fundo) de cor clicando na caixa por trás do que você clicou anteriormente na caixa de ferramentas , dois quintos do caminho para baixo .
3

Clique em " Mistura de ferramentas" ícone na caixa de ferramentas. Se não souber qual ícone está presente , passe o mouse sobre os ícones com o mouse para encontrar o ícone correto . Deve olhar como uma caixa que tem desaparecer cinza para branco. A janela não- caixa de ferramentas que se referem a como a "tela" , mesmo que provavelmente diz "Untitled " e " 800x600 " em algum lugar em sua margem superior. Clique na tela no canto superior esquerdo e arraste o mouse para o canto inferior direito da tela para preencher com a cor selecionada em um gradiente. Se nenhum gradiente é desejado, basta selecionar o " Bucket Fill Tool " e clique sobre a tela para preencher com uma cor sólida.
4

Clique em Arquivo , na parte superior da tela e , a partir da queda down menu , selecione Novo. Quando o "Criar uma Nova Imagem" janela aparece , altere os valores para " Largura" e " Altura " para que eles sejam reduzidos em 20 pixels cada para 780 pixels de largura e 580 pixels de altura. Selecione "Editar " e depois " Copiar" no menu drop-down . Alterne para a primeira tela e selecione "Editar " e depois "Paste " para colar a imagem menor no original. Será centro -auto quando colado. Volte para o novo (em branco) tela e fechá-lo . Clique em " Arquivo" e no menu drop- down, selecione "Salvar Como. " Faça -se um nome para o seu trabalho e salvá-lo.
5

A página web é feito a menos que você deseja fatiar a imagem para usá-lo em HTML (veja a próxima seção).
Fazendo GIMP Slices (usado em HTML)
6

Crie o topo (cabeçalho) do página web. Clique no botão " Rectangle Select Tool " na caixa de ferramentas. Clique na tela , no canto superior esquerdo extremo e arraste para selecionar os 20 melhores pixels de altura e toda a largura ( 800 pixels ) . Você pode dizer quantos pixels você tiver selecionado no retângulo , olhando para a parte inferior da janela da tela para ver as dimensões (em pixels) ao lado da palavra " Retângulo ". Selecione "Imagem" e do menu drop-down , selecione "Cortar a Seleção. " Escolha "Salvar como" e tornar -se o nome de " top.jpeg " que reflete que o arquivo está no topo da sua página web. Feche a página .
7

Crie o meio da página web. Abra o arquivo no GIMP que você nomeou e salvou na etapa quatro. Escolha a opção " Rectangle Select Tool " novamente e selecione uma área na seção do meio da tela que se estende por toda a largura , mas é apenas um pixel de altura. Cortar para esta seleção e salve o arquivo com o nome " middle.jpeg " que reflete que o arquivo é o padrão para o corpo da página web.
8

Criar o fundo da página web da mesma forma que você fez a parte superior da página da web , selecionando uma caixa de alta de 20 pixel que abrange a largura da tela na parte inferior da página. Salve o arquivo como " bottom.jpeg ".
9

Faça a página da web da mesma largura que a sua imagem no GIMP (a largura de 800 pixels ) . Digite background="middle.jpeg"> da página.
10

No topo , logo depois de abrir o tag body , adicione ao seu código HTML. Faça a mesma coisa menor no código , um pouco antes de adicionar o com o mesmo código que entrou no topo da página , exceto que ele lê no código.
11

Escreva o resto do código , como faria normalmente em HTML para o seu texto e gráficos.
< br >