Author Topic: Stupid web graphics question  (Read 1314 times)

Bogie

  • friend
  • Senior Member
  • ***
  • Posts: 10,208
  • Hunkered in South St. Louis, right by Route 66
    • Third Rate Pundit
Stupid web graphics question
« on: September 10, 2007, 06:31:45 AM »
One of my new sites is going to be a bit more graphic - how do people slice jpegs so that they'll seamlessly fit into the tables?
 
Basically, I'm going to take a juice drop clipart image, convert to 1024wide jpeg, and then overlay text for each area that I'm dealing with, with a table superimposed on another layer. Then I delete the table layer, and cut the thing into pieces to insert into the table in NVU... Each resulting piece of jpeg will have its own link...
 
Or am I doing this wrong?
Blog under construction

GigaBuist

  • friends
  • Senior Member
  • ***
  • Posts: 4,345
    • http://www.justinbuist.org/blog/
Re: Stupid web graphics question
« Reply #1 on: September 10, 2007, 06:43:49 AM »
Just use an imagemap.

Manedwolf

  • friend
  • Senior Member
  • ***
  • Posts: 14,516
Re: Stupid web graphics question
« Reply #2 on: September 10, 2007, 06:51:45 AM »
The easiest program to do that with is Adobe ImageReady. Smiley That's how must people do it.

Just drag guides from the rulers, then "make slices from guides". Then save optimized as HTML with images.

And I wouldn't use imagemaps. That's an old and deprecated method. Sliced images with some of the slices being hotlinked are the way to go.


Bogie

  • friend
  • Senior Member
  • ***
  • Posts: 10,208
  • Hunkered in South St. Louis, right by Route 66
    • Third Rate Pundit
Re: Stupid web graphics question
« Reply #3 on: September 10, 2007, 07:40:55 AM »
Otay...

They've improved things. Imageready didn't ship with CS3... Any other ideas?

Blog under construction

Harold Tuttle

  • Professor Chromedome
  • friend
  • Senior Member
  • ***
  • Posts: 8,069
Re: Stupid web graphics question
« Reply #4 on: September 10, 2007, 07:46:42 AM »
imageready was part of CS2...

http://www.adobeforums.com/cgi-bin/webx/.3bc3b464


http://practicalmadness.com/2007/04/elegie_for_imag
But ImageReadys slicing interface was always way better than Photoshops. While I try to avoid using tables for structure in my web pages these days, Ive often found it useful to use slices when creating sets of similar images, like a set of icons or textual navs that needed a rollover. In ImageReady I would go ahead and create my rollover states, use the now-extinct Slices palette to quickly establish a logical naming scheme for the files, then export the images without the code. The best thing about this approach was that all of my rollover states and metadata could be saved in the PSD file, so I could come back and re-create one or all of my rollovers later on if I needed to.

Photoshop does have slicing, yes, as does Fireworks. But I dont care for Fireworkss inspector-heavy interface (just as I dont like dealing with Flash if I dont have to), and doing something as simple as renaming a slice in Photoshop requires a right-click and some quality time with a modal dialog. As for multiple image states (i.e., rollovers), forget it. The powers that be at Adobe have apparently decided we simply dont need them in Photoshop anymore, maybe not even considering that people might have been using that feature for something other than making a chintzy JavaScript nav bar.
"The true mad scientist does not make public appearances! He does not wear the "Hello, my name is.." badge!
He strikes from below like a viper or on high like a penny dropped from the tallest building around!
He only has one purpose--Do bad things to good people! Mit science! What good is science if no one gets hurt?!"

Bogie

  • friend
  • Senior Member
  • ***
  • Posts: 10,208
  • Hunkered in South St. Louis, right by Route 66
    • Third Rate Pundit
Re: Stupid web graphics question
« Reply #5 on: September 10, 2007, 10:28:25 AM »
How's this?

www.pixtiva.com
 
Just have to figure out how to get the thing centered and the background dark to gradient...

Oh, and this was in the HTML...
 
<!-- End ImageReady Slices -->
 
Blog under construction

Bogie

  • friend
  • Senior Member
  • ***
  • Posts: 10,208
  • Hunkered in South St. Louis, right by Route 66
    • Third Rate Pundit
Re: Stupid web graphics question
« Reply #6 on: September 10, 2007, 10:30:30 AM »
Well, it was working a minute ago...
 
"Hi, my name is Bogie, and I can't type to save my life..."
Blog under construction

