CS4OFDL/Create media/Slideshow

In this section we explore web-based slideshows which are coded in HTML. This enables the slideshow to be viewed and presented using a web browser, with the advantage of supporting responsive design for mobile devices and applying styles using CSS (Cascading Style Sheets). Together with JavaScript (JS) it is possible generate dynamic and professional presentations authored natively for the web.

In this course, you are not required to learn how to code slide shows in HTML, but you will develop associated skills in web-based slideshows using the Slides.com web-service. This web-service generates the underlying HTML for the open source Reveal.js framework for web-based slideshow presentations.

Note: If you choose to complete the formal assignment for this micro-course, you may choose which slideshow software to use; it is not a requirement to use Slides.com. We suggest that you complete the research on various software options in the Recording your presentation mini challenge before finalising your choice of presentation software for the assignment.

Tasks

 * 1) Signup for a free account on Slides.com to trial the web service. (Note: Using the free account option, your presentations will be public and storage is limited to 250MB. Paid subscriptions provide additional features, but are not needed for this mini-challenge.).
 * 2) Create a short presentation of approximately 5 slides. You can use this mini-challenge as a draft for planning the structure for the multimodal presentation assignment for this microcourse.
 * 3) Your presentation should incorporate the following:
 * 4) * One slide using a background image
 * 5) * One slide including an image on the page
 * 6) * One slide that uses "fragments" to build up the text
 * 7) * One or more nested slides (that is, incorporating the down / up navigation option)
 * 8) Experiment with applying different:
 * 9) * Font styles
 * 10) * Slide transitions
 * 11) * Colour templates
 * 12) Optional:
 * 13) * Inserting your animated GIF
 * 14) * Embedding a video
 * 15) * Embedding an iframe (that is, embedding a live third party website into your online presentation)

How did you go? Share your thoughts by posting a comment on WENotes below.