Galera mas uma vez aqui, pra trazer uma super dica de como utilizar o dreamweaver e o fireworks juntos na hora de editar um arquivo em "html" de uma forma que o layout não quebre e fique do jeito que você projetou o seu layout inicial. Essa dica é para usuários com um pouco mas de conhecimentos nessa área.
O que eu preciso ter;
Preciso ter um arquivo no formato "PNG" salvo;
Preciso ter um formato Html salvo;
Preciso ter uma copia, do mesmo formato "PNG" salvo, para usar mas a frente no Html
Então vamos lá. Siga passo a passo, é preciso que você já tenha um layout pronto para ser fatiado;
1° - Criar uma pasta qualquer com o nome do seu projeto;
2° - Abrir o fireworks;
3° - Fatiar o Layout;
4° - Depois de fatiado, salvar uma copia no formato PNG, guardar na mesma pasta do projeto original dentro de uma pasta chamada "PNG" ou qualquer outro nome de sua preferência, desde que ela esteja dentro da sua pasta do projeto original;
5° - Após ter salvo, exporte o arquivo agora no formato "Html e imagens" dentro da pasta do projeto original;
Dentro do Dreamweaver os arquivos devem estar organizados assim;
Uma boa dica é criar um template completo, salvar uma copia deste arquivo e com a copia, abrir pelo fireworks e retirar todos os nomes de menus que você coloco no seu projeto original e demarcar com o fatiamento. Depois que estiver transformado em "Html" e já estiver no dreamweaver, se utiliza o fireworks para colocar novamente os nomes por cima dos cantos demarcados do fatiamento, ou seja no mesmo local onde você os retiro anteriormente do seu layout original, pra isso basta clicar no símbolo do "FIREWORKS " FW" como mostra na figura acima. ( Neste caso estou usando o Dreamweaver CS4).
Qualquer duvida, postem aí nos comentários que responderei.
O que eu preciso ter;
Preciso ter um arquivo no formato "PNG" salvo;
Preciso ter um formato Html salvo;
Preciso ter uma copia, do mesmo formato "PNG" salvo, para usar mas a frente no Html
Então vamos lá. Siga passo a passo, é preciso que você já tenha um layout pronto para ser fatiado;
1° - Criar uma pasta qualquer com o nome do seu projeto;
2° - Abrir o fireworks;
3° - Fatiar o Layout;
4° - Depois de fatiado, salvar uma copia no formato PNG, guardar na mesma pasta do projeto original dentro de uma pasta chamada "PNG" ou qualquer outro nome de sua preferência, desde que ela esteja dentro da sua pasta do projeto original;
5° - Após ter salvo, exporte o arquivo agora no formato "Html e imagens" dentro da pasta do projeto original;
Dentro do Dreamweaver os arquivos devem estar organizados assim;
Uma boa dica é criar um template completo, salvar uma copia deste arquivo e com a copia, abrir pelo fireworks e retirar todos os nomes de menus que você coloco no seu projeto original e demarcar com o fatiamento. Depois que estiver transformado em "Html" e já estiver no dreamweaver, se utiliza o fireworks para colocar novamente os nomes por cima dos cantos demarcados do fatiamento, ou seja no mesmo local onde você os retiro anteriormente do seu layout original, pra isso basta clicar no símbolo do "FIREWORKS " FW" como mostra na figura acima. ( Neste caso estou usando o Dreamweaver CS4).
Qualquer duvida, postem aí nos comentários que responderei.
