Como fatiar um site "modelo portal", utilizando slices e regras de prioridades de tabelas.

Clique na imagem para abrir e salvar o arquivo original em png contendo o mapeamento completo de slices.

» Como funciona o Fireworks na finalização de um grande projeto?
» É possivel dar a saída de todas as suas células e tabelas de uma só vez e "montar" a estrutura perfeita de células e tabelas como se fosse feita minunciosamente por nós mesmos?

Sim, o Fireworks é capaz de criar esse modelo com tabelas e células que permitem após a saida do fire, inserir textos, aumentar sua altura, ou seja, tornar o projeto vivo e funcionando, que é oque mais importa.

Mas antes de sair aplicando slices sobre qualquer área dentro do Fire, vamos entender um pouco de prioridades de tabelas, isso tem haver com html, mas é primordial essa consciência antes de qualquer movimento.

Por exemplo, devemos fazer tudo numa só tabela e começar subdividi-la?
RE: Não, um site deve por maleabilidade e facilidade de uso, ser dividido em tabelas que alocam outras, e outras.... e assim consecutivamente até o último objeto, pois dessa forma o controle tem uma regra fácil, é isso que chamo de "regra de prioridade". Ex:

A regra de duas divisões! Fácil um lado com valor fixo, outro lado sem valor nenhum para alocar o próximo bloco de tabela prioritário.

Agora como fazer isso sair do Fireworks?
RE: Também não é difícil que isso seja feito por ele, pois naturamente o Fireworks já compreende divisões de tabelas dessa forma, porém as vezes é necessário que demos uma mãozinha a ele, forçando esse procedimento de hierarquia.

A regra também é básica, basta desenhar com slices a primeira região restante, isentando o "topo" desse slice.

Em seguida, desenhar sobre o 1º slice, o 2º isentando a área do menu.

Finalizando, desenhe o 3º slice isentando a parte "base" do site.

A exportação vai gerar esse arquivo já definido em células e tabelas.

* apliquei cores nas bordas e espaçamento para melhor visualização, o original não possui essa caracteristica. Clique aqui para ver o original.

Porém, este seria o modo "conceitual" de se fatiar uma site, mas nem sempre nossos sites são tão simples assim, geralmente possuimos menus, rollOvers, e outros recursos mais que o Fireworks permite.

No caso de mais aprimoramento, aconselho a definir separadamente as áreas prioritárias, definido logo de início slices nomeados para cada bloco do site, como menu, topo, base, centro, lateral... isso já indica ao Fireworks também uma hierarquia de tabelas que ele fará de acordo com seu desenhode slices.

Após definidas as áreas prioritárias, você pode dentro de cada uma delas, fazer o mapeamento completo de slices aplicando sempre a regra de tabela com 2 divisões vista nos quadros anteriores, ela se aplica a tudo, sempre!

Uma boa dica é que a cada passo, voce faça a exportação para ircoferindoa cada passo, como anda seu tabelamento no dreamweaver, isso pode evitar algum imprevisto.

Clique na imagem para abrir o html contendo o modelo pronto.

Baixe o "fatiar.zip" e estude no seu editor html.