Como adicionar uma imagem de rastreamento a uma página no Dreamweaver - dummies

O recurso de imagem de rastreamento no Dreamweaver é especialmente popular entre designers. O conceito, que data dos primeiros dias de design, permite que você use gráficos como guias para os projetos de sua página, tanto quanto você pode copiar um desenho animado através de um papel transparente e fino.

O recurso de imagem de rastreamento é ideal para pessoas que gostam de criar um design em um programa, como o Photoshop ou o Fireworks, e depois modelar sua página da Web depois. Ao usar o recurso Imagem de rastreamento, você pode inserir qualquer imagem pronta na web no fundo de qualquer página do Dreamweaver.

Em seguida, você pode posicionar tags ou inserir tabelas ou outros elementos em cima da imagem de rastreamento, tornando mais fácil recriar seu design no Dreamweaver. Você pode usar imagens JPG, GIF ou PNG como rastreamento de imagens e você pode criá-las em qualquer aplicativo gráfico que suporte esses formatos.

Embora a imagem de rastreamento apareça no fundo de uma página, ela não substitui uma imagem de fundo e não aparece em um navegador.

Para adicionar uma imagem de rastreamento à sua página, siga estas etapas:

1. Crie uma nova página ou abra uma página existente no Dreamweaver.

2. Escolha Exibir → Imagem de rastreamento → Carregar.

   A caixa de diálogo Selecionar origem da imagem é aberta.

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

   A caixa de diálogo Propriedades da página é aberta com a categoria da imagem de rastreamento selecionada.

   

   crédito: Foto por istockphoto. com

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

   A caixa de diálogo Selecionar origem da imagem é exibida.

5. Clique na imagem que deseja rastrear e, em seguida, clique em Aplicar para visualizar como a imagem está por trás da página.

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

   Reduzir o nível de transparência faz com que a imagem de rastreamento apareça desbotada, o que facilita a distinção entre a imagem de rastreamento e o conteúdo na página. Você pode definir o nível de transparência de acordo com suas preferências, mas em algum lugar em torno de 50% funciona bem com a maioria das imagens.

7. Clique em OK.

   A imagem de rastreamento aparece na janela do documento e a caixa de diálogo fecha.

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

• Mostrar: Oculta a imagem de rastreamento se quiser verificar o seu trabalho sem a imagem, mas não deseja removê-la.

• Alinhar com a seleção: Permite que você alinhe automaticamente a imagem de rastreamento com um elemento selecionado em uma página.

• Posição de ajuste: Permite usar as teclas de seta ou insira as coordenadas X, Y para controlar a posição da imagem de rastreamento por trás da página.

• Posição de reinicialização: Restaura a imagem de rastreamento para 0, 0 nas coordenadas X, Y.

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

Depois que a imagem de rastreamento estiver no lugar, você pode usá-lo como um guia enquanto você projeta sua página. Como a imagem de rastreamento está por trás da página, ela não interferirá no seu trabalho de design e você poderá adicionar quaisquer elementos sobre a imagem de rastreamento que você possa adicionar a qualquer outra página da Web. Use a imagem de rastreamento como uma referência para inserir e posicionar tags, imagens e outros elementos.