Mode
Slides
Presentation
Remote control
Send
Listen
Press F11 to switch to fullscreen.
HTML Presentation Slides
The standard stuff
Title
1
Web browsers
2
Images
3
Diagrams
4
Animations
5
Videos
6
There is more ...
More
7
Maps
8
Simulations
9
Equations
10
3D
11
Interactive
12
Present and publish
Local
13
Publish
14
Conclusion
15
HTML Presentation Slides
Thomas Lochmatter, 2024
Press
F11
to go fullscreen, and
P
to switch to presentation mode.
Esc
opens the slide index and settings.
1
Modern web browsers
have everything
to make great
presentations.
2
They can display text and images. Image by Wikipedia/Popo_le_Chien, CC-BY-SA 4.0
3
Vector graphics and diagrams. Turkey 3.16 kg United Kingdom Ireland Russia Marocco Annual per capita tea consumptionas of 2016 2.19 kg 1.94 kg 1.38 kg 1.22 kg
4
Animated vector graphics.
5

And videos.

6
But with your slides in the web browser
you can do much more.
7

You can integrate maps.

8

Run live simulations.

Ceiling hits: 0
9

And show the corresponding math.

At each time step, the ball position \(p\) is updated as follows:

$$ p_{n+1} = p_{n} + v_n $$

The velocity \(v\) undergoes friction \(f\) and gravity \(g\):

$$ v_{n+1} = f v_{n} + \left( \begin{array}{c} 0 \\ g \end{array} \right) $$

For this simulation, we chose:

$$ f = 0.995 $$

$$ g = -0.1 $$

Equations are rendered using MathJax.
10

Show 3D models.

Your browser doesn't appear to support the canvas element. Select from 3 stylish colors Removable cover Display, clip, and power plug Solid stand
11

Or do interactive stuff.

Type a word
 
This is your word spelled backwards
12
You can run your HTML presentation
from your local computer.
Everything is inside one folder.
Just double-click on index.html.
13
Or publish it on the web.
Just copy the whole folder onto a HTTP server.
14
To create your own HTML presentation,
download the template from GitHub:
https://github.com/d28b/html-slides
15