| Create a web page file named lab7b.htm.
Title the page "Lab Assignment 7b - Your
Name"
Put your name in the title.
On the page:
1) Place an Anchor called 'AnchorTop' that is at the
beginning of the page.
2) Link1: Place a link at the beginning of this page
that links to the 'AnchorBottom' Anchor on this page.
3) Link2: Place this image
 on
the page that links to lab7a.htm
4) Link3, Link4, Link5: Make an image map using the
following image:
The "MSN" part of the image links to
"http://search.msn.com",
The "Alta Vista" part of the image links to "http://www.altavista.com",
And the "Yahoo" part of the image links to "http://www.yahoo.com".
Find the pixel coordinates manually by using
coordinates obtained from Photoshop, Paint Shop Pro, etc.
5) Make the two Anchors far apart from
each other on the page. Do this by placing the following
"filler" text between the Anchors on this page:
Start filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler
<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler
<p>filler<p>filler<p>filler<p>filler<p>filler<p>filler<p>End filler<p>
Note: You may use the filler text
I gave you, are you may use your own filler text. However, I want
you to use a lot of filler text. Enough so that you need to scroll
up and down quite a ways. This is needed to demonstrate the 'AnchorTop'
and 'AnchorBottom' effectively.
6) Link 6: Place a link at the bottom of the page
that links to the 'AnchorTop' Anchor on this page.
7) Place an Anchor called 'AnchorBottom' that is at
the bottom of this page.
You need to turn in all these files together in one
folder for credit:
- lab7a.htm
- lab7b.htm
- handright.gif
- handleft.gif
- searchbar.gif
Your instructor can see if your web pages
(lab7a.htm & lab7b.htm) work correctly only if the images are turned
in!
Turn this assignment in. It will be graded and
returned to you.
Grading criteria:
| Criteria |
Points
20 |
| (lab7a.htm) Correct file name. Correct HEAD
and TITLE structure with student name in the title. Correct BODY
structure. |
1 |
| (lab7a.htm)Link1. Link2. Link3. Link4. |
4 |
| (lab7a.htm)Tab order. |
1 |
| (lab7b.htm) Correct file name. Correct
HEAD and TITLE structure with student name in the title.
Correct BODY structure. |
1 |
| (lab7b.htm) 'AnchorTop' |
1 |
| (lab7b.htm) Link1. Link2. |
2 |
| (lab7b.htm) Link3. Link4. Link5. Image map. |
5 |
| (lab7b.htm) Filler text. |
1 |
| (lab7b.htm) Link6. |
1 |
| (lab7b.htm) 'AnchorBottom' |
1 |
| (lab7b.htm) Assignment in on time. |
2 |
Screenshots of finished assignment shown below.
|
on
the page that links to lab7b.htm