But first...

• Resources
• Copying the WebBoard URL for a posting to put into C-Base
  • Look at the instructions in the Resources conference
• Your exemplary educational web sites

.

.

.

.

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
• CTER student map 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?

.

.

.

.

For next week