Remember: Your Webgenre website is due on Friday,
. Students will present their completed
Webgenre websites in class on Friday.
1.. Make sure you add buttons to your Web Genre
Website. Study how how some of your favorite
websites use buttons. What can you learn about
how to use buttons in websites?
2. Go look at the websites that I have selected as
examples of the use of rollovers to aid in website
navigation. When do these pages use rollovers and
how effective are they? Can you detect a general
pattern for how these websites use rollovers?
You can add these borders in Dreamweaver, but try
to make most of your image adjustments in Firewworks.
You can create image maps in both Fireworks and
Dreamweaver. Make sure you test your imagemaps
to make sure the links work
When you create image maps in Dreamweaver, the program
adds an "#" to the link you add, which then tries to make this
link to another page in this website. It does this:
If you want to link to an another website, make
sure you remove the "#" from the link addresss.
Remember that Dreamweaver used the "#" symbol to
link to anchor links within the same webpage.
7. Creating Basic Rollovers using Dreamweaver MX 2004
Go to "Windows" in the menu bar and
select "Behaviors." This will cause a
"Behaviors" box to open up.
Select the button you want to use so that
when the mouse rolls over it, it will cause
another image on the page to swap.
Make sure that the central image that you
want to swap has an "image name."
Make sure that all the images you use in these
swaps have "image names". You can add "image names"
to images when you work with them in fireworks.
Make sure that the images you want to swap
are the same size.
Now select the button you want to make the
rollover button for the image swap.
Now select "+" in the "Behaviors" box and then
select "swap image."
Make sure that you select the "preload images" box
In the Behaviors box select the image name that
you want to swap and now select the image you
want to swap it with, for exampe cameraex.gif.
In swaptest.htm, the image name is "Cam" and
the image to swap with it is eflags.jpg
If you want to swap multiple images on the same
page using one rollover, select other images that
you want to swap in this same box and then
choose the images you want to swap them with.
Be careful with this image swap trick. Don't
swap more than 2 or 3 images at the same time.