Slicing a layout in Macromedia Fireworks

[properclone]

Here is a tutorial on slicing a layout in Macromedia Fireworks, I will be using Macromedia Foreworks MX but it is basically the same for older versions.

1. Open Fireworks and select File>Open and open the layout you wish to slice.

2. Select the Slice Tool http://www.avengex.com/~propercl/slice/slice1.png and drag and drop it where you want the slices to be, this will make seperate images for each area you make green (slice) and when exported will also create a HTM file with them all in a table in the correct order. This makes it easy to put content into certain areas of the site, change banners easy and basically make the site much more flexable and professional looking.

3. Select File>Export and export HTML and Images somewhere.

When done you should be left with the seperate images where you exported to along with a HTM file with the table with the images in, which you can play around with to use on your site!

I hope this has helped you.

[zainx]

:( cud of posted this earlier just had to learn to do it my self lol

[-JT-]

needs more images :p

thanks though.

[smurf-you]

Never tryed that, I'm one for notpad and PHOTOSHOP :p


Might try it, But making templates in flash is a different matter :$

[iRoss]

Lol, Why have u just told me/us ? i had 2 figure it out all alone :'( x) same as zainx

[smurf-you]

Well when you learn stuff alone, You remember it easier :p

[iRoss]

Well when you learn stuff alone, You remember it easier :p

2 true, unfourtunately :D

[jamie5k]

wow i actually learnt this at school today by my own :( and i had to learn it all by my own like ross and the other guy :P Nice tut tho

[Code]

Errr... Some screenies would be quite helpful.

[Racoon]

Lol I never knew dat fnkz! LOl

[Ziabotsu]

:D I dont have macromedia fireworks, so.. mm :l

[Dan Williamson]

Excellent Tutorial If You Could Will You Please Give Me A Few Tips On My Dreamweaver Tutorial.

[Tomm]

Adobe Photoshop way better than fireworks :D

[-=rooty987=-]

I'm thick lmao, i have got like it all in frontpage, but i want it to have text on it - i think its an iFrame, but i don't know how to make iframes :(
Can someone pm me or something - with help?

O i have dreamweaver aswell btw.

[timROGERS]

I don't get it, I can do this, but how do you put text on it in Dreamweaver?

[-=rooty987=-]

Right, when you slice it, at the bottom, it will say image with a little arrow menu next to it, change the image to text :D

[specialV.I.P]

Dunno..

[Lycan]

Uhhh I was Bored So I Made Pictures To Go Along with This Excellent Step By Step guide
http://img98.imageshack.us/img98/1852/slice5of.png
Load Up Your Template - Select the Slice Tool (As Shown Above!)

http://img85.imageshack.us/img85/904/slice27ji.png
Drag and Highlight the Area You want Sliced! and Release
http://img86.imageshack.us/img86/9873/slice34wk.png
Do it Till All Of its Cover by a Slice


http://img64.imageshack.us/img64/7007/slice43bw.png
The Export it to a Nice place Like Dreamweaver!

[lex!]

How do you make it so that it's and iframe, and doesn't reload the page each time you click a link?

[Catchetat]

change the target

[Recursion]

good tut. But do the coding your self! slicingguide.com or something like that. Dont be lazy and let the Porgram do the code work because it often is better in the long run when you have done it yourself

[Call]

Well, As said you could, when you save click save as html and images or just images ;)

and send bits to tease people ;)

But otherwise good if the screenies were there.

[deadfrog]

Thanks for the guide im gonna start messing around with it tonight! Might even sell what i come up with lol!