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.
Mini Challenge Summary
Summary: Prepare a short web-based slideshow based on the Reveal.js framework. Time: 1–1.5 hours.
- Reveal.js Slideshow Demonstration (summarizes capabilities of the Reveal.js html slide framework)
- Slides.com Features
Tips for Designing Good Slideshow Presentations
- 10 Tips on How to Make Slides that Communicate Your Idea, from TED’s In-house Expert
- 10 Tips for Beautiful Slideshows
The purpose of this mini challenge is to develop an early draft of one or two concept ideas for your multimodal presentation assignment while improving your skills in creating media using web technologies rather than traditional presentation software.
- 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.).
- 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.
- Your presentation should incorporate the following:
- One slide using a background image
- One slide including an image on the page
- One slide that uses “fragments” to build up the text
- One or more nested slides (that is, incorporating the down / up navigation option)
- Experiment with applying different:
- Font styles
- Slide transitions
- Color templates
- Inserting your animated GIF
- Embedding a video
- Embedding an iframe (that is, embedding a live third party website into your online presentation)
How did it go? Share your thoughts by posting a comment on the course forum.
- Export your presentation as HTML, download and save a local copy.
- Open this HTML file locally in your browser (If you are not sure how to do this, search for “How to open HTML file <insert browser name>”)
- Optional – share the outputs of your creativity with your LiDA peers:
- Share the public link to the online version of your file on slides.com by posting on mastodon.oeru.org (include the hashtag #lida104), or
- If your prefer, publish a short blog post with a link to your presentation (label or tag using the course code: lida104).