Incrustation - p5Visuel

Pour incruster votre programme p5Visuel dans une page web

1. Créer votre page web
2. Insérer les instructions d'incrustation au bon endroit

Créez la page web où vous pourrez incruster votre programme

Vous pouvez créer de toutes pièces la page web où vous insérerez votre programme p5Visuel en tapant les instructions nécessaires (HTML, CSS et JavaScript) dans un éditeur de programme.

Ou vous pouvez vous servir d'un modèle trouvé sur le web que vous pourrez adapter à vos besoins avec un programme d'édition comme BlueGriffon. Dans notre cas, on a choisi le modèle Simple Slide chez FreeHTML5templates.

Voici le code html permettant d'incruster notre page web

<iframe src="carres_colores.html" width="804" height="604" style="border:2px solid orange"></iframe>

Avec BlueGriffon, il a suffi de choisir l'item CodeHTML du menu Insertion, puis de coller le code ci-dessus.

Voici la page web incrustée via le code précédent

Cette technique d'incrustation fonctionne en général, pourvu que la page d'accueil et le programme incrusté restent indépendants. Sinon, il faudra faire apple à d'autres techniques. À suivre...