reveal.js

En bref

Reveal.js est un framework Javascript qui permet de réaliser des présentations à l'aide de technos Web. Le triplet HTML, CSS et Javascript est à la base de cet outil.

Avantages qu'apportent les technos Web

Le concept du Responsive Design permet la compatibilité de la présentation avec différentes configurations (résolution, type de matériel,...).
Le Web apporte de la dynamique (les animations CSS ou les scripts JS).
C'est aussi facile que $\LaTeX$.
On peut intégrer des composants Web comme des graphiques, des vidéos (Youtube ou pas),...

Y a-t-il d'autres frameworks?

Existe-t-il un environnement WYSIWYG?

Oui ! slides.com

Facile d'utilisation.
Mais...
il y a moins de libertés.
Une version gratuite et une payante : gratuit = il faut rester connecté, et sa présentation est forcément publique.

Et en vrai ça donne quoi?

Structure du code

<!doctype html>
<html lang="en">
	<head>
		<title>Titre de la présentation</title>

		<link rel="stylesheet" href="css/reveal.css">
		<link rel="stylesheet" href="css/theme/black.css" id="theme">

		<link rel="stylesheet" href="lib/css/zenburn.css">
	</head>
	<body>
		<div class="reveal">
			<div class="slides">
				<section>
					Une slide....
				</section>
			</div>
		</div>

		<script src="lib/js/head.min.js"></script>
		<script src="js/reveal.js"></script>

		<script>
			Reveal.initialize({
				transition: 'slide'
			});
		</script>
	</body>
</html>

Have fun with it :)

Téléchargez la dernière release à cette adresse :
https://github.com/hakimel/reveal.js/releases
...et essayer de faire ou refaire une présentation en utilisant reveal.js

Présentations et technos Web