Slice Tool Help!!!

Ok Im having some trouble with the Slice Tool. Heres my problem.

I have made a webpage layout in Photoshop 6.0 and I want to cut it down, Before I was using the crop tool and saving it. That wasnt working to well.

Then today I was looking around I saw that Mattboy was talking about the Slice tool, I had NO idea what the slice tool was used for before. Now I kind of understand what it is used for but I have NO idea how to use it!

Also I found out how to do Mouseovers! Which I have ALWAYS wanted to know how to do!

Can someone please help me and explain how to use the Slice tool and to save Moseovers once Ive made them in Image ready.

I know this might be alot to type to explain it, but If anyone has some time on there hands, I would REALLY appreciate it if they would explain how to use the slice tool and to do Mouseovers!

Thanks in Advance! :D

PLEASE SOMEONE MUST KNOW!

At the bottom of your Photoshop toolbar there is a button with a crooked arrow pointing to it....

with the Photoshop file you made open click that button....it will open that image in imageready...

now just drag guidelines out of the rulers and place them like you would like the image to be sliced...

once you have the guideleines like you want them... go to >SLICE>CREATE SLICES FROM GUIDES

that is the easiest way I know to make slices....ALso image ready will create rollovers and the entire html code if you want it to.

Hope this helps.

I know how to do all that stuff, I just need to know how to actually get it from Image Ready to my webpage. Please help!

(Mattboy waiting to hear from you :p , I hear you like answering questions.... and don't copy and paste your last post about slicing because I already read that, Which helped ALOT by the way, but I just need to know how to get it from Image Ready to my website!!! PLEASE HELP ME!)

What you want to do is slice it up and use image ready for the rollovers. You can use image ready for the javascript but do not use the html output image readys is real sloppy. and it makes for ugly tables not needed.

So just get your sliced images and javascript then put them together yourself in a wsywig then link them and place the proper code for the rollovers..

Just expeirment with the slicing you want to make it easy not real complicated. So don't have it slice by the guides it makes a lot of crazy small peices for no reason use the slice tool and make your own slices it works sorta like the crop tool just better. you should play with it for a while youll get the hang of it and all will be good.

Ok Im sorry but that made no sense to me....

No offense or anything :P Im just kinda dumb

Imageready to Website:

After you have your slices like you want......

>FILE>SAVE OPTIMIZED AS

it will bring up a dialog asking you where you want to save the file... (I usaully make a folder for it to save into.) It will produce the HTML and the images you have designated as slices.

Now you have an html file and a folder named "images" containing all your images/slices, they have to be uploaded to your server via FTP.

that help??

Ok so I Saved Optimized As... and then I made a new folder called "Slices" and saved it as HOMEbut.html Then I went and uploaded to Angelfire and What do I type once im editing my html, like for example should I just type < a href=" etc... img src="HOMEbut.html"... or should I write it as something else?

Thanks for being so patient

Ok I have been trying to figure this out ALL night and I just dont get it.... ERR i should have posted this in the Newbie section. I'm sorry guys, I know Im REALLY stupid, but ITS MAKING ME REALLY MAD, I just cant get it. Here is what I'm doing... Try to see where I went wrong.

-Ok first I made a button in Adobe Photoshop 6.0 and colored the background black and wrote HOME in yellow above that layer

-Then I made 3 more Text layers above the two I already have: My background and My font layer that says HOME.

-I colored each of the different texts different colors.

-Then I hide all of the layers EXCEPT my original HOME text layer and my background

Then I made a new folder called Slices

-Then I saved it as HOMEbut.jpg in the Slices folder

-Then I opened up Image Ready

-I opened up HOMEbut.jpg in Image Ready

-Then I took the SLICE tool and selected the entire image and opened up Rollover in the window at the bottom.

-I saw my original Button in the Rollover window (Yellow HOME and black background)

Then I clicked on the create new rollover state button and I hide the yellow and showed a different color.

I did that 3 more times

Then I went to File>Save Optimized As...

I saved it has HOMEbut.html

Then I went to my angelfire account and uploaded HOMEbut.html

I went to edit my HTML (: equals <) (. equals >) and I typed

:a href="(my homepage)". :img scr="HOMEbut.html". :/a.

and I previewed it.... NOPE didnt work....

Then I opened up my image folder that was in my Slices folder and saw that there was 4 .gif files
-HOMEbut_01.jpg
-HOMEbut_01_click.jpg
-HOMEbut_01_down.jpg
-HOMEbut_01_over.jpg

So i uploaded those 4 files to my server on Angelfire

Then on my edit HTML page I typed

:a hred="(my homepage)" onmouseover="HOME_01.jpg". :img scr="HOMEbut.jpg". :/a.

then I changed onmouseover=

to

target=
onclick=
onmouseout=

none of that worked

WHAT DID I DO WRONG?!?! PLEASE HELP

Sorry for posting SO much but I really want to know how to do this.... sorry IM VERY STUPID i know :(

Sorry it took me so long........had a busy night last night and a busy morning today.

Here we go:

1) You're doing 7x more work than you need to.

2) Don't use the jpg file in Imageready. Open your original .PSD file. Then you can just show and hide layers as needed.

3) Good, you uploaded the html file, but you also need upload ALL of those slices you made too.

When you File-->Save Optimized, by default I do believe it will save all of your slices under an "Images" folder under the root directory where your html file was at.

Go to Angelfire Help to find out how to upload by FTP, and then you can upload that entire "Images" folder on your hard drive to your "Images" folder on Angelfire.

After you upload the HTML file and the images, it should all work automatically. No re-arranging or code-fixing to worry about.