Qu'est-ce que ce JavaScript SlideMaker ?
- un "plug-in" pour un fichier HTML
- un script qui découpe visuellement un fichier HTML, sans le
modifier
- un outil de création de slides, en vue d'une présentation
Les avantages du JavaScript SlideMaker
- ne crée/modifie pas de nouveaux fichiers : maintenance facilitée
!
- la présentation tient donc sur 1 seul fichier (+ styles, + images)
- pas de redondance des données
- portabilité, compatibilité
Comment intégrer le script à sa présentation
Comment fonctionne le script
- lit le titre du fichier HTML (élément title)
- lit le pied de page du fichier HTML (élément address)
- crée un nouveau slide à chaque grand-titre
(élément h1)
- recopie le contenu placé entre les grands-titres
- crée les boutons de navigation
(précédent/sommaire/style/suivant)
- crée la table des matières
- numérote les "pages"
- prévoit un affichage sur fond clair et un affichage sur fond
sombre
Scénario-type
- écrire le fichier HTML avec son éditeur préféré (Amaya, Notepad,
...)
- mettre le sous-dossier ced_js_slidemaker dans le dossier de
ce fichier HTML
- ajouter le lien vers le script dans le fichier HTML. Si l'éditeur HTML
ne le permet pas, ceci peut être fait simplement en ouvrant le fichier
HTML avec l'éditeur de texte, et en ajoutant la ligne à la fin du
fichier.
Ceci donne :
<!-- (avant) -->
<!-- [bla bla bla...] -->
</body>
</html>
<!-- (après) -->
<!-- [bla bla bla...] -->
<script type="text/javascript" src="ced_js_slidemaker/makeslide.js"></script>
</body>
</html>
- la prochaine lecture du fichier HTML laisse apparaître le lien "créer
les slides". Il suffit de cliquer dessus.
- enfin, ajustez la taille du texte pour qu'il occupe tout l'écran
(Ctrl++ avec Mozilla)
Résultat
Avant :
[Image] Le fichier HTML original (comme lors de l'édition)
Après :
[Image] Le même fichier, transformé visuellement, et prêt à être
projeté !
Historique
Cédric Kiss, septembre 2003.