I have designed this banner in Photoshop (from a jenny apple tutorial). Is there anyway i can make the word "Home, Product, FAQ, Contact Us" change for another small graphic of the same word using Dreamweaver? I tried to draw an image map around the words and then tried to make that into a rollover image, but this didnt seem to work and just displayed the rollover graphic below the banner. If i cant make this banner interactive i am lost to see the point of making it, i suppose i could just use the image map as a link but this is unhelpful to the user who i think prefers to see the graphic change on mouseover. Please suggest some alternatives.

Also could you please, please, please criticise any concievable aspect of my banner? I am new to both Photoshop and Dreamweaver and need to learn where im going wrong!

Thanks a lot guys. Bit late now but i'll have acrack with Image Ready tomorrow. I found a tut here: http://www.adobe.com/tips/phs8navbar/main.html

only thing im unclear on is how to get the finished thing into Dreamwever MX... maybe it will spu up a bunch of code i can paste into DW somewhere!

thanks again for the help. i'd like to stress i want pweople to criticise the banner please colours, layout, typefaces

I think you can do mouseovers in the Image Ready portion of PS.
I have seen this in a training video... Photoshop 7 lesson 15.

Sorry NOYB. Was busy bashing away & didn't realise you posted.

That happens to you too ????
Wish this made sense to me..

You can easily do this using Fireworks. It's integrated with Dreamweaver so it will just slide right in there with no problems.

Yeah. % is what is what I was thinking about.

What you are trying to do does look great.

You will be getting into stuff like javascript and flash, which can take time to load a page.

Get your head around setting up the banner you have at the moment.

I can forsee that you are going to have to work with at least 4 rows and 6 columns (yes you will basically be placing your header in a table).

You can set the left image to remain at a predefined size, as well as the navigation section, with the "void area" doing the autosizing.

Just a quick note. There are a lot of sites that very classy effects; and there are a lot that are totally over the top.

Have a good look around as many sites as you can; and think about who you are trying to attract to the site. Most of the highest ranking sites on the web do not have a single bit of dynamic content.

If you're using google, check the page rank of the pages you are looking at.

Dynamic objects can at times be distracting, and at other times can totally capture your customer. Just tread carefully.

Easy.

Click on insert>image objects>rollover image.

A new window will open. It is quite self explanatory

You will be able to specify the various components as well as the link (make sure your images are in your image folder in your website). I personally would uncheck the preload box as it has conflicted with other javascript on my pages in the past.

"Get your head around setting up the banner you have at the moment.

I can forsee that you are going to have to work with at least 4 rows and 6 columns (yes you will basically be placing your header in a table).

You can set the left image to remain at a predefined size, as well as the navigation section, with the "void area" doing the autosizing.

Just a quick note. There are a lot of sites that very classy effects; and there are a lot that are totally over the top"

that sounds like good advice, thanks a lot. Hadn't thought of making the left column (im working with only three, and 5 rows at the mo (row 1 headder, row 2 text, row 3 seperator, row 4 copyright etc, row 5 seperator)) fixed, good plan! Perhaps i will need to make it 5 columns if i decide more pictures etc should go amongst the text.

Any probs getting the slices in there, just let us know.

I like the colors of the banner. Not overpowering and quite well done. The only thing is that if the banner does not auto resize, your buttons may scroll off the page.

Hi.

I don't know enough about image maps to be able to assist you there.

Another option is to slice around the text you want to change.

Do you still have the psd file of your banner with all the layers still separate? You will have to change the text portion around to get the effect.

If you want to go the slice option, let us know and we can organise a tutorial.

Alternatively, there are loads of tutorials out there on how to make a rollover button and a navigation bar. A lot of the things in the tuts will not be pertinent to your needs but it will show you how to change the text and how to slice.

As you are using dreamweaver, it is easy to insert your mouse-off and mouse-over buttons.

Click on insert>image objects>rollover image.

A new window will open. It is quite self explanatory

You will be able to specify the various components as well as the link (make sure your images are in your image folder in your website). I personally would uncheck the preload box as it has conflicted with other javascript on my pages in the past.

Hope this helps you get started.

Deep.