1. 1 3/2/05CS120 The Information Era Chapter 4 Basic Web Page Construction TOPICS: Hyperlinks

2. 2 3/2/05CS120 The Information Era Anchors  All the links that we have created so far have been links to other web pages  It is possible to create links to locations on the same web page  Each location is given a name  The link references that name

3. 3 3/2/05CS120 The Information Era Types of Hyperlinks  Three basic types of hyperlinks o Absolute URL  Go to Amazon http://www.amazon.com o Relative URL: link to another web page on the same server  Go to Page 2 o Named Anchor: link to different location on the same page  We’ll see examples of these next

4. 4 3/2/05CS120 The Information Era Named Anchors  The tag used is the same one used for hyperlinks  Different attributes are used o Link label: link name o Link destination: destination  Example: Go to examples Examples

5. 5 3/2/05CS120 The Information Era Problem  It is possible to copy someone else’s HTML source file and make modifications to fit your needs  Open the URL below in a web browser: o http://zeus.cs.pacificu.edu/shereen/cs120/Lectur es/SyllabusExample.html http://zeus.cs.pacificu.edu/shereen/cs120/Lectur es/SyllabusExample.html  Save this webpage onto the desktop or the server

6. 6 3/2/05CS120 The Information Era Problem  Create a set of links at the top of the syllabus that will take the viewer to each major section of the syllabus o Textbooks o Grade Distribution o Percent Breakdown o Etc…

7. 7 3/2/05CS120 The Information Era Find the Errors  The web page on the page below contains some errors o http://zeus.cs.pacificu.edu/shereen/cs120/Lectur es/errors.html http://zeus.cs.pacificu.edu/shereen/cs120/Lectur es/errors.html  Can you fix them? o The page should look like the one on the following slide

8. 8 3/2/05CS120 The Information Era Find the Errors