Publicado em 3 Mar 2008 | 10,515 visualizações

Fireworks CS3 - Slice tool - Fatiando um layout pelo Fireworks e importando pelo Dreamweaver

* * * * * 1 votos

Olá.
Enfim, saiu o que muitos ansiosamente queriam e precisavam…
Eis a importantíssima vídeo aula ensinando como fatiar um layout pelo Fireworks e importa-lo pelo Dreamweaver.

Como falei na vídeo aula, essa não é a maneira mais correta para se desenvoler uma página usando Fireworks e Dreamweaver. Claro que o processo de criação pelo do layout é correto e a utilização do slice tool também, mas existem outras maneiras de optimizar esse processo, deixando a página final mais leve e com menos imagens pesadas, usando a aplicação de CSS+Backgrounds+imagens mais leves, etc…

Mas vamos deixar isso para as próximas vídeo aulas!
Espero que gostem e que o material preparado possa ser de grande valia para vocês.

Assista à vídeo aula

Tags: fatiando layout pelo fireworks, fatias, Fireworks, Fireworks CS3, Slice tool

Opinião do internauta - 42 Comentários

Regis
Março 5th, 2008 em 6:08 pm
boa tarde…
seria legal se vocês fizessem uma video aula ensinando a fazer um menu animado…ou no fireworks ou no dreamweaver!!
vlw…
Felipe Cardozo
Março 5th, 2008 em 7:24 pm
Olá Régis.
Nas próximas vídeo aulas, iremos ensinar a fazer menus com efeitos com o Fireworks e o Dreamweaver…

Obrigado por visitar o mx.

Abçs
Israel C. Castiel
Março 6th, 2008 em 7:02 pm
O vcs do mxmasters.com estão de parabéns, são muito legais os vídeos de vcs vale a pena mesmo até pagar por um dvd exclusivo ensinado dicas legais como essas, valeu até mais.
Felipe Cardozo
Março 6th, 2008 em 7:19 pm
Olá Israel.
Obrigado pelo elogio e sua visita ao mx.
Nós estamos nos preparando com as ferramentas de edição de vídeos e quem sabe, poderemos fazer materiais mais especiais e principalmente, gratuitos.

Abraços!
Parabens Pelo Slice Tool
Março 18th, 2008 em 8:59 pm
Muito bem explicado a video aulo
porém fiquei curioso, pois vc diz que não é ou seria a maneira mais correta

qual Seria, Já existe este videoAula

Araços, Harley Guimaraes
Felipe Cardozo
Março 18th, 2008 em 10:32 pm
Harley, obrigado pelos elogios!

Estou preparando a vídeo aula tirando esta dúvida e mostrando como se utiliza corretamente as fatias do Fireworks.

Mas antes, é necessário aprender CSS+Tableless e essas vídeo aulas estão no ar já.

Abçs
Robson
Março 20th, 2008 em 11:26 am
Muito Bom, todas as videos aulas são ótimas, com uma didática perfeita!!!!..Parabéns rapiziada do mxmaster..e Obrigado!!!..um abraço!!!
Felipe Cardozo
Março 20th, 2008 em 1:41 pm
Robson, seja bem vindo ao MX e volte sempre!

Obrigado pelos elogios!

Forte abraço.
leo bianchi
Março 21st, 2008 em 4:46 am
tenho um portal de anuncios aqui no RIO DE JANEIRO E ESTOU APRENDENDO MUITO COM AS SUAS VIDEO AULAS TEM COMO TU MANDAR PRA MIM OS ARQUIVOS PNG . PRO MEU EMAIL
DESDE AGRADEÇO E PARABENS PELO SEU TRABALHO SHOW DE BOLA VALEU
Felipe Cardozo
Março 21st, 2008 em 5:33 am
Olá Leo.
Obrigado pela visita ao MX. Volte sempre!

A maioria dos arquivos PNG trabalhados é colocado nos posts para downloads.

No caso deste layout que você quer, você pode fazer o download no link abaixo:

