Slides Style Guide

If you would like to help us create or convert slides for lesson plans, please check out our Training Team How to Guides!

Slides are a much-sought-after resource. Please refer to our lesson plans to access slides for various topics. We are in the process of creating slides for each lesson plan and must the following criteria on the format and file type for our official slides.

  • Backwards compatible
  • Reusable
  • Minimal learning curve
  • Ability to use without internet connection
  • Design consistency between different sets of slides (theme)
  • Maintainability
  • Ease of updates
  • Ability to account for different aspect ratios
  • Accessible
  • Open-source

The Training Team is currently reviewing the tools used to building its slides.

How to Create/Edit Slides in Lesson Plans

Each slide is its own HTMLHTML HTML is an acronym for Hyper Text Markup Language. It is a markup language that is used in the development of web pages and websites. section and should have the CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. class “slide” applied <section class=”slide”>. Adding an ID tag is also encouraged to help identify and allow for links to specific slides.

Each slide should also start with an <h2> heading as the title of the slide. There are exceptions to this such as full-page images or code blocks.

It can be helpful to outline the slides elsewhere before converting to the HTML format. Paper and pencil, PowerPoint, Google Slides, or others may be environments where you are more comfortable in developing your thoughts. However, to be used by the Training Team in the lesson plans, they must conform to the HTML/CSS formatting outlined here.

Last updated: