Create a Website Fast Fireworks - Pdf and Css Exports

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!

Category:

Howto & Style

Tags:

• create a webpage fast
• create a website fast
• designing web pages
• Fireworks cs3
• Photoshop web design
• easy web design
• web design prototype
• web page composition

[Eaglesight]

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

[NeaceDesign]

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. =)

[javasbass]

Im sorry im new at this....but ive been looking some vids about FW!!..and its awesome!!!

So i have a question!!....Is there a website 100% firework....if there is...can you reply me the link!?

Does FW generates any code?!..like html or php?!

[evetrain]

hey~ thanks for the tutorial~! it was really helpful for me that know nothing about fireworks :D

[cptdc]

Great video considering you're learning but then you got to thank the designers of the software for laying it out nice. Seems quite easy to pick up, very interesting exporting snippets of CSS code which means it's pretty pointless manually embedding CSS then exporting once finished into seperate .CSS file!

I'm just very confused, why would you need (X)HTML as a mark up when you can write text in Fireworks?...surely that suggests that [p] element is pointless?

Can someone explain this?

[dingleberry1219]

can you please message me the link to the download to fireworks!!!

[dingleberry1219]

If anyone knows where I can download the FireworksCs4 at please message me the link!

[patrioticprisoner]

Good job learned alot!!

[iamMarcy5]

Hey Neace whats the best way to put up video on fireworks?

[BoozysBoozers]

Great video.



[gt1937]

Awesome tutorial.

[HotCoolDudeSEO]

You guys have a really COOL Video here, how much do you charge?