Course development and design in distance education (DE) should respond to specific learning outcomes and assessment objectives determined in advance, and should incorporate two fundamental principles that Simonson et al. (2012: p. 153) identify as critical to a student-centred approach: 1) Visual-based instruction (appropriate for and capitalizing on digital media), 2) Engaging students (through collaborative work and social connectedness).
Here is an example of a lesson on a course site within a CMS. This lesson incorporates best practices for visual design (Simonson et al., 2012) with z-layout for web design (Jones, 2010), and applies a linear-designed instruction approach and Unit-Module-Topic organization (Simonson et al., 2012).
Simonson, M., Smaldino, S., Albright, M., & Zvacek, S. (2012). Teaching and learning at a distance: Foundations of distance education (5th edition). Boston, MA: Pearson.
Jones, B. (19 October 2010). Understanding the z-layout in web design [weblog]. http://webdesign.tutsplus.com/articles/understanding-the-z-layout-in-web-design–webdesign-28