FÁBIO DUARTE (79 pts)

AUTOR DESCONHECIDO (100 pts)

KEN AWAMURA (130 pts)

ALEXANDRE PORTO (1281 pts)

JOTA LAGO (40 pts)

MARCELO SIQUEIRA (96 pts)

GUILHERME SCHEIBE (49 pts)

DEMIS BUCCI (50 pts)

LUI FERNANDO (151 pts)

STICKMAN (155 pts)

EDUARDO WALMOTT (226 pts)

AMAURY BENTES (123 pts)
Treinamento PontoFlash de Flash e ActionScript

Como mudar de campo pela tecla TAB?

Como faço para colocar uma pausa no meu filme?

Como fazer um jogo de perguntas e respostas?

Como arrastar um swf com uma foto, aberto com load movie?

Como carregar uma imagem com LoadImage do MX numa determinada posição?

Alguém poderia me informar como eu faço para criar um formulário no flash.

Como fazer o usuário abrir sempre um filme num _level acima do anterior?

Preciso passar alguns parâmetros para o meu movie através do html e não estou conseguindo.

Como funcionam os operadores (=, ==, + , ++)?

O que é e para que serve o "linkage"?

Como fazer para que quando o usuário digite uma palavra, eu sete um movieclip como true?

Quero que no fim de uma animação de um movieclip, o filme vá para frames aleatórios.

Gostaria de um help com uma enquete no flash com ASP.

Como verificar se um campo de formulário não foi preenchido?
Botões comutadores ou com duas ações.

Menu infinito

Alterando Artistic Media no Corel Draw.

Primeiros passos - desenhando e animando

Ilustrando com effects e gradientes no Fireworks

Movimentar MC com barra de rolagem e setas

Colisão

Redimensionar um filme no modo de edição

Variáveis no Flash MX

Turbine seu Fireworks

Jogo da Forca (terceira parte)

Máscara
Lights many

Cromatograma

Redemoinho

Menu aberto

Floor of balls

Photo album

Digitação (6kb) - Flash4

Menu Notredem

Swap Movieclips

Mapa - Países com A 1

Barra deslizante

Motion guide
HOME | TUTORIAIS
Como fatiar um site modelo portal no Fireworks
por Eduardo Carrega

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

pop up menu 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.

pop up menu Clique na imagem para abrir o html contendo o modelo pronto.

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



Devido à reformulação implementada no site, pode ser que você encontre alguns links quebrados. Por favor, ajude-nos a corrigir eventuais problemas nos informando links quebrados
0 comentário