Por: Deivisom Guimarães

Nota: Como em todas as lições, alguns passos podem ser

combinados, simplificados ou pulados dependendo do nível de experiência

do usuário.

De modo geral, uma fatia (slice) é parte de um item. Dizemos “uma

fatia de Pizza” e com isso estamos nos referimos a uma parte do que é conhecido

como Pizza. No Fireworks, uma “Fatia” pode muito bem ser a “Pizza” inteira

e com isso em mente eu poderia apresentar um bom número de razões

pelas quais eu acho que o Fireworks deveria usar um termo diferente para

o que ele chama “fatia”, mas isso já é outra estória

e uma opinião pessoal. Só para constar, em nossa opinião

elas deveriam chamar-se “recipientes de imagens” (“image-containers”)

ou algo similar. O fato é que uma das ferramentas primordiais no

Fireworks é a “Fatia”. As fatias nos permitem exportar áreas

distintas de um documento do Fireworks usando diversas configurações,

tais como GIF, GIF animado, JPG, PNG, etc. Também com o auxílio

das fatias podemos adicionar interatividade JavaScript a diferentes objetos

do nosso documento e a todo o nosso website.

Entender o que são as fatias e como elas funcionam no Fireworks,

pode melhorar o fluxo de trabalho, o tempo de carregamento de um website

e minimizar a desorganização. Pensa nas fatias como recipientes.

Assim como os recipientes elas possuem uma forma, um tamanho, uma localização

e podem ou não conter alguma coisa dentro. Por exemplo, alguns recipientes

são fabricados especialmente para conter líquidos e outros

para finalidades gerais. Os conteúdos de um recipiente podem ser

alterados já que podemos colocar as coisas mais diferentes no seu

interior. Em um dado momento um recipiente na sua geladeira tem suco de

laranja. Em outro pode conter água — o mesmo recipiente e até o

mesmo local da geladeira. O que iremos colocar dentro é problema

nosso, e não tem a menor importância. Isto é, se não

for um recipiente especial, ele não se importará com o que

iremos pôr la dentro, mas a lógica nos dirá o que fazer

com ele. A mesma coisa (de certa forma) acontece com as Fatias do Fireworks.

Elas possuem uma forma, um tamanho e uma posição. Algumas

delas são até “especiais” como você verá mais

adiante. O que as Fatias (e os recipientes) contém, não é realmente

importante até o momento de exportar (e esvaziar) os seus conteúdos.

As fatias até têm uma “geladeira” própria

onde elas são guardadas que é a Camada da Web (Web Layer)

- um tipo muito especial de camada no Fireworks.

Ela é tão especial que não pode ser excluída,

renomeada, ou conter qualquer coisa que não seja um elemento tão

especial do Fireworks, como são as Fatias e os Pontos Ativos (Hotspots).

A Camada da Web também é especial porque é “Compartilhada

Entre Molduras” (“Shared Across Frames”) e não há nada

que você possa fazer para alterar isto. O que significa que o seu

conteúdo (Fatias e Pontos Ativos) estarão disponíveis

em cada Moldura (Frame) que o seu documento possa ter ao mesmo tempo em

que irão manter as suas respectivas formas, tamanhos e posições

exatas. Este fato permite que as “Fatias” possam conter coisas

diferentes. Afinal, o que as Fatias realmente contém? Até o

momento da exportação elas não contém nada.

De fato, elas nunca contém coisa alguma. São apenas regiões

de nossos documentos que o Fireworks posteriormente usa para exportar as áreas

que elas especificam, da forma que especificam.

Poderíamos até dizer

que elas “contém” aquilo que está sob elas. Mas

o que realmente se encontra sobre elas. Mas o que de fato está sob

elas? Pode ser qualquer coisa colocada na moldura atual, aquela com o qual

estamos trabalhando no momento. Em uma moldura a “Fatia” pode

conter um objeto inteiro, em outra, uma (ou parte de uma) figura, ou partes

de objetos e assim por diante. Uma coisa permanece sempre: as “propriedades” de

uma Fatia. Em outras palavras ela irá exportar um GIF ou um JPG?

Que tipo de transparência

será aplicada? Por exemplo, se em uma estrutura com duas molduras

se uma fatia foi configurada para exportar algo como um GIF na Moldura-1,

também exportará como GIF o que estiver na Moldura-2. Pode

ser algo (visualmente) diferente porém será necessariamente

um GIF e lhe serão aplicadas as mesmas configurações

de exportação. Então, como é que o Fireworks

sabe o conteúdo de qual Moldura irá exportar? Ele realmente

não sabe. Por padrão podemos exportar a área sob a

Fatia da Moldura que está ativa no momento, ou podemos exportar

um conjunto de área que estão sob a fatia ativa (no caso

de um GIF animado).

Objetos especiais merecem tratamento especial no Fireworks e os Botões

não são excessão. Quando você tem um botão

(não apenas alguma coisa que tenha a aparência de um botão,

mas algo que tenha sido definido como um Símbolo-botão),

o Fireworks, para garantir a funcionalidade de um “botão” vincula

automaticamente uma fatia a ele. Para demonstrar e ver o que quero dizer

com a expressão “Fatias especiais”, você poderá criar

um Botão com 2 estados, “Acima” e “Sobre” (“Up” e “Over”)

e colocá-los em seu documento. Primeiro perceberemos que o Fireworks

automaticamente cria uma fatia para ele, que contém o botão

como um todo. Em seguida observe que à medida que você move

o Botão pela tela de pintura, a fatia o segue. Isso não acontece

quando você atribui uma fatia a um objeto e move-o pela tela. De

fato, a Fatia está tão diretamente vinculada ao Botão,

que se você a remover, o Fireworks também removerá o

Botão. Isso não ocorre com as outras Fatias, porque elas

não estão vinculadas a um “objeto especial”. Indo

ainda mais além, se você exportar essa Fatia, o Fireworks

exportará os dois estados do botão e não apenas o

que estiver visível na Moldura atual – diferentemente das fatias “normais”.

Dica: Se você quiser exportar somente um dos estados de um botão,

poderá selecionar “Fatias: Moldura Atual” (“Slices:

Current Frame”) das Opções de Fatia na caixa de diálogo

de Exportação. Isso exportará apenas um estado do

botão, aquele que estiver visível na Moldura ativa. Em minha

opinião, essas fatias que são tratadas de forma especial

pelo Fireworks deveriam ter uma cor diferente das outras (até a

versão 3.0 elas não têm). Outra coisa que é importante

entender é o fato de que o resultado de uma exportação

de Fatia será, sempre, sempre, um retângulo, não importa

o que esteja sendo exportado com ela.

A transparência, ou como a fatia mescla-se com os outros elementos

do design é o que faz com que uma imagem apareça na janela

do navegador como não sendo um “retângulo”. Gráficos

de computador são sempre retângulos – pelo menos até agora.

As fatias podem herdar as Configurações de Exportação

do seu documento. Por exemplo, se você especificar que o seu documento

deva ser exportado de certa maneira (via o Painel Otimizar – Janela > Otimizar),

quando você adiciona Fatias a ele, elas assumirão essas

configurações. Você poderá alterá-las

se quiser para algumas fatias individualmente. Por exemplo, você pode

fazer com que algumas fatias herdem as configurações padrão

do documento, definir outras como GIFs animados, outras como GIFs mas

com parâmetros diferentes dos utilizados no documento, enquanto

outras, finalmente como JPGs. ]]> http://www.mxstudio.com.br/design/fireworks/entendendo_as_fatias/feed/ 0