-
1. Re: Image mapping, what should I use?
Nadia-P Sep 16, 2009 2:29 AM (in response to talbot)What exactly do you mean by Image Mapping??
-
2. Re: Image mapping, what should I use?
talbot Sep 16, 2009 3:21 PM (in response to Nadia-P)You map coordinates on the image to make that portion linkable. I'm surprised you haven't heard that before...
I use PaintShop Pro to do it now but would like to use Adobe to see if it's better.
-
3. Re: Image mapping, what should I use?
Nancy O. Sep 16, 2009 4:34 PM (in response to talbot)Use Dreamweaver for Image Maps. Insert an image onto your web page. Click on the hotspot tools (rectangle, circle or polygon) and click & drag mouse over image to define linkable areas.
Never ever use a graphics app to generate HTML for you. Graphics apps are fine for creating and optimizing images for the web but they plumb suck as code generators. DW or some other HTML editor is what you should use for creating web pages.
Related reading:
Taking a Fireworks (or Photoshop) comp to a CSS based layout in DW
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.htmlNancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com -
4. Re: Image mapping, what should I use?
Nadia-P Sep 16, 2009 7:13 PM (in response to talbot)talbot wrote:
You map coordinates on the image to make that portion linkable. I'm surprised you haven't heard that before...
I've heard of it before, but wanted to make sure were were talking about the same thing :-)
Nancy gave you the definitive answer, us the image map tool in DW, do not let a graphics program do the coding for you - you'll end up with messy, bloated code if you do :-)
-
5. Re: Image mapping, what should I use?
talbot Sep 16, 2009 7:36 PM (in response to Nadia-P)Thanks for your help.
Actually, PSP does a fine job creating the simple javascript and cooordinates need to map an image. It is not bloated at all and though I make slight adjustments, I have to say it works fine. Saying that I shouldn't use a graphics program is a broad brush assumption. It just makes it easier; create rectangle or a number of shapes, select rollover images, save it and your done. I then grab the code and use it. Maybe some ther programs do bloat it but not Paint Shop Pro - my first graphics program that I still fall back on once in awhile.
But I'm glad DW has it so thanks again because once I get up to speed I think I will like this.
-
6. Re: Image mapping, what should I use?
talbot Sep 16, 2009 8:02 PM (in response to Nancy O.)I work in code view layout and can't find hot spot tools. Can you guide me a bit more?
-
-
8. Re: Image mapping, what should I use?
talbot Sep 17, 2009 9:56 AM (in response to Nadia-P)Ahh, Ok, thanks! It works pretty slick.
-
9. Re: Image mapping, what should I use?
Nancy O. Sep 17, 2009 10:45 AM (in response to talbot)Actually, PSP does a fine job creating the simple javascript and cooordinates need to map an image.
Just to clarify. Image Maps require no JavaScript. They are built with HTML code. But Swapping Images on mouseover (as in rollover buttons), does require JavaScript and/or CSS.
Apply the Swap Image Behavior in DW -
http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WSc78c5058ca073340dcda9110b1f693f21-7b1 4a.html
Pure CSS Disjointed Menu (no JavaScript)
http://alt-web.com/DEMOS/CSS-Disjointed-Menu-Rollover.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com -
10. Re: Image mapping, what should I use?
talbot Sep 17, 2009 11:13 AM (in response to Nancy O.)That's right, and, the only javascript that PSP uses is for the rollover effect that can be done in CSS too which PSP does not do. It's pretty handy for the rollovers and mapping but I see DW does it pretty well too and I'm assuming rollovers are done somewhere else in DW (maybe properties of an anchor) and that's why I used it.
On another siubject but related. I hate the way CS3 aligns images with the denegrated (I think) align=. Do you know if CS4 handles them better by using the CSS float properties?
-
11. Re: Image mapping, what should I use?
Nancy O. Sep 17, 2009 11:37 AM (in response to talbot)CS4 makes good use of the CSS properties panel. Better than CS3 did. But you'll need to add the float properties yourself.
Learn to work with CSS
http://www.adobe.com/devnet/dreamweaver/css.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com