http://www.mxmasters.com.br/download/10/
WILLIAM
Março 31st, 2008 em 1:55 pm
OPA VAMOS CONFERIR E É MUITO IMPOTNATE MESMO ESSA VIDEO AULA VALEU
felipe felix
Abril 19th, 2008 em 8:21 pm
fala meu chara felipe cardoso!eu estou com um probleminhacara, não sei se posso postar ele aqui.É sobre a resolução do site que vc deu no video (779×900)eu faço o site nesta proporção e ficar um monte de tela branca emvolta do site quando eu vou prever no browse,num fica certinho…oque sera isso?
desde ja agrdadeço!
Felipe Cardozo
Abril 19th, 2008 em 10:43 pm
Felipe, tenho que ver isso!
Manda um print para contato@mxmasters,com.br

Fico no aguardo!
felipe felix
Abril 21st, 2008 em 6:22 pm
Felipe acho que resolvi o problema de um jeito meio estranho.Bom eu fui almentando a resolução do site até achar uma config boa dai cheguei a 1000X768 que preenchei toda atela e naõ apareceu barra de rolabem la em baixo.acho que por hora ta bom não é?
Felipe Cardozo
Abril 21st, 2008 em 6:38 pm
Se você aumentar o tamanho da largura do seu site em pixels, se você diminuir a resolução da tela do seu pc: 800×600, por exemplo, a barra de rolagem irá aparecer.

Ela só não aparece se você fizer a dimensão com 100%, conforme falei anteriormente..

Abçs
Felipe
Maio 2nd, 2008 em 5:25 pm
Felipe Cardozo
Parabens pela sua video aula
mais fui assistir ela já era tarde!
O Youtube esta fora do Ar

Mais Valeu!
Mário
Maio 24th, 2008 em 1:14 pm
velho blz?
ótima vídeo ;]
eu uso mais o photoshop.. será que tem como você fazer uma vídeo aula fatiando um lay com ele?
grato,
falows.
Wagner Fernandes
Junho 15th, 2008 em 2:42 pm
Simplesmente uma iniciativa excelente. Parabéns e que continuem assim.
Joacir
Junho 17th, 2008 em 9:07 pm
Veiu muito obrigadoooo era issu memo que eu estava precizando Cara eu n so gey mas eu te amoooooooo
nota 10000000000000000000000000 para equipe do MXMASTER
José Carlos
Junho 18th, 2008 em 1:57 pm
não tem mais o link para download. porque.
Felipe Cardozo
Junho 19th, 2008 em 2:06 am
José, como melhoramos a qualidade das vídeo aulas colocando na vídeolog, entendemos que não há a necessidade de disponibiliza-las para download. Até porque isso era um fator mais trabalhoso para nós e como outros integrantes do mxmasters estão chegando, isso poderia se tornar algo difícil de se controlar.

[]´s
diogo
Julho 2nd, 2008 em 8:47 am
Bom dia Felipe Cardozo.
Cara estou com uma duvida cruel.
Quando estou desenvolvendo um layout em fireworks , quando utilizo gradiente, e vou visualizar o mesmo no IE. fica tipo distorcida a imagem , fica tipo varios quadrados , vc sabe o q é , gostaria q me ajudasse …ate mais e parabens pelas aulas
Jb Rios
Julho 3rd, 2008 em 10:26 am
Cara… Muito Boa a video aula, é reforço a mais no curso que estou fazendo de web design, parabéns!!! Sempre estarei aqui tirando dúvidas. Abraçooo..
Felipe Cardozo
Julho 4th, 2008 em 2:15 am
Olá Diogo, tudo bem?

Isso acontece porque você está visualizando como gif. Para poder visualizar como jpg, você deve selecionar a opção: JPEG - Better Quality no picklist abaixo das opções de palco na parte inferior central do seu Fireworks.

Depois, basta apertar F12 e pronto.

[]´s
andrei
Setembro 2nd, 2008 em 2:20 pm
salve grande felipe cardozo!!! brother eu assisto suas video aulas e nessa eu fiquei curioso pra saber qual é a forma mais correta de fatiar e colocar no dreamweaver,sou novo no ramo de webdesign e tenho essa duvida…desde já eu agradeço, e vcs estão de parabéns abçs
marcio
Setembro 14th, 2008 em 11:28 am
Mto bom o post!!!Eu fatiei o layout pelo fireworks e mandei pro dreamweaver,mas qdo abri no dreamweaver os menus pop up q havia feito no fireworks nw estavam funcionando!!!Tem como eu importar os efeitos pro dreamweaver???
César Augsusto
Setembro 19th, 2008 em 3:43 pm
Legal a Video-Aula Ajuda Muito quem tá começando como eu
Sérgio Aqueri - São Paulo
Setembro 25th, 2008 em 10:08 am
Muito interessante esta aula, nota 10, já estou praticando esta ferramenta, parabéns mais uma vez Felipe

