Preserved Topic: A program that will put your sliced images together in a table? (Page 1 of 1)

ok ok ....voila! I sliced up a few images with my handy dandy marquee tool.. and now I can't figure out how to get it into a table and snap all together. I tried dreamweaver 3.. but have no idea how to do it in there. Help? Thanks.

-eviltoylet-
AIM: EviLToYLeT
www.eviltoylet.com

Adobe Image Ready 2.0(Bundled with Photoshop 5.5) does all this for you. Even creates the Javascript code too!!

It make my life so much easier, it rocks!!

ImageReady does do a good job, but as a stickler for control I still cut things up by hand. Probably the best way to start is to print out a hard copy of your design. Then, use a ruler to draw out all of your cuts. Next, use the map you have created to figure out all the rowspans and colspans and jot them down inside the cells you have drawn. Now, you should find that creating the table is a hundred times easier since you have something to look at while writing the HTML.

I still do this with 90% of my designs. Takes out a lot of the hassle.

I agree with Wes...by hand is better with more control.....

Rubbish... <img border=0 align=absmiddle src="http://www.ozones.com/forum/smile.gif">
Image Ready does all you need it to do......slices the image and puts it into a table....if thats all you need then that's what you'll get....imports into dreamweaver 3 flawlessly too .. <img border=0 align=absmiddle src="http://www.ozones.com/forum/smile.gif">
You'll save heaps of time using this process.
If your really concerned about the code being produced ....press F10 when your in dreamweaver and it will display the code as you write it.

One day there was an Amnesty...hand in your Image Ready and Dreamweaver said a stern voice...and after much wailing, moaning and gnashing of teeth, they did...for a while there was little activity in certain quarters.....................................then a small voice cried out.."How do I cut up my images"...(more silence)....a crack of thunder was heard rumbling through the many layers of the Photoshop realm, and a clear voice uttered........"tut, tut, did you never learn the old ways"....... <img border=0 align=absmiddle src="http://www.ozones.com/forum/smile.gif">

hehe...Richard, I hear what you say....maybe one day I'll get around to using Dreamweaver myself. I guess I'm a stickler for learning these things from the grass roots up, which is why I still hand code everything....
Something Dark Garden said in another place about the old way of making FX by hand and not with filters, that kinda appeals to me as well.... <img border=0 align=absmiddle src="http://www.ozones.com/forum/smile.gif">




[This message has been edited by Phil (edited 01-08-2000).]

blah, blah, blah........and they all lived happily ever after ....lol ........ <img border=0 align=absmiddle src="http://www.ozones.com/forum/smile.gif">

"You've got to learn the rules, to learn how to break them effectively"

Know what? DarkGarden uses Dreamweaver occasionally GASP!!!

Ah, but you know what else? He has never used Dreamweaver for anything he cannot, and has not, coded by hand in Notepad....the right way...heh

Truth be told, even when I use DW, I still open the code in Notepad and tweak it. Dreamweaver, Image Ready, Fireworks, they're all programs to ASSIST the already skilled designer. They DO save time. But they ALSO write some shite code at times, with redundancy, and they have a lack of total control that is never captured...except in good old Notepad.

Now....go forth, and learn the rules...so that thou shalt break them with impunity.


After all, there are slipform houses that are as well constructed as some handcrafted homes....but I doubt I'd live in one, if the contractor didn't know what concrete or wood was. <img border=0 align=absmiddle src="http://www.ozones.com/forum/wink.gif">

And there's the self righteous $0.02 <img border=0 align=absmiddle src="http://www.ozones.com/forum/biggrin.gif">



ICQ:# 10237808

I use a program called HotDog by Sausage Software. You have to put the table together by hand (which I prefer anyway), but it does make your life very easy by immediately pointing out errors (which I make only a FEW of.) <img border=0 align=absmiddle src="http://www.ozones.com/forum/smile.gif">

Actually I'm lying....i use notepad too for ALL my code, I reproduce the Dreamweaver look flawlessly, I have it down to a tee <img border=0 align=absmiddle src="http://www.ozones.com/forum/smile.gif">
Takes me hours to do it tho' I use notepad, but for a challenge, I type with my face <img border=0 align=absmiddle src="http://www.ozones.com/forum/smile.gif">

It's true.

It takes me hours to type all my code with r@m's face too.

<img border=0 align=absmiddle src="http://www.ozones.com/forum/biggrin.gif">



ICQ:# 10237808

Ok, so let's get back to the actual subject. In dreamweaver, when you create the table, there will be form feilds in the dialogue box for cell padding, cell spacing, and cell border, you want to set all of these to 0. when you slice up your image, make sure you remember how many slices across and how many slices down it goes. Then when you save the individual images, number them from 1 to whatever, and then put them in the table top to bottom, left to right, and in order, and all should be well so long as all the rows of images are the same height and all the columns of images are the same width.




What's mine is mine, and what's yours is mine to - First Rule of a Dictatorship

What the bloody hell are you rambling on about Skaarj ?
You make the pic in PS, switch to IR, slice - export - open with dreamweaver , then cut and past into your page.....Thasssit! <img border=0 align=absmiddle src="http://www.ozones.com/forum/smile.gif">
My face is sore <img border=0 align=absmiddle src="http://www.ozones.com/forum/frown.gif">

Maybe it's just me, but one thing I can't stand is having all my images named by the same name with a number at the end. If I change one thing, I have to figure out which image is which.

