Como colar imagens em dreamweaver

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

Copiar imagens a partir de navegadores é um pouco diferente dependendo do navegador, mas a técnica básica é para a direita; clique ou Control-clique e escolha uma opção como Copiar imagem no menu de contexto que aparece. Ou você pode copiar e colar obras de arte de programas como o Illustrator, Photoshop, ou Word.

Com uma imagem copiados para a área de transferência, siga estes passos para colar a imagem no Dreamweaver e, em seguida, guardá-lo como um arquivo de imagem no seu site:

  1. Clique na janela do documento no ponto onde a imagem é para ser inserido.

    Como a imagem é apresentada será definida com CSS, por isso não obsess sobre 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 são 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 um pouco complexo Visualização da imagem abre. Em CS6, a imagem aparece na janela do documento, e uma caixa de diálogo Otimização de imagem muito simplificada aparece.

Video: Criando uma galeria de imagem no Dreamweaver.mp4



configurações de formato de imagem padrão na caixa de diálogo Visualização da imagem pode ser alterado, escolhendo formato de arquivo de imagem e configurações de otimização (filtros, como a transparência, contraste e brilho) a partir do pop-up Predefinição.

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

  • Na caixa de diálogo Salvar imagem Web aberta, digite o nome da imagem.

    Tal como acontece com todos filenaming web, evite usar espaços e caracteres especiais e não substituir a extensão do arquivo (.jpg, .jpeg ou .jpg).

  • Salve o arquivo para a pasta raiz do site, clicando no botão raiz do site.

    Poupar para a pasta raiz do site é sempre uma aposta segura. Se você estiver confortável com a gestão de estruturas de pastas de arquivo, sinta-se livre para salvar imagens dentro de subpastas dentro da pasta do site, no entanto.

  • Clique em Salvar.

    A imagem é guardada, e a caixa de diálogo Descrição da imagem (Alt texto) aparece. Nesta caixa de diálogo, você definir os atributos de acessibilidade.

    Você canenter texto alternativo (texto que será lido em voz alta para descrever a imagem para os visitantes com deficiência visual por software leitor, ou que irá exibir em ambientes de navegação onde exibição da imagem está desativada) na caixa de texto alternativo na caixa de diálogo.

  • Clique em OK para inserir a imagem.

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


  • Publicações relacionadas