Como definir atributos no Dreamweaver - dummies

O Inspetor de propriedades do Dreamweaver é sensível ao contexto, o que significa que quando você clica em uma imagem, os atributos HTML dessa imagem são exibidos e editáveis. Alguns dos atributos de imagem editáveis ​​são mais "técnicos" do que os fatores de design.

Por exemplo, o ID da imagem é usado quando as imagens são conectadas a programas JavaScript ou bancos de dados. Outros atributos de imagem no Inspetor de propriedades compreendem um conjunto limitado de ferramentas reais de edição de imagem. Essas ferramentas incluem corte, edição de contraste e nitidez de imagens. Dê uma olhada na mais importante dessas opções:

• Ferramentas da área do mapa: As ferramentas da área do Mapa criam hotspots clicáveis ​​na imagem selecionada e definem links separados para diferentes hotspots. Um ponto de acesso é uma seção de uma imagem que serve como um link. Você pode usar as ferramentas do hotspot Rectangle, Circle e Polygon para desenhar seções em uma imagem selecionada e, em seguida, atribuir links específicos a esses hotpots no Inspetor de propriedades.

  A quarta ferramenta neste conjunto, a ferramenta Ponteiro do ponto de acesso, é usada para selecionar, mover ou editar hotspots existentes.

• V Espaço e Espaço H: Defina o espaçamento horizontal e vertical em torno da imagem selecionada.

• Alinhar: Use este popup para escolher entre o alinhamento à esquerda ou à direita. (Outras opções estão tecnicamente disponíveis, mas são restos de uma época em que os símbolos gráficos de tamanho de texto foram inseridos diretamente em linhas de texto e não são usados ​​hoje no alinhamento de imagem.)

• Src: Este campo identifica a imagem incorporada incorporada.

• Alt: Muda o texto que exibe, ou é lido alto, quando uma imagem não está visível.

• Borda: Definir a largura da borda (0 pixel, por padrão) ou 1 pixel se a imagem for um link.

• Link: Defina um link que se abre quando a imagem é clicada. Se um link for definido, você pode definir o link para abrir em uma nova janela do navegador, escolhendo _blank no menu pop-up Target.

• Classe: Use esse pop-up para atribuir estilos de classe CSS, se houver algum definido ou vinculado à página.

• W (largura) e H (altura): Redimensionar a imagem. Desmarcar o ícone de restrição de tamanho de alternar desbloqueia a ligação entre altura e largura, permitindo que você estique ou esmague a imagem ao invés de manter a relação de aspecto de altura a largura original à medida que você redimensiona. Você também pode redimensionar de forma interativa clicando e arrastando o identificador do canto inferior direito de uma imagem selecionada. Mantenha pressionada a tecla Shift enquanto você redimensiona para manter a relação altura / largura.

• Resample: Novas ferramentas no CS6 permitem que você reescreva uma imagem redimensionada (menor).A remutação elimina os dados desnecessários e torna o arquivo de imagem menor e isso significa que a imagem pode baixar mais rapidamente. Marque a caixa de seleção Confirmar tamanho de imagem para reescrever a imagem ou clique no botão Restaurar para tamanho original ao lado dele no Inspetor de propriedades para desfazer o redimensionamento.