Webly

Internet + Humana

Ir para o Conteúdo
Ir para o Menu
Ir para a Busca
Ir para o Login

Assine:

Navegação

Manipulando imagens com o dreamweaver

Escrito por Lucasbr em HTML e Editores Visuais. Data: 25/11/2006

Ver tópico original no fórum.

Vejamos a figura abaixo:

figura 01

Ao selecionarmos a imagem , a barra Properties nos mostra toda a sua configuração.

figura 02 - barra Properties

No exemplo: W (largura) , H (altura) , Src (localização) , Alt (texto que aparece ao se passar o mouse sobre a imagem). Temos também a barra Edit , com os seguintes botões:

Botão Edit - leva sua imagem diretamente para o Fireworks aonde você poderá usar todos os recursos do mesmo para sua edição. Quando terminar , clique em "Done" para retornar ao DW com sua imagem alterada.

figura 02 - trabalhando no Fireworks

Botão "Optimize in Fireworks" - também leva ao Fireworks , só que na seção Menu File > Export Preview . nela você poderá otimizar sua imagem. Ao término clique em "Update".

Botão "Crop" - aqui você pode "recortar" sua imagem diretamente no DW. Exemplo:

figura 03 - Crop (recortando) a imagem

Após selecionar a área para o corte , tecle "enter". Resultado após o corte:

figura 04 - imagem cortada

Botão "Image Resampling" - você pode atraves desse botão diminuir o tamanho de sua imagem em pixel , melhorando seu carregamento. Para retornar ao tamanho original , clique novamente no botão.

Botão "Brightness/Contrast" - com esse botão você controla o brilho e o contraste da imagem, diretamente no DW.