Buscar:
 » 3D
 » Corel Draw
 » CSS / Estilos
 » Fireworks
 » Flash
 » Gimp
 » HTML / XHTML
 » Illustrator
 » Paint Shop Pro
 » Photopaint
 » Photoshop
 » Tableless
 » Teoria
 » Web Design
 » Ajax
 » Algoritmos
 » ASP
 » ASP.NET
 » C/C++
 » CGi / Perl
 » Delphi
 » Java
 » Javascript
 » JSP
 » PHP
 » Python
 » Ruby
 » Wap
 » XML
 » Access
 » MySQL
 » Oracle
 » PostgreSQL
 » SQL Server
 » Dreamweaver
 » Front Page
 » GoLive
 » Hardware
 » Internet
 » Linux
 » Redes
 » Servidores Web
 » Windows
» Tutoriais Clube » Colunas » Fireworks
Danilo Bezerra, colunista do Tutoriais Clube.
Webdesigner Formado, atualmente dando FreeLancer na Web! Visite meu Portfólio: http://danilobezerra.dicasweb.com, soluções digitais.
» Aprenda a fatiar um layout!
Por Danilo Bezerra, em 29/06/2007.
Fala meus queridos!! Quanto tempo ein!?

Antes de tudo, gostaria de falar que estou trizte com alguns usuários...

Estou me deparando com "mals" leitores que estão roubando a idéia de meus tutoriais, para divulgar o mesmo, e as veses mudando um pequeno detalhe, para assim colocar seu nome.

Estou pedindo que, por favor não cometa esta falta de respeito para comigo, e com os leitores inocentes! Caso contrário, terei de tomar alguma providência....

Já desabafei! (rs), agora vamos a magia!!

Primeiramente, é importante lembrar que para este resultado, é preciso possuir o software da macromedia: Dreamweaver, instalado em vossa máquina, para poder abrir o layout "fatiado".

Após possuir o mesmo, abra seu layout no fireworks! (File > Open):



Agora, selecione a Ferramenta "Slice Tool (K) ":



Importante: Antes de fatiarmos o layout, confirme se a opção "Show Slices And Hostpots" está ativa, e caso não esteja, ative a mesma.

Agora, com a ferramenta "Slice Tool (K) " selecionada, clique e arraste (ponta a ponta) sobre a área onde virá a programação (Parte onde você utilizara o Dreamweaver").



Macete: Caso deseje mudar a cor da seleção da ferramenta responsável por fatiar o layout, mude na caixa de seleção de cores do mesmo (a seleção tem de estar selecionada):



Agora, é recomendável você nomear a área selecionada, para que na hora da programação, evite de ficar "perdido" no mesmo! Selecione a área de fatiamento feita, e mude o nome da mesma para o desejado:



Pronto, agora vamos exportar o documento após pronto e fatiado, para você poder abrir o mesmo no Dreamwever.

Vá em File > Export (cntrl+shift+r), e na caixinha aberta, configure da seguinte maneira:


Para ampliar a imagem, clique na mesma!

Pronto! Agora basta abrir o "Dreamweaver" e dentro do mesmo abrir a página salva neste trabalho realizado!

Espero que vocês tenham gostado!

PROIBIDA A CÓPIA TOTAL OU PARCIAL DESTE TUTORIAL FEITO POR DANILO BEZERRA! ®

Meu e-mail para suporte e etc: danilo@proartedesign.com

Abraços!!
Adicionar tutorial ao favoritos Enviar o tutorial por e-mail
» Todos os artigos de Danilo Bezerra
 1. Aprenda a fatiar um layout! (29/06/2007)
 2. Aplicando efeito GLASS em textos ! (01/05/2007)
 3. Criando um Avatar (14/03/2007)
 4. Criando um Banner Animado ! (20/02/2007)
 5. Criando Userbar (24/01/2007)
 6. Mudando a cor dos olhos - Íris Colorida (13/01/2007)
 7. Trabalhando com "Processo em lote!" (26/12/2006)
 8. Criando uma Sign Spider Man (14/12/2006)
 9. Criando Botões Aqua (10/12/2006)
Efetue o login:
Cadastre-se...
 » Página inicial
 » Fórum
 » Notícias
 » Newsletter
 » RSS Feed
 » Publicidade
 » Expediente
 » Contato
 » Envie seu tutorial
 » Corel
 » Fireworks
 » Hardware
 » Internet
 » Illustrator
 » Javascript
 » MySQL
 » Photopaint
 » Photoshop
 » PHP
 » Ruby
 » Web Standards
 Amigos WebMasters
 Casa dos Webmasters
 Crie seu Web site
 Dicas e Tutoriais
 Dicas Web
 Oficina da Net
 OnMasters
 PontoXP
 TagsPage
 W4Brasil