A primeira coisa que nós consideramos é as extensões de formato que são válidas para usar uma imagem em uma página da Web. As mais usadas são o GIF, PNG e JPG. GIF e PNG são muito semelhantes, eles usam poucas cores (256) e, portanto, têm pouca qualidade, mas pesam muito pouco e que é bom em rápido carregamento de uma página. Jpg, mais cores, mais qualidade e mais peso. PNG é uma extensão para o desenvolvimento de páginas web Macromedia e que aos poucos está encontrando seu lugar. Neste formato, existem várias qualidades de imagem, mas o mais utilizado é aquele que é semelhante ao que conhecemos como gif.

Para inserir uma imagem, primeiro seria apropriado para o site, criamos uma pasta de propósito para eles.

Clicando no botão direito do mouse sobre a pasta do site na coluna da direita no menu que aparece, clique em Nova Pasta:

Por padrão, o Dreamweaver chamado sem título. Enquanto o programa selecionado eo cursor varia, podemos mudar o nome:

Se por qualquer razão, deixou de ser selecionada eo cursor não verá um clique sobre ele, seguido por outro clique. eo cursor irá flutuar e nós colocamos o nome que você quiser.

* Nota: Faça clique duas vezes não, se não um, depois outro

Nós também podemos simplesmente ir ao site e criar a pasta irá aparecer na coluna quando voltar a sonhar.

Ela vai nesta pasta armazenar todas as imagens que vamos usar para construir a página. Podemos salvá-los do programa que usamos como um editor de imagem ou design gráfico, levá-los para a pasta com a cópia de costume / paste ... etc ... Quando a pasta contém um arquivo, vamos ver uma pequena praça com um sinal de mais ao lado dele.

Vamos, portanto, Inserir / Imagem.

Esta caixa de diálogo aparece, como ainda não temos imagens, vamos usar o Windows Explorer, eu tenho o gif na pasta Meus Documentos:

Clicando no ícone Preview, vemos as imagens sem saber o nome com o botão direito sobre ele e aceitá-lo. Uma mensagem como esta:

e vai mostrar as pastas disponíveis em nosso site:

* Nota: Se uma pasta aparecerá como mostrado na imagem, _notes não se preocupe com isso, podemos até mesmo apagá-la? explicar mais tarde para fazer, mas ignorá-la por agora ... ou melhor apagá-lo e, portanto, nenhuma confusão certo?

clique em Abrir

clique em salvar. Ao fazê-lo, enquanto a imagem é salva e também colocou no documento:

Outra maneira é inserir imagens, selecione a imagem da pasta na coluna da direita e mantendo-o pressionado, arraste-o para a posição onde colocá-lo.

Se deseja inserir uma imagem como você arrastar, vamos receber uma mensagem de um texto alternativo.

* Nota: O texto alternativo: Isso é porque se, por algum motivo a imagem não carregar em um navegador. Mozilla, você vai ver que ele não mostra nada, se a imagem não carregar, não a cruz pequena que fora, só não sai nada. Se o texto alternativo .. (Por exemplo, eu costumo colocar uma captura de img 1 ou captura de 1, ou o mesmo nome com uma imagem), ou simplesmente omitir também ser dada para cancelar. Embora o rosto de uma Web, você deve se acostumar e ir fazê-lo.

Podemos acrescentar mais tarde, a imagem e selecionando Propriedades:

Finalmente, às vezes pode acontecer que, depois de ter salvo uma imagem em sua pasta apropriada, irá inserir, não vejo isso na coluna do arquivo à direita da tela. Nós atualizamos a coluna clicando na seta azul circular:

ou como podemos ver na captura, pressione a tecla F5, que vamos considerar com arquivos e imagens também ok? irá aparecer.