Brad Johnson

  • friend
  • Senior Member
  • ***
  • Posts: 18,074
  • Witty, charming, handsome, and completely insane.
Re: Stupid web graphics question
« Reply #7 on: September 10, 2007, 10:45:11 AM »

Quote
One of my new sites is going to be a bit more graphic

Oh?  Going over to the seedier side of society, are we?   grin

Brad
It's all about the pancakes, people.
"And he thought cops wouldn't chase... a STOLEN DONUT TRUCK???? That would be like Willie Nelson ignoring a pickup full of weed."
-HankB

Bogie

  • friend
  • Senior Member
  • ***
  • Posts: 10,208
  • Hunkered in South St. Louis, right by Route 66
    • Third Rate Pundit
Re: Stupid web graphics question
« Reply #8 on: September 10, 2007, 11:10:30 AM »
Brad, tell ya what... Who's your buddy? Next time you need big printed banners for an open house, magnets for the side of a car, coro signs, something like that, who can print 'em, and send 'em to you, more than likely faster and cheaper than the guys you have locally? Do you REALLY wanna make snide comments about that person's night job as a chippendale dancer?
 
Blog under construction

Brad Johnson

  • friend
  • Senior Member
  • ***
  • Posts: 18,074
  • Witty, charming, handsome, and completely insane.
Re: Stupid web graphics question
« Reply #9 on: September 10, 2007, 11:16:04 AM »

Quote
Do you REALLY wanna make snide comments about that person's night job as a chippendale dancer?

Oh, the temptation...

 grin

Brad
It's all about the pancakes, people.
"And he thought cops wouldn't chase... a STOLEN DONUT TRUCK???? That would be like Willie Nelson ignoring a pickup full of weed."
-HankB

Monkeyleg

  • friend
  • Senior Member
  • ***
  • Posts: 14,589
  • Tattaglia is a pimp.
    • http://www.gunshopfinder.com
Re: Stupid web graphics question
« Reply #10 on: September 10, 2007, 12:08:47 PM »
Bogie, I just create the layers in Photoshop, create layers in Dreamweaver, and just overlay the layers.

A couple of things about your site. I'm on a 21" monitor at 1024 x 768, and I have to scroll left and right to see the entire page. Also, it would help the search engines if you had plain text links at the bottom of your page, using the keywords as the anchor text. For example, <a href="lustre.html">Lustre Paper[/url].

Also, I'd suggest having Digital Photo Enlarging as the first three words in your page title. You could do Digital Photo Enlarging at its best from Pixtiva.

Just my .02.

Bogie

  • friend
  • Senior Member
  • ***
  • Posts: 10,208
  • Hunkered in South St. Louis, right by Route 66
    • Third Rate Pundit
Re: Stupid web graphics question
« Reply #11 on: September 10, 2007, 12:20:59 PM »
Hey, thanks! Anything to be saved from having to shake my bootay for the ravenous females...

Blog under construction

Brad Johnson

  • friend
  • Senior Member
  • ***
  • Posts: 18,074
  • Witty, charming, handsome, and completely insane.
Re: Stupid web graphics question
« Reply #12 on: September 10, 2007, 12:27:52 PM »
Hey, thanks! Anything to be saved from having to shake my bootay for the ravenous females...

You want to be saved from that!?  Heck, I'll take your place and I work cheap...

Brad
It's all about the pancakes, people.
"And he thought cops wouldn't chase... a STOLEN DONUT TRUCK???? That would be like Willie Nelson ignoring a pickup full of weed."
-HankB

Bogie

  • friend
  • Senior Member
  • ***
  • Posts: 10,208
  • Hunkered in South St. Louis, right by Route 66
    • Third Rate Pundit
Re: Stupid web graphics question
« Reply #13 on: September 10, 2007, 01:26:30 PM »
Problem is, about 30 seconds after I get on stage, they realize that it's not joke, and start looking for semi-sharp objects...

Semi-sharp RUSTY objects.

Blog under construction

Brad Johnson

  • friend
  • Senior Member
  • ***
  • Posts: 18,074
  • Witty, charming, handsome, and completely insane.
Re: Stupid web graphics question
« Reply #14 on: September 10, 2007, 01:41:34 PM »
Semi-sharp RUSTY objects.

That's what Viagra is for.

Brad
It's all about the pancakes, people.
"And he thought cops wouldn't chase... a STOLEN DONUT TRUCK???? That would be like Willie Nelson ignoring a pickup full of weed."
-HankB