Here is an infograhic on online course design:
Infographic: Online Course Design
Leave a reply
Category Archives: Web Develoment
Video: Learn how to eliminate boredom from eLearning with Mike Enders of Articulate
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
http://www.oreillylearningdesign.com/gallery/contracts/index.htm
Assessment & Instructional Alignment
http://www.oreillylearningdesign.com/gallery/assessment/index.htm
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.]
Free HTML5 and CSS Tutorials
Here are a list of HTML5 and CSS tutorials for absolute beginners.
You can view the entire list here.
Or check out the most viewed videos:
- Creating Your First HTML5 Web Page – 02
- Series Introduction – 01
- Styling Your First HTML5 Web Page with CSS3 – 03
- Understanding the HTML5 You Wrote – 04
- Working with Paragraphs and Text – 05
- Defining the Structure of Your Document – 06
- Creating Forms – 10
- Working with Figures and Images – 07
- Creating Tables – 09
- Working with Lists – 08