PDA

View Full Version : Tips On How To Go About Creating My Site (Hover Links With Images)


mello_newf
09-06-2008, 08:41 PM
Hi everyone im new here and also new to Dreamweaver. I have only used frontpage in the past and have created a bunch of websites with it, but that was a few years ago now and I don't remember much more than the real basics atm. So I have decided to try a do a website for a friend of mine and to start using Dreamweaver but im having a hard time in Dreamweaver right now.

So below is what im trying to accomplish in this web site using Dreamweaver and any help would be very appreciated :-D.

I'm looking to have a figure on the front page of the site and I want different parts of this figure to change when the mouse is hovering over it. It also needs be hotlinked to another page. I would also like text to appear when this area has the mouse over it (text will just be what its hotlinked to)

So if anyone knows how to go about doing this and would be willing to help I would really appreciated it. i really need to know what tools im going to need to use and how to use them properly. Any tutorials would be very helpful as well I just don't know what I need to use. lol

http://img241.imageshack.us/img241/964/howdt0.jpg (http://imageshack.us)

Cary
09-06-2008, 10:51 PM
Hello, Mello. Welcome to the forums!

Someone else asked a similar question, so here's (http://www.solsector.com/cary/image_map/) a rough example I threw together at the time.

Take a look at the source code. It uses CSS (http://www.w3schools.com/css/) to achieve a look similar to an image map.

Here's (http://alistapart.com/articles/sprites/) more examples of this sort of thing.

This can also be done using DW's javascript behaviors, but I still haven't learned how to use those.

Chapo
09-07-2008, 12:52 AM
Hey.... its very simple... Just add the behavior show/hide elements. When you hover over a part it will hide and show something else, giving the effect of a change. And just add a link to that part to any URL. You can find a tutorial on hide/show elements (layers) on the web.

mello_newf
09-07-2008, 12:55 AM
Thanks alot ill try that. If anyone else whats to add anything feel free im looking for as much info as possible.