Exercise 4:
Linking: Absolute, Relative and Internal
In this Exercise we will build a series of web pages which use
links to jump to remote URL addresses (absolute links), to other local pages (relative links),
to specific locations within a document (internal jump links) and to email addresses. We will link from text and images.
HTML Elements
- <a> Linked text </a>
- href="URL"
- Absolute URL
- Relative URL
- mailto URL
- "#marker"
- ID="marker"
- target="_blank"
- <a href="page.html">
<img src="image"> </a>
- border="1" width in pixels
CSS: Links
- <style> </style>
- selector {property: value;}
- a:link { color: #xxxxxx; }
- a:visited { color: #xxxxxx; }
- a:hover { color: #xxxxxx; }
- a:active { color: #xxxxxx; }
Exercise Requirements
- This is a multiple page exercise!
- Minimum of two (2) absolute links
- Minimum of three (3) relative links (link all your pages together)
- All relative links must also return to your 'Home' page
- One email link
- At least two examples of internal document references which jump to a location on the same page
- At least two examples of internal document references which jump to a location on different pages
- At least one 'hot' image
- Color your links, active links, hover links, and visited links
- Use a minimum of five other tags from previous lessons
- Content - write your own or find information about a single subject on the web and break it into several pages.
- Link all pages!
|
Images
- Scan and manipulate your own
- Download free images from the web
- Or use the images from the lecture
Design Process & FInal Presentation
- Create a project folder named "YourLastNameE4"
- Create as many HTML documents as you need. Save your 'Home" page as "index.html".
- Add links.
- Save all HTML docs and images in your project folder.
- Review your work in a browser before uploading to the server.
- Upload your HTML documents to the school server and view them in a browser.
Evaluation
This exercise is worth 30 points.
- Coding (6)
- Functionality (6)
- Meeting project requirements (6)
- Your effort (9)
- Meeting deadlines (3)
Due Date
Text Reference
- Chapter 6: pg 95 - 111
- Review Lecture in Course Content on Blackboard
Online Demos
Useful Links
List of HTML Color Names
Exercise Four Elements Defined
A page of tag/element descriptions for Exercise Four
|