Imagem Colocação em Adobe CS5 Dreamweaver Pages - dummies

Você pode usar itens de menu, copiar e colar, e até mesmo arrastar e soltar imagens na página Adobe Creative Suite 5 (Adobe CS5) Dreamweaver. Como resultado, colocar imagens em uma página da Web no Dreamweaver é mais fácil do que nunca, principalmente devido à sua integração com outros produtos da Adobe.

Inserção de imagens

Se você estiver preparando imagens com antecedência, guarde ou mova as imagens otimizadas para a pasta do seu site.

1. Clique na página para posicionar o cursor onde deseja colocar a imagem.

2. Localize a categoria comum na lista suspensa na parte superior do painel Inserir e clique no botão Inserir imagem ou escolha Inserir → Imagem.

   Se a imagem não for padrão para o botão Inserir imagem, clique e segure a seta à direita do botão e escolha Imagem na lista suspensa.

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

3. Navegue até o local onde sua imagem está localizada e clique em OK (Windows) ou Escolha (Mac) para colocar a imagem selecionada.

   Se suas imagens estiverem na pasta do seu site, você pode clicar no botão Raiz do site na caixa de diálogo Selecionar origem da imagem para navegar rapidamente. Se uma imagem não estiver na pasta do seu site, uma caixa de alerta pergunta se deseja copiar o arquivo agora.

4. Se você for solicitado a copiar a imagem para a pasta raiz do seu site, clique em Sim. Quando a caixa de diálogo Copiar arquivo como for aberta, verifique se o nome está correto e clique em Salvar.

   A caixa de diálogo Atributos de acessibilidade de tags de imagem solicita que você entre no texto alt.

5. Digite uma ou três palavras que melhor descrevem sua imagem (como Nossa foto familiar) no campo de texto Alt e clique em OK.

   A imagem está inserida.

Arraste e soltando imagens

Além de inserir imagens no menu Inserir ou no menu da aplicação, você pode arrastar e colocar imagens diretamente do painel Arquivos para a página. Se você estiver arrastando uma imagem, o cursor segue-a enquanto você move-a em torno do documento; solte o botão do mouse quando o cursor marca o ponto correto onde você gostaria de soltar a imagem.

Se você estiver aproveitando o fluxo de trabalho do Adobe Bridge, você pode deixar o Bridge em execução e arrastar as imagens conforme as necessita diretamente da janela Bridge na página do Dreamweaver. Você pode acessar o Bridge selecionando Arquivo → Procurar na Ponte.

Se a imagem for um arquivo nativo do Photoshop (PSD) ou do Fireworks (PNG), a caixa de diálogo Visualização da imagem será exibida, o que lhe dará a oportunidade de otimizar a imagem antes de colocá-la.

Você também pode arrastar e soltar uma imagem otimizada da sua área de trabalho ou outras pastas em uma página do Dreamweaver.Se uma imagem não estiver na pasta do seu site, você tem a oportunidade de copiar essa imagem para a pasta do seu site quando ela for colocada.