MasterPage no firework para diminuir e organizar seus pngs
Olá galera hoje venho escrever para vocês sobre uma das utilidades de destaque do fireworks CS4 não sei se já existia nas versões anteriores.
Eu achei muito interessante essa opção vou contar as minhas dificuldades com o fireworks nos tínhamos sites com mais de 20 paginas e os web designer que trabalhão conosco sempre duplicavam a pagina e utilizavam só apagavam o meio da estrutura para refazer e o resto eles mantinha com isso chegamos a ter PNGs de ate 15mb resultado o arquivo demorava mais de 20 minutos para abrir e para alterar mais outra vida.
Então comecei a estudar uma forma de minimizar isso a primeira opção foi para o fotoshop criar os arquivos em forma de template onde teriam 2 ou 3 pastas que ficariam já separadas de inicio, com topo, rodapé e menu estas 3 pastas se encaixariam em todos os layouts e pronto resolvido o arquivo caiu para menos de 5mb.
Mas o fireworks trás um recurso muito legal que é o de criar paginas (pages) que é muito legal para trabalhar em sites fica mais organizado então não daria para fazer o sistema de pasta então voltamos à estaca zero. Hehehe e de novo as pesquisas.
Ate que achamos o método de pagina máster (set máster) que vou explicar abaixo.
1. Primeiro cria a estrutura do layout no nosso exemplo teremos o topo, menu e rodapé como no exemplo abaixo
2. Cliquem em Pages (Windows > Pages)
3. Ira exibir a aba do item um da imagem abaixo depois clique com o botão direito em cima da pagina como no exemplo dois e selecione a opção (Set As Máster Page)
4. Agora na imagem abaixo veja como ficou o item um que era a estrutura principal do seu site, feito isso clique em (New Page) conforme o item dois e veja como ficou o item três a nova pagina já veio com o layout que determinamos como o principal.
É possível colocar mais de uma Master Page no arquivo PNGs fazendo isso ficara os arquivos ficaram mais organizados mais leves e a pessoa que vai quebrar ficara mais feliz e a equipe toda terá uma otimização de tempo.
Tags: #fireworks, Design, Dicas, gerenciamento, metodologia, organização, projeto, Tutorial











