Creating Interfaces

HeY, I'm new to these forums so I'm really sorry if this question has been asked before. But anyway...

How do you create and apply complex interfaces into a webpage. I know from studying the layout and HTML of a few websites that it's done with images and tables. But how exactly do they do that?

Calulating the dimensions of every cell then creating images that fit that perfectly, for a whole webpage seems kind of tedious. Is there a simply way-by useing dreamweaver's layer and table convertion features for example- of doing this?

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.

I made a rough tutorial a long time ago.....

http://home.hiwaay.net/~cbutts/tut_stuff/slicing%20tut

deker's post from a long time ago:

Basically the easiest way is to layout a grid by dragging out ruler guides. Like make a box around each button on a navbar for example. Then just click on the slices menu, and click "Create Slices From Guides". Now it turns all of those little squares you made into slices. You can use the Slice Selection tool to click on each one and use different compression settings. (GIF, JPEG, and different compression ratios of each) Then just click on File > Save Optimized as, and play with the settings there. You can either have Imageready creat the table code for you, or just save the images alone. You can also define how all of the output files will be named. Then when you tell it what directory to save in, all of the little squares will be saved as individual images in that directory, and it will save you about 3 hours of cropping and copy pasting.

Also....found this while searching this forum for "slicing"

http://www.iboost.com/build/softwar...lice6/10020.htm

http://www.adobe.com/web/tips/imgrnavslc/main.html

http://designsbymark.com/pstips/misc_slicing.shtml

This has some good basic info on a little of everything.
http://graphicssoft.about.com/compu...y/aa000808e.htm

THANK YOU SO VERY MUCH!!

You don't know how much I apprecaite your help. I'm been going nuts playing the tables and stuff for like years, and I couldn't figure out how to pull it off.

Thanx again.

Calulating the dimensions of every cell then creating images that fit that perfectly, for a whole webpage seems kind of tedious.

Actually, most people do it the other way around. Create the image, slice it, then create the HTML. I still slice the old fashion way by creating guides in Photoshop then copying and pasting. It's not really that hard after you figure it out.