Untitled Document

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

Bookmark e Compartilhe

Tags: , , , ,



Opinião do internauta - 42 Comentários

  1. RegisNo Gravatar
    boa tarde…
    seria legal se vocês fizessem uma video aula ensinando a fazer um menu animado…ou no fireworks ou no dreamweaver!!
    vlw…
  2. Felipe CardozoNo Gravatar
    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

  3. Israel C. CastielNo Gravatar
    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.
  4. Felipe CardozoNo Gravatar
    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!

  5. Parabens Pelo Slice ToolNo Gravatar
    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

  6. Felipe CardozoNo Gravatar
    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

  7. RobsonNo Gravatar
    Muito Bom, todas as videos aulas são ótimas, com uma didática perfeita!!!!..Parabéns rapiziada do mxmaster..e Obrigado!!!..um abraço!!!
  8. Felipe CardozoNo Gravatar
    Robson, seja bem vindo ao MX e volte sempre!

    Obrigado pelos elogios!

    Forte abraço.

  9. leo bianchiNo Gravatar
    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
  10. Felipe CardozoNo Gravatar
    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/

  11. WILLIAMNo Gravatar
    OPA VAMOS CONFERIR E É MUITO IMPOTNATE MESMO ESSA VIDEO AULA VALEU
  12. felipe felixNo Gravatar
    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!
  13. Felipe CardozoNo Gravatar
    Felipe, tenho que ver isso!
    Manda um print para contato@mxmasters,com.br

    Fico no aguardo!

  14. felipe felixNo Gravatar
    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 é?
  15. Felipe CardozoNo Gravatar
    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

  16. FelipeNo Gravatar
    Felipe Cardozo
    Parabens pela sua video aula
    mais fui assistir ela já era tarde!
    O Youtube esta fora do Ar

    :(

    Mais Valeu!

  17. MárioNo Gravatar
    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.
  18. Wagner FernandesNo Gravatar
    Simplesmente uma iniciativa excelente. Parabéns e que continuem assim.
  19. JoacirNo Gravatar
    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
  20. José CarlosNo Gravatar
    não tem mais o link para download. porque.
  21. Felipe CardozoNo Gravatar
    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

  22. diogoNo Gravatar
    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
  23. Jb RiosNo Gravatar
    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.. ;)
  24. Felipe CardozoNo Gravatar
    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

  25. andreiNo Gravatar
    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
  26. marcioNo Gravatar
    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???
  27. César AugsustoNo Gravatar
    Legal a Video-Aula Ajuda Muito quem tá começando como eu
  28. Sérgio Aqueri - São PauloNo Gravatar
    Muito interessante esta aula, nota 10, já estou praticando esta ferramenta, parabéns mais uma vez Felipe :)

    Abs

  29. Giuliano PelaquinNo Gravatar
    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!
  30. Sidnei FernandoNo Gravatar
    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

  31. caio rodriguesNo Gravatar
    cada vez com aulas mais interessantes
    continue assim felipe cardozo
  32. JobesNo Gravatar
    gostaria de saber qual é a melhor forma de exportar do fireworks para o DW?
    Grato,
    Jobes
  33. Alan QueirozNo Gravatar
    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
  34. Felipe CardozoNo Gravatar
    Alan. É o caminho das imagens. Dá uma conferida!

    []´s

  35. Alan QueirozNo Gravatar
    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
  36. MichaelNo Gravatar
    Cara sera que vc poderia me passar o ink para Dawnloand deste video valeu
  37. Alan QueirozNo Gravatar
    Felipe, entendeu?
  38. sandroNo Gravatar
    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.
  39. AndersonNo Gravatar
    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
  40. RodrigoNo Gravatar
    muito bom,
    está de parabéns felipe
  41. CLayton PrebelliNo Gravatar
    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
  42. Wemerson RamosNo Gravatar
    Bixu valeu pela dica com ela ganhei 900,00 criando um site aqui na minha cidade pra uma loja… valeu.

Deixe sua opinião

Veja também

Felipe Cardozo

24 anos, solteiro, carioca, residente da cidade de Nova Iguaçu. Trabalha com web há 6 anos. Foi ouvidor e designer do grupo Telemar por 3 anos, onde desenvolveu projetos e intranets.

E-mail | Site | Conteúdo publicado: 247

Últimas notícias

30 Jun 2009 | 224 visualizações

Felipe Cardozo fará palestra em universidade do Rio

26 Jun 2009 | 762 visualizações

DVD Wordpress volume 2 e Multimídia para WEB

22 Jun 2009 | 879 visualizações

VAB será lançado na próxima segunda-feira

15 Jun 2009 | 944 visualizações

Aviso importante

12 Jun 2009 | 1,588 visualizações

Quer ganhar cursos MX masters?

31 Mai 2009 | 1,010 visualizações

Felipe Cardozo participa do Guanacast e Zoomcast

Blogs

Tecnologia todo dia!

Qual é a moda da vez na Web?

Siga-nos

Enquete

O que devemos mudar no novo MXWEBTV?

Ver Resultados

Carregando ... Carregando ...
Untitled Document
  • Top lists
  • Últimas do fórum
  • Nuvem de tags
  • Newsletter
  • Receba as atualizações do MX em seu e-mail:

    Digite seu e-mail: