SASHA GUDEY (235 pts)

PEDRO CLAUDIO (50 pts)

HELEN TRIOLO (444 pts)

GÉRIO (93 pts)

DAUTON JANOTA (255 pts)

DEMIS BUCCI (50 pts)

NILTON BICALHO (61 pts)

JONAS GALVEZ (521 pts)

MANGOOST (80 pts)

NETO LEAL (116 pts)

DAAFY (55 pts)

ZEBEDIAH (35 pts)
Treinamento PontoFlash de Flash e ActionScript

Como criar membros (*propriedades e métodos) PRIVADOS de classes (OOP)?

Como eu posso simular um sorteio de dados?

Como faço para registrar um desenho-logo?

Como carregar um swf dentro de um filme?

Como se transforma uma imagem em imagem do tipo quadrinhos (huga huga)?

Como faço um site com esse Iframe?

Queria fazer um mouse trail com easing, mas que o movieclip ficasse sempre embaixo do mouse.

Eu quero que uma imagem (bitmap) abra uma janela POPUP.

Como posso definir a abertura de um banner para cada dia da semana com uma frase identificando?

Queria fazer um sistema de busca.

Como poderia pegar as coordenadas de _x e _y do mouse?

Quero fazer uma animação quando o mouse passa por cima do botão.

Alguém pode me indicar algum programa para converter MIDI em WAVE?

Preciso criar um sistema que busque no banco de dados e retorne ao Flash.
Shared object.

Componentes no Flash MX 2004

Detecção do FlashPlayer.

Flash e X-Technologies · A Nova Ordem do Mundo?

0wn3d Again BY Destution Team

Utilização da class XMLConnector

Calendário dinâmico

Color changer

Salvando alterações feitas no layout (shared Objects).

Motion Guide (guia de movimento).

Envio de um arquivo SWF por e-mail

Ilustrando com effects e gradientes no Fireworks
Flying letters

Tint rgb

Musica

Preloader run

To Lower Case

Position

Álbum de fotos

Grafico de percentagens

Delay

batatoso

Color

Senha multipla
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