Saving slices for the Web

[bch33]

I have several images on one web page. I understand how to slice images using Image Ready. however, when it is time to save, I'm not sure how to get the results I want.

I already have an html page set up in dreamweaver and I just want to import the slices from Image Ready into that existing html page.
I tried saving the slices as images and placing them in a table exactly where I wanted them on my existing html page, but if I touch the table after the slices are in there, it goes crazy and stretches the table out and the slices get mixed up.

If I save the slices as an .html file, It saves it as its own html page, which is no good if I have several separate images I am slicing on a page. I also tried cutting and pasting the .html file into the page I want but no images show up.

Any suggestions?

Hope this makes sense

bch

 

[HowardMarks]

Hi bch, I posted an answer to this query in your previous thread, so check there and see if it helps your problem. Nick (Web Designer)

http://www.retrographics.co.uk

nick@retrographics.co.uk

 

[bch33]

Yes, thanks Nick, I'm using Image ready but when I have multiple "sliced" images that all belong on one page, I'm trying to figure out how to put the second third and fourth html file on one page.
I tried copying the html pages to the one page but the images don't come with it unless it was originally created on that particular html page.
I've been messing with the html with each page to make it work.
Also, I figured if I put the html page in the root folder I could copy and use it on any page on the site-but the pictures don't show up unless I place the html page in each particular folder (alot of extra work for a very large site)
Thanks for all,
bch

 

[HowardMarks]

Hi bch,

Your problem is simply that when you copy a table from one page to another, the path to the image files is wrong because they are document relative (a different path depending on where the html page is situated). There are several ways to rememdy this:

1) Once you have copied and pasted the table, alter the path of each slice of image so that it points back to the right location

2) Keep all the images in one folder (rather than a separate folder for each set of slices), this will make it much easier to locate the images if anything goes awry.

3) Use Site relative paths for the images instead of document relative. This means that the path to the image files always starts from the root of the site and works upwards to the folder, rather than be dependant on the location of the actual html page. This means that the images should work wherever in the site you save your html pages.

If you have so many individual slices it is infeasible (or just slow) to change each path manually, remember you can always use the Find/Replace text function to alter everything in one page at once, but be careful because its very easy to make a mistake and ruin a whole html document.

Hope this helps ur problem



Nick (Web Designer)

http://www.retrographics.co.uk

nick@retrographics.co.uk

 

[HowardMarks]

Hi its me again,

Just realised (*doh!*) that theres a specific function within dreamweaver for importing sliced images! Just go to Insert>Interactive Images>Fireworks HTML, and find the document you need. It automatically pastes the image into your page, and magically, all links are intact and working.

Hope this saves u some time Nick (Web Designer)

http://www.retrographics.co.uk

nick@retrographics.co.uk