Como adicionar uma imagem de rastreamento para uma página no dreamweaver

Video: Tutorial Dreamweaver - aula 4 - inserindo imagem no nosso documento html

O recurso Imagem de rastreamento no Dreamweaver é especialmente popular entre os designers. O conceito, que remonta aos primeiros dias de design, permite a utilização de gráficos como guias para seus designs de página, tanto quanto você pode copiar um desenho animado através de papel fina e transparente.

O recurso Imagem de rastreamento é ideal para pessoas que gostam de primeiro criar um projeto em um programa, como o Photoshop ou Fireworks e, em seguida, modelar sua página web depois. Usando o recurso de Imagem de rastreamento, você pode inserir qualquer imagem web-pronto para o fundo de qualquer página do Dreamweaver.

Então você pode posicionar marcas ou inserir tabelas ou outros elementos em cima da imagem de rastreamento, tornando mais fácil para recriar seu projeto no Dreamweaver. Você pode usar JPG, GIF, ou PNG como imagens de rastreamento e você pode criá-los em qualquer aplicação gráfica que suporte estes formatos.

Embora a imagem de rastreamento aparece no fundo de uma página, ele não tomar o lugar de uma imagem de fundo e não aparece em um navegador.

Para adicionar uma imagem de rastreamento para sua página, siga estes passos:

1. Criar uma nova página ou abrir uma página já existente no Dreamweaver.

2. Escolha Ver → Imagem de rastreamento → Load.

   A caixa de diálogo Select Image Source abre.

3. Selecione a imagem que deseja servir como sua imagem de rastreamento e clique em OK.

   Video: Curso de HTML5 - 09 - Imagens em HTML5 - by Gustavo Guanabara

   A caixa de diálogo Propriedades da página abre com a categoria Imagem de rastreamento selecionado.

   

4. Clique no botão Procurar para localizar a imagem que você deseja usar como uma imagem de rastreamento.

   Video: [Tutorial] HTML: Opacidade (canal alpha, transparência) em cores e imagens

   A caixa de diálogo Select Image Source aparece.

5. 
   
   
   

   Clique na imagem que você deseja rastrear a partir e clique em Aplicar para visualizar a aparência da imagem por trás da página.

6. Defina a opacidade para a imagem de rastreamento com o controle deslizante Transparência.

   Abaixando o nível de transparência faz com que a imagem de rastreamento apareça desapareceu, o que faz a distinção entre a imagem de rastreamento e conteúdo na página fácil. Você pode definir o nível de transparência para atender às suas preferências, mas algo em torno de 50 por cento funciona bem com a maioria das imagens.

7. Clique em OK.

   A imagem de rastreamento aparece na janela do documento, ea caixa de diálogo é fechada.

Você tem algumas outras opções com o recurso de rastreamento de imagem. Escolha Ver → Imagem de rastreamento para revelar as seguintes opções:

• Exposição: Esconde a imagem de rastreamento se você quiser verificar o seu trabalho sem a imagem, mas não quer removê-lo.

• Alinhar com Seleção: Permite alinhar automaticamente a imagem de rastreamento a um elemento selecionado em uma página.

• Ajuste Posição: Permite que você use as setas ou digite X, Y coordenadas para controlar a posição da imagem de rastreamento por trás da página.

• Repor Posição: Repõe a imagem de rastreamento a 0, 0 na coordenadas X, Y.

• Carga: Permite adicionar ou substituir uma imagem de rastreamento.

Após a imagem de rastreamento está no lugar, você pode usá-lo como um guia enquanto você projetar a sua página. Porque a imagem de rastreamento está por trás da página, ele não irá interferir com o seu trabalho de design, e você pode adicionar quaisquer elementos sobre a imagem de rastreamento que você pode adicionar a qualquer outra página da web. Utilizar a imagem de rastreamento como uma referência para inserir e marcas de posição, imagens e outros elementos.