The software I used to draft website prototypes was an online tool: cacoo.com
Below I have embedded previews of each of the wireframes (Home Page, Introduction, Module 1).
The home section presents a proposed layout. The embedded mockup below has a left-hand-side menu but I would opt to have a very simple full-width page with all main sections available from there (see the graphic on the right). The left-hand menu would be appearing only in individual modules
Home Page
Each section of the individual modules are in the left-hand-side menu. While I have them all on one page in my wireframe, the website should have them as separate pages.
Introduction – I was trying to link each section of the course and instruction with Gagne’s nine steps of instruction (these are as comments in red on the right-hand-side).
Module 1 – should incorporate reflective cycle.
Introduction Page