|YOUR GRADED ASSIGNMENT
Add to your project by starting
4 more pages each (all 5 pages) with the same GRAPHICAL MENU.
SAVE & have the first 3 lessons graded!
No prefab FLASH menus!
|to make words and images "clickable"||to display an image|
|<a href=" "> ... </a>||<img src="picture.jpg">|
(Click or mouseover)
|HTML CODE||What happens when clicked|
|<img src="wolf.gif">||displays the named image from your folder|
|<img src="wolf.gif" width=50 height=50>||resizes the image to 50 x 50 pixels
you can also use percent. e.g. width=75%
|<img src="wolf.gif" alt="I'm a wolf!">||when you mouseover the image, words appear!|
|HOME||<a href="index.html" target=new>HOME</a>||clicking the word HOME opens up a page called "index.html" in a new window. Leaving out the target will open in the same window|
<a href="http://www.yahoo.com" target=new>
|clicking the IMAGE opens a WEBSITE in a new window.
Don't forget the "http://" for websites
<img src="wolf.gif" border="0" alt="Click for Yahoo!">
|Like the previous but removes the hyperlink border around the image and words appear on mouseover|
|<a href="wolfbig.gif" target=new >
|Clicking on a smaller image loads bigger image. Great for thumbnail picture galleries. You will have to use a paint program to resize and rename the smaller images.|
|Plays a sound (wav, mid, mp3) when you click on the image. You might even record your own voice using in Start Menu - Programs - Accessories.|
|COMMON CODES||<a href="#whatever">COMMON CODES</a>
<a name="whatever"></a> <--elsewhere on page
|Causes a scroll effect on a longer page to the place where the anchor <a name="..."></a> is. The "#" must be added to the href link code only.|
|email me||<a href="mailto:firstname.lastname@example.org">email me</a>||Starts the built-in mail program and opens an email to be sent to email@example.com (will work on your home computer, but NOT at school)|
The border="0" business removes the BLUE FRAME Hyperlink effect.
You will have to have a paint program (that will do gif's or jpg's) to make the buttons.
OR for cool FREE designer graphic buttons try: