Welcome to WebmasterWorld Guest from 184.108.40.206
Forum Moderators: open
I am a relative newbie to dreamweaver. I am most used to just hand coding html. But, in the interest of saving myself some time, I'd like to figure out how to take an image with a basic design, and splice it up into a table in dreamweaver. Then I can keep some of the pieces as images and and insert the appropriate html where it makes sense.
I know I've seen this done, I just can't seem to muddle my way through the macromedia forums/help text and figure it out.
I thought a few of the experts here might be able to point me in the right direction. Help!
Part of what I do, when working from a mockup, is to decide which parts of the design will be a table cell with html color, and which parts are a colored 1 pixel gif, stretched out to fill up space.
In Photoshop, you set up your rulers and align them so that the zero point is in the top left corner. Then you pull out the guides and align them to the edges of the various buttons and graphics. You will have to zoom in all the way, as the guides have to be pixel perfect.
Buttons can be cut out this way, using your marquee tool if you wish, and care is taken to note how many pixels everything is from each other. The pixel measurements are gleaned from the guides. It can look pretty crosshatched, but when working from a photoshop mockup, that's what it can look like.
I thought I'd post my answer to myself for anyone else out there who is still learning all this stuff...