Image Slicing

Personally I wouldn't attempt to use Imageready to design and build a website and that's what Image slicing is for, in fact trusting any part of website coding to Imageready is a bad idea (including menus) - why? Because everything it generates will be images and it'll use Javascript (if memory serves) to swap them whenever you do a rollover, all this can be done with text and css that would be an improvement over using images/Javascript.

But Photoshop/Imageready have their advantages when designing a site, you can quickly use them to generate a JPEG proof that will give your client an idea of what the site will look like.

There are many plusses to this approach, in particular you have designed the entire site without committing yourself to coding - including all its associated problems (cross-browser compatibility, IE hacks etc). Since the design process is faster you can now give your client a choice of possible designs, making you look more professional.

In summary: Photoshop/Imageready is useful, but not beyond the design phase (apart from using parts of the design proof in the finished product). This means you don't need to worry about image slices, these are for those that wish to code the entire site in Imageready/Photoshop, a course of action I'm certain a vast majority of web designers would advise against!

Ok - so do i have to use ImageReady/Photoshop?
And how do i do it?

Does anybody have the answer?

We can't really give you a whole tutorial. Have you considered perhaps reading the documentation?

Andy's absolutely right. It's different for ever program, which would make it difficult to give a tutorial.

What graphics program are you using? Perhaps someone else is using the same program as you and could help you out more. That, or we can at least point you towards some online tutorials.

Yes - a post to online tutorial. I have Adobe Photshop 7 (with ImageReady)

Thanks in advance

google 'photoshop tutorial'
that's what I would do.

Not sure if this is what you're looking for or not, but here's one tutorial:

http://www.photoshopcafe.com/tutorials/super%20tutorial%202/website%204.htm

I just searched Google for ' "image ready" slice tutorial '. Then I ignored the sites where you had to pay for tutorials. I'm sure there are probably better ones out there; This was the first one that looked like it might be close to what you're looking for

I've not used Imageready but quick tutorial is. Chop photo into desired pieces, save, now there will be lots of photo peices to save and upload to images file, and there will be some code to paste into your HTML. Read the code and you'll see what it's doing.

I think I will stick to the tutorial's explanation

One other thing - it suggests to drag a photo on to make a background in the tutorial, but when i drag a photo on it seems to hide at the back and I can't see it. I've tried fiddling with layers but i can't seem to bring it to the front. Can anyone help on this issue?