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
- Reveal.js slideshow demonstration (summarises 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
- 5 Slide deck design tips
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
- Colour 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 you go? Share your thoughts by posting a comment on WENotes below.
You must be logged in to post to WEnotes.
Note: Your comment will be displayed in the course feed.
Learning output actions
- Export your presentation as HTML, download and save a local copy.
- Open this HTML file locally in your browser (If you’re 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).