Como definir atributos em dreamweaver
do Dreamweaver Propriedades Inspector é sensível ao contexto, o que significa que quando você clica em uma imagem, atributos para a imagem são exibidas e editável HTML. Alguns dos atributos de imagem editável são mais “técnico” do que fatores de design.
Por exemplo, o ID de imagem é usado quando as imagens estão ligados a programas de javascript ou bases de dados. Outros atributos de imagem nas propriedades Inspector compreendem um conjunto limitado de ferramentas de edição de imagem real. Essas ferramentas incluem corte, edição de contraste e nitidez imagens. Dê uma olhada no mais importante destas opções:
ferramentas da área Mapa: As ferramentas da área Mapa criar hotspots clicáveis na imagem selecionada e definir links separados para diferentes hotspots. Um hotspot é uma seção de uma imagem que serve como um link. Você pode usar as ferramentas de ponto de acesso retangular, circular e polígono para desenhar seções em uma imagem selecionada, e depois atribuir links específicos para esses hotpots no Inspector Propriedades.
Video: Configurar o Dreamweaver CS5
A quarta ferramenta neste conjunto, a ferramenta Pointer Hotspot, é usado para selecionar, mover ou editar hotspots existentes.
Espaço V e Espaço H: Definir espaçamento horizontal e vertical em torno da imagem seleccionada.
Alinhar: Utilize este pop-up para escolher entre alinhamento à esquerda ou à direita. (Outras opções são tecnicamente disponíveis, mas eles são remanescentes de uma era em que os símbolos gráficos de texto de tamanho foram inseridos diretamente em linhas de texto e não são usados hoje em alinhamento da imagem.)
src: Este campo identifica a imagem vinculada incorporado.
Alt: Alterar o texto que é exibida, ou é lido em voz alta, quando uma imagem não é visível.
Fronteira: Definir largura da borda (0 pixel, por padrão), ou 1 pixel se a imagem serve como um link.
Ligação: Definir um link que abre quando a imagem é clicada. Se um link é definido, você pode definir o link para abrir em uma nova janela do navegador, escolhendo _blank do pop-up Target.
Video: configurar localhost con Dreamweaver y Wampserver
Classe: Utilize este pop-up para atribuir estilos de classe CSS se houver são definidas ou estão ligados à página.
W (a largura) e H (altura): Redimensionar a imagem. Desmarcando o ícone Tamanho Restrições Alternar desbloqueia a ligação entre altura e largura, o que lhe permite esticar ou esmagar a imagem em vez de manter a relação de aspecto de altura e largura original como você redimensionar. Você também pode redimensionar interativamente clicando e arrastando a alça de canto inferior direito de uma imagem selecionada. Mantenha pressionada a tecla Shift enquanto você redimensionar a manter relação de altura e largura.
resample: As novas ferramentas do CS6 permitem que você resample uma imagem redimensionada (menor). Resampling elimina dados desnecessários e faz o arquivo de imagem menor, e isso significa que a imagem pode baixar mais rápido. Selecione a caixa de seleção Commit Tamanho da imagem resample a imagem, ou clique no botão Restaurar Tamanho original ao lado dele no Inspector Propriedades para desfazer o redimensionamento.
