This is a beginners tutorial on how to quickly take a Photoshop composition and export it in functional .htm format using the slice tool in Fireworks Cs4. Now please note this is a very basic instruction designed for people unfamiliar with Web Design.

But for you veteran Web guys out there, remember presentation is everything, and this is a sure way to impress your clients with functional compositions that… well… function!

I will continue to expand on this tutorial more and more as time goes on, highlighting some of the newer more extensive integration between Photoshop and Fireworks.

I hope you like this tutorial and please don’t hesitate to stop into http://www.neacedesign.com as I slowly and steadily build up a nice library of tutorials for all of you design enthusiasts!

Duration : 0:6:54




Technorati Tags: , , , , , , ,

18 Responses to “Create a Website Fast Fireworks – Pdf and Css Exports”

  • mistika72 says:

    Nice tutorial, …
    Nice tutorial, congratulations! I’m also learning FW and I’m new at creating web pages. I got all my pages in FW, but stuck on slicing… should I slice the master page and also the individual pages? Should slices cover the entire page?…

  • erosevaporator says:

    Again, you are …
    Again, you are awesome! The CSS export is amazing. I love that…especially since I just fought for three days trying to get my mother’s site online and had to type most of it out. Ugh. New appreciation for coders…

    Anyhow, again 5 stars, keep up the good work. Thank you again, too.

  • artbartfat says:

    good idea !
    good idea !

  • orginunknown says:

    @camelwide888 The …
    @camelwide888 The css export functionality was made possible by a plugin for version cs3. adobe purchased that plugin and incorporated it into cs4. I think you can still get the plug in for version cs3. I think it’s free too.

  • camelwide888 says:

    this doesnt work on …
    this doesnt work on CS3, does it?

  • billow86 says:

    DUDE U SIR ARE THE …
    DUDE U SIR ARE THE MAN!!!!
    Thank u so much u just saved me weeks of pulling hair with dreamweaver…THANK U!!!!

  • asilve3 says:

    very well made …
    very well made video. thanks a lot! Are you listening to the Gorillaz?

  • theagent9 says:

    “he’s poor” lol. …
    “he’s poor” lol. That’s terrible to say that… I know you didn’t mean anything, it was just funny the way it came out. Good tut

  • teponche says:

    Si señor lo …
    Si señor lo felicito no es rudo para nosotros es una expresion que usamos a menudo, disculpeme, que bueno que sepas español. pues bien esto es lo que pasa. DISEÑO LA PRIMERA PAGINA, LUEGO UTILIZO SLICE PARA CREAR ZONA INTERACTIVA, DESPUES COLOCO LOS VINCULOS Y LUEGO CREO LAS SUB PAGINAS DUPLICANDO DESDE LA PAGINA MAESTRA, GUARDO EL ARCHIVO

  • NeaceDesign says:

    Eso no es muy …
    Eso no es muy maduro. Si usted tiene alguna duda, pregunte. No hay razón para ser rudo.

  • teponche says:

    hey marica eso no …
    hey marica eso no funciona

  • perra13 says:

    Thanks for spending …
    Thanks for spending the time to do this bro. It helped!

  • NeaceDesign says:

    Thank you, …
    Thank you, appreciate it. I’ve been busy finding work and what not so once I get things under control I’ll get back to the daily tuts. :)

  • NeaceDesign says:

    My first response …
    My first response would to be use the export wizard, it will walk you through the steps and allow you to optimize your images the way that you prefer. =)

  • Eaglesight says:

    Also, how do I make …
    Also, how do I make Fireworks save as PNG instead of GIF by default? It creates problems when I work alot with transparency, thanks.

  • amtrixworld says:

    Excellent tutorial. …
    Excellent tutorial. Thanks, I have found it really helpful. Hope you will do more!

  • waze86 says:

    Hey dude, I done a …
    Hey dude, I done a design in fireworks cs4 and i have sliced it up… But The content page is transparent but when i export it via CSS and Images it ain’t transparent any ideas?

  • heinrichmarco says:

    Hey nice and simple …
    Hey nice and simple tutorial…Great work and presentation…keep up a good work dude!!