And kretsminky - if you like HotDog, you'll probably love HomeSite by Allaire. Check it out. I tried HotDog once...once. Too bulky for me. HomeSite's features are sleek and stay out of my way when I don't need them. Pretty much a fancy Notepad with built-in FTP.

Yeah Wes, I read about that one while I was trying to decide on a new editor. From what I read I liked HotDog and haven't tried Homesite, you think its better?

Whats all the hoopla about Dreamweaver anyway? All I have heard is that it writes some seriously confusing code.

----------------
http://www.krets.net
Broken promises don't bother me. I just think, "Why did they believe me in the first place?" --Jack Handey

I fooled around with the settings in regular HTML tables through FrontPage, is that a bad thing? Any inexpensive programs out there that will bring me ease?

--Stevo--

<img border=0 align=absmiddle src="http://www.ozones.com/forum/biggrin.gif">

Ive used this program before. What you do is load a large image into it and then score it like drawing guides in PS. Then Export it. It will chop it all up and write the HTML code for the table. It will even write Java for mouseovers. VERY easy.
http://www.webpagesthatsuck.com/snd/sndhelp.htm

-- CarltonCig --

Hey! That prog's pretty cool except it doesn't support GIFs...




What's mine is mine, and what's yours is mine to - First Rule of a Dictatorship

Yeah that is the only problem....but it makes the HTML a lot easier.

-- CarltonCig --

Ok here what i did on mine
first sliced the picture with ps then i eported all the new immages to Arachnophilia (sort of notepad which has some nice colors for the html tags text links et. And This is free too) But first i had made a table in Arachnophilia (damn name <img border=0 align=absmiddle src="http://www.ozones.com/forum/eek.gif"> ) And put some monocolor gifs (e.g. red.gif or pink.gif) in it so i can see actualy my table in a browser.

In Photo Shop i printed the picture and put on the lines. Then i numbered the table cells like this:

1-2-3-4 etc horizontal and

A
B
C
D vertical.
Thus Picture A1.gif is on the first row first column D2.gif is on the 4th row second column. So you can always see which picture belongs were.

See you soon on the darkside of the moon (when the Alchemists don't blow it up that is)

[This message has been edited by Rinswind 2th (edited 10-08-2000).]

Dark Garden's got the right idea. All these tools are there to simply speed up the process. The down side is that anything that simplifies something is bound to limit it in some way. So you're better off learning how to do things the hard way before getting addicted to the power of programs like Dreamweaver.

And Kretsminky, the hooplah about Dreamweaver is due to the fact that it is the only WYSIWYG HTML editor that lets you write the code the way you want it. There may be small features about it that don't mesh with the way you work, but no one can argue that the code it creates is confusing unless they aren't familiar with standard HTML tags. Since it lets you edit the source in a seperate window and doens't modify code you create at any time, you can use just as you would Notepad.

As for the original topic, how do I slice images. Well, I make a seperate layer called grid, and using 1 pixel width non-anti-aliased bright red lines I draw the grid the way I want it. Then I make sure that as I select each image for cutting I always include the grid line in the selection for the bottom and right sides but not for the top and left. This insures that the images will all line up perfectly, even when I re-slice images later for an update or something. It's not as fast as Dreamweaver, but I have become very quick at repeating the process:

select image
hide grid
copy merged
new document
paste
flatten layers
close & save

Oops, u already did that. Getting it into Dreamweaver... just make a table with the number of columns and rows equal to the number of images you have in each direction. Then insert the images one by one. Make sure the cellspacing, padding, and border are all set to 0. You may want to initally set the width of the table to something just so you can select the first table cell easily....

[This message has been edited by jiblet (edited 11-08-2000).]

takes me five minutes to splice dice 'n tablize my interfaces w/ fireworks 3. you get more control than w/ imageready. but as soon as PS6 ships no one is gonna care about imageready or fireworks...i've got dreamweaver ultradev open and running 247 on my machine so its just quicker for me to do extra javascipt in it...

learn html (speciafically table construction)... I know it sounds a drag.. but in the long run I am sure you will be more confident in all your page designs..... sometimes a bit of elbow grease ain't bad! <img border=0 align=absmiddle src="http://www.ozones.com/forum/redface.gif">

I personally sketch out all my sliced graphics on a piece of paper.. it works wonders!

Have fun!

i use ulead smartsaver for slicing up images. not only is it an optimizer, but it will slice up your image for you as well as create the html code (which you paste into your page) to piece it back together for you. http://24.3.234.78/oldsasha/artwork/sashaback2.html shows sample code. true it does a lot of crappy col/rowspans, but it does calculate the piece size for you <img border=0 align=absmiddle src="http://www.ozones.com/forum/biggrin.gif">

In dreamweaver I use layers to put together images or interfaces ...Its unpredictable but hey ..it works for me.

You're kidding right? The built-in css properties and layers of Dreamweaver don't work worth a damn. You'll be lucky if one browser looks ok, let alone 20. I had a hell of a time doing it by hand, and creating a bunch of workarounds. I can't imagine what dreameaver would do. <img border=0 align=absmiddle src="http://www.ozones.com/forum/eek.gif">

Actually I think with layers that method works fine in ie but I dont think it'll work in Netscape. Have you ever actually checked out how it looked in NN? Im not sure if the absolute positioning works in it ...