iMasters | Por uma internet mais criativa e dinâmica

• Tableless

• Imprimir
• Indicar
• Digg it
• Del.icio.us
• Twitter
• 0 comentários

Fala pessoal!

Mostraremos aqui como exportar arquivos HTML no Fireworks com layers ao invés de Tabelas. Este recurso é conhecido como Camadas CSS.

O que são Camadas?

Uma camada é um recipiente HTML que pode ser posicionado em um lugar exato na janela do navegador. Camadas podem conter texto, imagens, plug-ins e até mesmo outras camadas. Enfim, tudo o que você pode colocar em um documento HTML você pode colocar em uma camada.
Layers(Camadas) são um recurso de HTML dinâmico suportados por browsers 4.0 ou posteriores. Browsers antigos exibem conteúdo de camadas sem posicionamento. O Microsoft Internet Explorer e o Nestcape Navigator suportam a especificação de Cascading Style Sheet (CSS) para layers.

Para que usar camadas?

Camadas são úteis para colocar ilustrações uma em cima da outra, fazê-los sobrepor ou usar recursos de animação com DHTML, que podem ser feitos facilmente na Timeline do Dreamweaver.


Após as explicações, siga os passos abaixo para usar o recurso CSS Layers. Vamos lá!

1-) Abra um arquivo do fireworks (*.png)
2-) Nossas CSS LAYERS, serão as layers do fireworks, separe seus objetos do jeito que quiser. Não se esqueça de colocar um nome sem caracters especiais e espaços. Pois este nome é o mesmo usado nas Camadas CSS.
3-) Feito isso, vá até File>Export, e em Save as, selecione CSS Layers (.htm). Veja a figura:


Clique aqui para ver a imagem no tamanho original

Nota: Repare que em Source você tem outras opções como Fireworks Frame, Fireworks Slices, você poderia no lugar de separar os objetos em Camadas, separá-los em Slices ou até mesmo Frames.

Pronto! Nossas Camadas CSS estão prontas, agora, vocÊ pode abrir este arquivo no Dreamweaver, e utilizar suas behaviors nesses layers.

Obrigado pelo apoio de todos, e continuem visitando, mandando e-mails, postando mensagens no fórum!

Abraços!

Todos os artigos de Gabriel Laet

0 comentários publicados

Sobre o autor

Gabriel Laet desenvolve aplicações web para Flash e em tecnologias como Java, .NET, PHP e ColdFusion, focando o desenvolvimento de aplicações portáveis e acessíveis. Atualmente é sócio-proprietário da Zunto.com, atuando na área de tecnologia.

Indique para um amigo

Tags relacionadas

crescimento internet windows mobile tecnologia celular linux apple seguranca google gerência yahoo 3g youtube iphone photoshop brasil web desenvolvimento design ti php lançamento publicidade microsoft mercado

TI SHOP Produtos iMasters

• Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
• Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
• DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
• DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!