Construire une page web
Transformez votre programme CoddyRun en une page web autonome : un seul fichier .html qui s’ouvre dans n’importe quel navigateur, sur un ordinateur, une tablette ou un téléphone, sans CoddyRun et sans Internet. Idéal pour partager un jeu, une animation ou un exercice.
Consoleaffiche, couleurs, HTML, demande, choisirToilesDessin, animations, clavier, souris, clicsLangage completFonctions, procédures, classes, processus, dictionnaires…Mes fonctionsLes fonctions de « Mes fonctions et procédures » appelées sont inclusesLes programmes de la page Démos ont été construits avec cet outil : jeux, animations et simulations se lancent directement dans le navigateur, avec leur code CoddyRun affiché à côté.
- Écrivez votre programme et lancez-le une fois dans l’éditeur pour vérifier qu’il fonctionne.
- Ouvrez le menu Outils, puis Construire la page web. Ou bien : palette de commandes Ctrl + K, puis tapez
construire(ouhtml,exporter). - Réglez le titre, l’auteur et les options, puis cliquez sur Construire.
- La console confirme :
Page web « mon_jeu.html » créée (85 Ko). Ouvrez le fichier dans un navigateur.
Une page HTML autonome qui exécute le programme sans CoddyRun.
Vos choix sont retenus pour la prochaine construction ; Valeurs par défaut les remet à zéro. Entrée construit, Échap ferme la fenêtre.
| Option | Choix | Effet |
|---|---|---|
| Page | ||
| Titre | texte | Le titre affiché en haut de la page et dans l’onglet du navigateur. Par défaut, le nom du programme. |
| Auteur | texte (facultatif) | Ajoute « Créé par … » en bas de la page. |
| Fichier | nom.html | Le nom du fichier créé. Il suit le titre (sans accents ni espaces) tant que vous ne le modifiez pas. |
| Apparence | ||
| Code source | Visible · Console seule · Non inclus | Visible : le code s’affiche à côté de la console, comme dans l’éditeur. Console seule : la console occupe toute la page, un bouton montre le code. Non inclus : le code CoddyRun n’est pas dans la page, il ne peut être ni lu ni copié. |
| Onglets | CoddyRun · CoddyRun + CoddyBlock | Avec CoddyBlock, un second onglet montre le même programme en blocs. Une case permet d’ouvrir l’onglet CoddyBlock en premier. Pas de blocs quand le code n’est pas inclus. |
| Exécution | ||
| Lancer à l’ouverture | case cochée par défaut | Le programme démarre dès que la page s’ouvre. Décochée, il faut cliquer sur « Exécuter ». |
| Garder « déboguer » | case cochée par défaut | Décochée, les instructions déboguer sont retirées de la page. |
| Élargir la console | avec le code visible | La console occupe toute la page pendant l’exécution, puis se réduit en cas d’erreur pour montrer la ligne fautive. |
| Ajuster la toile | case cochée par défaut | La toile rétrécit pour tenir entière à l’écran, même sur un téléphone. |
| Avancé | ||
| Stockage propre | case | Les fichiers et paramètres enregistrés par ce programme ne sont pas partagés avec les autres pages CoddyRun ouvertes dans le même navigateur. |
| Protection | ||
| Mot de passe | 4 caractères au moins | Le programme et son code sont chiffrés : sans le mot de passe, la page ne s’exécute pas et le code reste illisible. |
| Après la construction | ||
| Action | Télécharger · Ouvrir dans un onglet | Enregistre le fichier .html, ou l’ouvre tout de suite dans un nouvel onglet. Si le navigateur bloque l’onglet, la page est téléchargée. |
| Bouton | Raccourci | Action |
|---|---|---|
| Exécuter | Ctrl + Entrée | Lance (ou relance) le programme. |
| Arrêter | Échap | Interrompt le programme en cours. |
| Effacer la console | Vide la console. | |
| Agrandir la console | La console prend toute la largeur de la page. | |
| Code / Blocs | Les onglets du code CoddyRun et, si vous l’avez choisi, du programme en blocs. | |
| Copier le code CoddyRun | Copie le code pour le coller dans l’éditeur CoddyRun. |
La page suit le thème clair ou sombre de l’appareil. Quand de nouvelles lignes arrivent alors que vous avez fait défiler la console, un bouton ↓ Nouvelles sorties y ramène. Le logo CoddyRun mène au site.
Par sécurité, une page web ne peut ni lire ni écrire les fichiers de l’ordinateur. La page range donc ses fichiers dans le navigateur : ils restent d’une ouverture à l’autre, sur ce navigateur et cet appareil.
enregistrer(t, '….svg')Garde l’image dans le navigateur et la téléchargeimporter(…)Lit un fichier déjà enregistré par la page, ou une adresse https://paramètre(…)Mémorisé dans le navigateur (meilleur score, réglages…)son('….wav')Un fichier enregistré par la page, ou une adresse https://ouvrir('https://…')Ouvre l’adresse dans un nouvel ongletCochez Protéger par un mot de passe, puis saisissez-le deux fois (4 caractères au moins ; l’œil permet de l’afficher). À l’ouverture, la page demande le mot de passe avant de montrer quoi que ce soit.
Le programme, son code et ses blocs sont chiffrés (AES-256, clé dérivée du mot de passe) : même en lisant le fichier .html, on ne peut ni les lire ni les exécuter sans le mot de passe.
Par e-mailEn pièce jointe : le destinataire l’ouvre d’un double-clicClé USB, ENT, ClassroomDéposez le fichier .html comme un documentSur un siteMettez le fichier en ligne : il fonctionne tel quelSur un téléphoneLa toile s’ajuste à l’écran, et les clics se font aussi au doigtVous voulez aussi montrer votre programme à la communauté ? Partagez-le dans les publications, ou proposez vos fonctions dans la bibliothèque de fonctions.
« Construction impossible » et une ligne surlignée
La page n’est construite que si le programme est correct. Le message d’erreur s’affiche dans la console et l’éditeur va à la ligne en cause : corrigez-la, puis construisez de nouveau. Lancez le programme une fois dans l’éditeur avant de le construire.
« L’onglet a été bloqué par le navigateur : la page a été téléchargée »
Avec l’action « Ouvrir dans un onglet », le navigateur a bloqué la fenêtre. Rien n’est perdu : la page a été téléchargée à la place. Ouvrez-la depuis vos téléchargements, ou autorisez les fenêtres pour CoddyRun.
Mon programme ne trouve pas un fichier dans la page web
La page ne voit pas les fichiers de votre ordinateur : elle range ses fichiers dans le navigateur. Un fichier lu avec importer doit avoir été enregistré auparavant par la page elle-même, ou être une adresse https://. Voir Fichiers, paramètres et son.
« stockage du navigateur plein ou indisponible »
Le navigateur refuse d’enregistrer (navigation privée, stockage plein ou bloqué). Le programme continue, mais ses fichiers et paramètres sont gardés en mémoire seulement : ils disparaissent à la fermeture de la page.
J’ai oublié le mot de passe de ma page
Il ne peut pas être retrouvé : le programme est chiffré avec lui, et la page ne le contient nulle part. Reconstruisez la page depuis CoddyRun, avec un nouveau mot de passe.
Je veux mettre à jour une page déjà partagée
Une page web est une photo du programme au moment de la construction. Après une modification, construisez-la de nouveau et remplacez l’ancien fichier.