Create a Website Fast using Photoshop and Fireworks

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

[TBBiggs]

The simplicity of the tut was awesome. I love fireworks! Have you been able to figure out how to create a web design so that you can also embed a video into the code-like you tube for example.

[NeaceDesign]

I'll definitely look into more when I have some free time. I imagine it's possible.

Thanks for watching my man :)

[miorcec]

Well done Neace - simple, effective and fun...

Looking forward to your next tutorials (have subscribed to your channel!) :D

[NeaceDesign]

Thank YOU! I really appreciate it!

[darkdoor999]

Really nice tut.. didn't know a thing about it till know and i can make my own website now :p

Thanks =D

[emmanuelo24]

thx easy



[yofiesetiawan]

Thanks man! Really appriciate it! i think i'm going to use this trick to create a web prototype... It's gonna be very useful!

[markwkingjr]

Great stuff, exactly what I was looking for - keep the tips coming! Thanks again!!

[TheTVs]

Dope track in the background

[SHAA1993]

I have a question! If I save my file in photoshop, and than open it in Fireworks, it gets very ugly (like it has less pixels, while I use the same sizes as I did in photoshop). Do you (or does somebody) know what to do?

[seanf2]

Hey man. I'm using Fireworks CS3 PC and there is no alignment option on export. Do you know why?

[Win2k3SE]

This background music is soo annoying! :o

[chanceryford]

Nice demo! Keep posting and looking forward to get more tips and advices from you. Thanks!

[SohoGrl1]

Question tho-- why create it in photoshop first? Wouldn't it be easier to just create the layout in fireworks?