Como colar imagens no Dreamweaver - dummies

Você pode colar imagens da área de transferência do sistema operacional em documentos do Dreamweaver. Isso funciona com imagens copiadas para a área de transferência de alguns, mas não todos, navegadores (Safari sendo um) e para alguns, mas não todos, formatos de arquivo não-web-friendly. Qualquer imagem que você pode copiar na área de transferência do sistema operacional pode ser colada em uma página HTML aberta no Dreamweaver.

Copiar imagens dos navegadores é um pouco diferente dependendo do navegador, mas a técnica básica é clicar com o botão direito do mouse ou clicar com o botão Controle e escolher uma opção como Copiar imagem no menu de contexto que aparece. Ou você pode copiar e colar obras de arte em programas como Illustrator, Photoshop ou Word.

Com uma imagem copiada para a área de transferência, siga estas etapas para colar a imagem no Dreamweaver e, em seguida, guarde-a como um arquivo de imagem em seu site:

1. Clique na janela do documento no ponto onde a imagem deve ser inserida.

   Como a imagem exibida será definida com CSS, então não se obsesse com isso nesta fase.

2. Escolha Editar → Colar.

   O que acontece agora varia significativamente dependendo da sua versão do Dreamweaver, embora os conceitos básicos sejam os mesmos:

   1. Você escolhe um formato de arquivo de imagem e alguns outros atributos de imagem.

   2. Você atribui um nome de arquivo.

   Em versões pré-CS6 do Dreamweaver, uma caixa de diálogo de pré-visualização de imagem bastante complexa é aberta. No CS6, a imagem aparece na janela do documento e aparece uma caixa de diálogo de otimização de imagem muito simplificada.

   

   As configurações padrão do formato de imagem na caixa de diálogo Pré-visualização da imagem podem ser alteradas, escolhendo o formato do arquivo de imagem e as configurações de otimização (filtros como transparência, contraste e brilho) no menu pop-up Predefinido.

3. Faça suas escolhas na caixa de diálogo Otimização de imagem (assumindo que você está no CS6) e clique em OK.

4. Na caixa de diálogo Salvar imagem da Web que se abre, digite o nome da imagem.

   Tal como acontece com todos os arquivos de web, evite usar espaços e caracteres especiais e não substitua a extensão do nome do arquivo (.png,. Jpeg ou gif).

5. Salve o arquivo na pasta raiz do seu site, clicando no botão Raiz do site.

   Salvar para a pasta raiz do site é sempre uma aposta segura. Se você estiver confortável com o gerenciamento de estruturas de pastas de arquivos, sinta-se livre para salvar imagens dentro das subpastas dentro da pasta do seu site.

6. Clique em Salvar.

   A imagem é salva e aparece a caixa de diálogo da descrição da imagem (Alt Text). Nesta caixa de diálogo, você define atributos de acessibilidade.

   Você pode inserir texto alternativo (texto que será lido alto para descrever a imagem para usuários com deficiência visual por software de leitor ou que será exibido em ambientes de navegação onde a exibição de imagem está desativada) na caixa de Texto Alternativo na caixa de diálogo.

7. Clique em OK para inserir a imagem.

   A imagem será visível na página na vista de design.