Tag Archives: Educational Websites

Examples of instructional / educational websites

I have worked with some amazing people over the years. One of them is Lisa O’Reilly. Below are some examples of the work she has done which are great examples of instructional websites and specifically self-paced training.

You can check out her work at: http://www.oreillylearningdesign.com/projects.htm

Below are two examples of her work.

Learning Contracts
Colorado Patient Navigator Training Program


Assessment & Instructional Alignment
Screen Shot of Assessment and Instructional Alignment


Sample Educational Website Layouts

Educational websites and informational websites created by educators tend to have a similar layout / structure. The following images illustrates some of the most common layouts for educational websites.

[Note: Educational websites created with tools like Adobe Captivate, Articulate, and Adobe Presenter tend to have a combination layout with the navigation at the bottom of the screen.]

Sample Layouts for Educational Websites

Examples of Educational Websites

Teaching students how to design and develop Web-based learning environments (or what we call “EdWebs” at the Information and Learning Technology program at the University of Colorado Denver) can be challenging. Students typically begin the program with a wide range of previous experience with Web development. Some have been developing Web pages for years while others have no prior experience with Web development.

Especially those new to Web development struggle with meeting their own expectations to develop beautiful award winning style Web sites. The reality though (in my experience) is that while it is important to design aesthetically pleasing Web-based learning environments, a good and asthetically pleasing EdWeb does not need to be that complicated.

The following are some examples of different types of EdWebs to help give people and idea of the genre of Web-based learning environments or at least the “typical” self-paced Web-based learning environment. If you click on the image, you will either see a screen shot of the EdWeb (which is essentially all you need to get an idea of the overall look and feel) or in some cases you will go directly to the EdWeb.

Americans with Disabilities Act Course

Developed by CITT

Navigation & the Healthcare System Course

Developed by CITT

HIPAA Regulations Course

Developed by CITT

Publish, Not Perrish Course

Developed by CITT

Successful Supervision in the Classified System Course

Developed by CITT

Procurement Card Cardholder Training

Developed by CITT

Using Gantt Charts

Developed by William Horton Consulting

Welcome to Designing Electronic Courses
Developed by William Horton Consulting
The Hyrdologic Cycle (Articulate Course)
Developed by William Horton Consulting
How to Define a System DSN
Developed by William Horton Consulting
Text Components
Developed by William Horton Consulting
How to Build a Course Website
Developed by William Horton Consulting