Web I - Hyperlinks

Learning Activities

View the Tutorial: Links and Anchors

Take the SelfQuiz:Hyperlinks. This is your LEARNING experience.
You can take this self-quiz as many times as you like. Keep in mind that it will close Thursday night.

Complete the Hyperlink Lab
These are the html pages that will contain the anchors and links:
-- linkLabPg1.html (right mouse click, "save target as")
-- linkLabPg2.html (right mouse click, "save target as")

Please note: Often people skip this lab. Later, they are perplexed because they don't know how to link to anchors (especially when they see that this is worth a lot of points on the capstone project....). Be smart and do the work... learn how to use anchors. They are an essential part of every web page.

Do a search for: XHTML anchors  Read over what you find and grab the code and noodle around with it.
Find a great site? Post the URL and a brief description out on the Discussion board for everyone else.

Do a search for: XHTML hyperlink tutorial. Do the tutorials and noodle with the code.
Find a great site? Post the URL and a brief description out on the Discussion board for everyone else.

Use CSS to make menus using unordered lists of hyperlinks.
Pick the level you want to explore:
Level 1: A basic menu
Level 2: A more in-depth menu
Here is a tutorial showing how to use the menu system we use on the Computer Careers web site:
ProjectSeven http://www.projectseven.com/tutorials/navigation/auto_hide/

CSS has become just as important as XHTML itself. If you aren't learning all the ins and outs of CSS you really won't know how to produce visually effective web pages. CSS is one of the key interview questions that employers are asking.

Read Jakob Nielson's recommendations about including the title=" " attribute with each link.

OPTIONAL: Find a Business Partner for your Capstone Project
Here are some guidelines to help you determine who a good business partner will be.

OPTIONAL: For those working learning DreamWeaver:
Work through Understanding Different Types of Hyperlinks (pages 163-183) in the DreamWeaver text. If you have a different text or are working off the Web look in the index for: hyperlink or do a Web search for: dreamweaver hyperlink