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

O recurso Imagem de rastreamento no Dreamweaver é especialmente popular entre os designers. O conceito, que remonta aos primeiros dias do 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 criar primeiro um projeto em um programa, como o Photoshop ou Fireworks e, em seguida, modelar sua página da web depois. Usando o recurso Imagem de rastreamento, você pode inserir qualquer imagem web-pronto para o fundo de qualquer página do Dreamweaver.

Em seguida, você pode posicionar marcas ou inserir tabelas ou outros elementos na parte superior 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 esses 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 a sua página, siga estes passos:

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

  2. Escolha View-Imagem de rastreamento de carga.

    A caixa de diálogo Select Image Source abre.

  3. Seleccione a imagem que pretende servir como sua imagem de rastreamento e clique em OK.

    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.

    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 View-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-lhe alinhar automaticamente a imagem de rastreamento com um elemento selecionado em uma página.

  • Ajuste Posição: Permite que você use as teclas de seta ou inserir coordenadas X, Y 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 no 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. Use a imagem de rastreamento como uma referência para inserir e marcas de posição, imagens e outros elementos.

menu