Here is an updated prototype for online lessons / exploration tools. This is based on earlier prototypes that I created as part of my Capstone Project at Marlboro Grad Center. This one has a tabbed interface, to allow for additional information: lesson description, result note information, instructions (help), audio help, lesson index and web links.
This page allows you to explore chords, which are a group of notes, which are related to a Root Note and key (i.e. C Major or E Minor). Choose a Root Note and a Chord and click View Notes. You can use the other Display Options to focus on specific positions or sections of the fretboard, or the entire fretboard. If you are viewing chord notes that span more than about 4 frets, then you typically won’t be able to finger the entire set of notes. But you can see clusters of notes in various fretboard positions, and may start to notice fingering patterns for certain types of chords. You may also see alternatives / choices of notes to play in a given fretboard position. You can also choose whether to use Open string notes. If you are higher up the fretboard and are able to use an open string, it can often allow you to get a fuller sound, and sometimes have a ringing bass note.
You have two choices for note (dot) colors, one for the Root Note and the other for the related chord notes. This is intended to help you visualize where the notes are and the fretboard fingerings.
You can also click on the notes, or click the Downstroke / Upstroke buttons, or the Play buttons on Note Info tab. This will allow you to hear the notes and learn how each Chord sounds, and relate this to the chord type (i.e. Major or Minor or Dominant Seventh, etc).