Instructional Design Lifelong Learning Online Pedagogy

Week 13: Creating Class Elements Part 1: Images and screenshots

The Ko & Rossen, Chapter 9: Creating Courseware and Using Web 2.0 Tools provide good tips about designing web pages for instruction.

A detail: on page 251, the author is unclear to distinguish the use of sans-serif vs serif fonts.

The use of sans-serif for titles and headers, serif for the body of the text is probably best if you are creating something to be printed on paper.

But, if you’re creating something to primarily be viewed on the computer screen, you are probably better off sticking with a sans-serif font for everything.

I personally use SnagIt frequently to capture images to illustrate learning material and manuals. Although it is a commercial application, is inexpensive and very flexible.

When I need images or photos, I often browse on Flickr because many Flickr users have chosen to offer their work under a Creative Commons license. It’s possible to search content under different type of license.

The use of Mbedr open an interesting opportunity to include annotated images inside didactic material (I’ve learned to annotate one of my own pictures in Flickr!).

Thanks for these tips!

By Jaime Oyarzo Espinosa

Jaime Oyarzo Espinosa -
Honorary Professor of Research University of Alcalá, Spain
Cátedra UNESCO de Educación Científica para América Latina y El Caribe EDUCALYC
Professor, Master in Experimental Sciences and Technology, National University of Córdoba, Argentina
Boletín de noticias eLearning
Blog (Spanish):
Blog (English):

Awards for educational innovation, member of research groups and scientific councils of conferences and scientific journals.
Instructional design experience, advisor in virtual universities, curricular redesign and university online strategy.
European Union and European Universities projects for Ethiopia and Latin America. Coordination of workshops and courses in instructional design and digital teacher competencies.
I am passionate about the integration of technology and the contribution to a paradigm shift in education.
I maintain a network of contacts with specialists in different areas and countries. I consider education as a key factor for the economic development of developing countries and regions.

2 replies on “Week 13: Creating Class Elements Part 1: Images and screenshots”

I’ve found that “less is more” when using text in online presentations. The viewer doesn’t want to scroll down several pages and may feel overwhelmed or bored with large volumes of text. I believe that a picture or graphic says so much more, as in your annotated image. Hope you enjoy working with the tools in Week 14.

Yes, you have right, but what to do if you have a long text?
probably a good way, as described by the book, is to provide a way to navigate forward and back with the help of a table of contents.

Comments are closed.