But first...

• relative vs. absolute links
  • Relative link: myfile.html
    • one level deeper: directory/myfile.html
    • one level higher: ../myfile.html
  • Absolute link: http://lrs.ed.uiuc.edu/students/j-test/myfile.html
  • advantages of relative links to your own file
    • shorter
    • more portable
• Your challenges to the Bruce/Levin taxonomy

.

.

.

.

Interactive Graphics & Interface Design

.

.

.

.

.

.

.

.

Interactive Graphics

• regular graphic
  

• "Clickable graphic" (blue or purple line around it)
  

• Simple whole graphic links
• graphic "maps"

.

.

.

.

Whole Graphic Links

• Just link the graphic!

Graphic: <img src="mygraphic.gif">

Linked graphic:
<A HREF="GoHere.html"><img src="mygraphic.gif"></A>
   or
<A HREF="AnotherGraphic.gif"><img src="mygraphic.gif"></A>
.
.
.
.

"Clickable" maps

• you go different places depending on where in the graphic you click
• Web66 example

.

.

.

.

Creating clickable maps

• Use web editors like FrontPage, HomePage or PageMill

.

.

.

.

Interface Design

• What makes a good web page?
  • Nan Goggin's Design Guide
  • Yale style guide
• What makes a good personal web page?
• What makes a good organizational web page?

Reasons

.

.

.

.

.

.

.

Design features

• Consistency/simplicity/aesthetically attractive
  ........however
  
• Match of interface to audience goals
  Lin & Levin paper
• Liang-Yi Lin's "St. Louis" Hypercard multiple interface example (will only run on a Mac) (1.1 MB hqx file)

.

.

.

.

For next week

• Read Lin & Levin paper
• Look briefly at the Levin, Stuve & Jacobson paper on conceptual representations of the Web and the Internet
• Describe your "vision" for education in 2020 - create a new file with your description and send me the URL and a short descriptive title
  • Come the Millennium, Where the University? by Gerhard Casper, President, Stanford University
  • Oakley, Manning, & Ward: UI-OnLine: The Realization of the 21st Century Land-Grant University
  • President Stukel's letter
  • Levin & Waugh's Teleapprenticeships
• Major Project Proposals due in three weeks:
  • what question or issue related to technology and learning?
  • what set of learners?