ive been working on my website for the better part of 3 weeks and cant figure out how to do multiple pages in ImageReady.

Im using photoshop for all the graphics and Dreamweaver to tweak the code. I export everything from Photoshop to image ready to split it all up but when i make another page it over writes the other. Most of the graphics are the same and i dont wanna fill up my server space of redundant images. Anyone know if there is anything i can do?

Any help is greatly appreciated.

 

??? image ready just makes the graphics why are wanting more pages made in image ready? dreamweaver should do the next webpage you use the same or diffret graphics in dreamweavers next page. unless i am not fully understanding what you doing in imageready. imageready's primary use is to make photoshop graphics web ready, make rollovers, image maps etc, i might not be getting your drift but more explaination needed

 

Yeah - each new page should be created with dreamweaver, not imageready. Just use the code from the first page as a template for the next, and give it a new name.

Personally though, I'd highly recommend NOT use image ready to split up your pages for you.

ImageReady cuts an image up into large peices, and then uses tables to position them. Using tables to position things is not what tables are for, and that ends up making web pages that are not accessible (screen readers read tables left to right, which is not necessarily how your data is meant to be read).

I'd recommend doing it the standards-compliant and accessible way, and cut up the image yourself in Photoshop, then use CSS to do the layout and positioning.

11 times out of 10 that software generates code for you, it's horrible bloated, invalid code.

This way, not only will your site be 100% accessible, it will require smaller bandwidth (you can use smaller images repeating themselves, rather than one large on in a table cell), and any time you want to change the way something looks on your site, you can just make the change in your CSS file, rather than each single page that has what you want to adjust. Makes life much easier fing02.gif

 

depending on what browser you setup css in make sure you know all the flaws in the differences in browsers not to make it look real funny to other people. thats where i am at a stand still with my new page design process looks pretty nice in firefox, not so in ie, i know the world isn't perfect and using firefox so i have to make it compatable. my site looks so bad with its old style, waiting on this new idea, i believe i am going to purchase the zen css design book to help on my way, the stuff they make in css in that book is awsome check it out
zen garden

 

I have heard nothing but awesome reviews of that book - I love the zen garden site and seeing what designs people come up with. One of my favorite sites on the web (as well as CSSVault).

Designing With Web Standards is another book I recommend.

 

I finally figured it out. I just needed photoshop to make a few different graphics with the design i already had so basically im using the layout in photoshop cutting it all in Imageready and changing it around the way i want to in dreamweaver! So far its working out great. Got the CSS all laid out and looking good. Thanks for all the input!