Abs
Giuliano Pelaquin
Outubro 27th, 2008 em 9:17 am
Fala Felipe. Não sei se este é o tópico mais indicado para essa dúvida mas tem tudo a ver com slice tools. Aliás este site (www.midiaemcinema.com.br) eu fiz totalmente com a ajuda de vocês também. Estudei praticamente todas as vídeo aulas relativas a fireworks para desenvolvê-lo. Enfim, fiz o recorte dos slices, importei no dreamweaver, ficou perfeito. Na internet explorer 6, 7, google chrome funcionam normalmente. Mas no Mozila Firefox (versão 3.0.3) eles saem do lugar. O que pode ser isso? Obrigado e forte abraço a toda equipe do MX Masters e parabéns pelo terceiro lugar do peixe grande!
Sidnei Fernando
Dezembro 2nd, 2008 em 1:20 am
Muito legal ter encontrado o site de vcs, eu ja estava desanimado em querer aprender a fazer websites, mas assim que encontrei o site na primeira semana ja comecei a desenvolver layouts no fireworks e de forma ate diria arrojada com as aulas do Felipe, coisa que sei la, mas acho que a forma que o MXMASTER passa o aprendizado de uma forma que todos que querem conseguem.

Parabens
MXMASTER
caio rodrigues
Dezembro 12th, 2008 em 2:06 am
cada vez com aulas mais interessantes
continue assim felipe cardozo
Jobes
Março 5th, 2009 em 12:16 am
gostaria de saber qual é a melhor forma de exportar do fireworks para o DW?
Grato,
Jobes
Alan Queiroz
Março 26th, 2009 em 10:33 am
Eu fiz todo o fatiamento como vc ensinou, quando coloco o caminho do link na imagem e mando um F12, não acontece nada, apenas fica sublinhada a imagem quando clico em cima del,o que estou fazendo de errado?
abraço
Felipe Cardozo
Março 26th, 2009 em 12:12 pm
Alan. É o caminho das imagens. Dá uma conferida!

[]´s
Alan Queiroz
Março 27th, 2009 em 8:53 am
Eu fatio, e exporto como html e imagens.
daí abro dentro do dreamweaver sem colocar em tabelas, simplismente abro o que exportei do Fire, o arquivo vem inteiro, quando coloco o link e dou F12, o mesmo não funciona.
Por outro lado, quando insiro as tabelas e coloco o caminho do link, o mesmo caminho do outro, aí vai direitinho.
eu tenho que fazer a tabela obrigatoriamente, ou posso fazer os links direto da exportação do Fire?
Abraço
Michael
Março 31st, 2009 em 9:51 am
Cara sera que vc poderia me passar o ink para Dawnloand deste video valeu
Alan Queiroz
Abril 1st, 2009 em 8:52 pm
Felipe, entendeu?
sandro
Maio 6th, 2009 em 12:34 pm
Aí felipão vc é o cara, quero parabenizá-lo pelas suas videos aulas, tiro muito proveito delas, gostaria se possível que vc mostrasse como podemos fazer menus e botão no firewors, obrigado desde já.
abraços e continui com seu progresso.
Anderson
Maio 22nd, 2009 em 12:01 am
Ola gostaria de saber como posso coloca um iframe ne um sitt e hospeda esse inframe ja tentei muitas vezes eu gostaria que podece me informa numa video aula obrigado
Rodrigo
Maio 22nd, 2009 em 11:37 am
muito bom,
está de parabéns felipe
CLayton Prebelli
Maio 30th, 2009 em 2:59 am
Kra valeu a aula, ajudou muito mas o seguinte, como faço para o conteúdo ser o frame que será mudado a cada link? tipo clicar no menu e só mudar o conteúdo. Vl
Wemerson Ramos
Junho 21st, 2009 em 2:46 pm
Bixu valeu pela dica com ela ganhei 900,00 criando um site aqui na minha cidade pra uma loja… valeu.