Category Archives: Web Develoment

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:

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

Free HTML5 and CSS Tutorials

Here are a list of HTML5 and CSS tutorials for absolute beginners.

HTML5 for Beginners

You can view the entire list here.
Or check out the most viewed videos: