Integrando Fireworks com Dreamweaver MX

Neste tutorial veremos como integrar o Fireworks MX com o Dremaweaver, processo que nos poupará algum tempo e trabalho na maioria dos casos! Para quem já é acostumado a trabalhar com os dois, o processo torna-se uma verdadeira "mão na roda". Vamos lá ...
Vamos supor que você esteja criando um site que possui uma imagem como testeira - porém após inserir a imagem no Dreamweaver você percebe que ela quebrou o Layout por causa de seu tamanho (ou então você quer fazer alguma alteração estética na mesma). Graças à Macromedia, este processo pode ser bastante rápido e fácil:
Clique na imagem que você deseja alterar e perceba que na barra de propriedades aparecerá o botão Edit, conforme indica a figura abaixo:


Ao clicar no botão Edit, o Dreamweaver abrirá automaticamente o Fireworks MX para que possamos editar a imagem. Ao ser aberto, o Fireworks mostrará a seguinte mensagem:

Na imagem acima o Fireworks está perguntando se desejamos utilizar algum documento do Fireworks existente como base da imagem (ou seja, se a imagem possuir um PNG, podemos utilizá-lo para fazer a alteração): neste caso não possuímos o PNG e devemos clicar no botão No. Agora basta fazermos a alteração e quando esta estiver pronta, clicar no Botão Done (localizado no canto superior esquerdo da janela) conforme indica a figura:

Após clicar em Done o Fireworks enviará a imagem editada de volta para o Dreamweaver e pronto!
Nós podemos utilizar alguns recursos enquanto criamos imagens no Fireworks: suponha que você está criando uma imagem no Fireworks e quer enviá-la para o Dreamweaver ou outro software (Photoshop, GoLIve!, FrontPage, FreeHand). Como fazer ?
Para isso, basta utilizarmos o botão de Integração do Fireworks localizado no canto superior direito da janela da imagem:

Neste exemplo estaremos exportando um HTML para o Dreamweaver: basta selecionar na pasta Dreamweaver a opção Export HTML. O Fireworks pedirá para indicarmos o local e pronto!

É aconselhável que você teste cada tipo de Integração/Exportação pois elas podem poupar muito tempo e facilitar muito sua vida! ;)

0 comentários: