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.
|