Animer une page html

Cours / TP

Insérer : Création de la page html dans laquelle sera insérée votre animation

Insérons cette animation dans une page html

  1. Créer un nouveau fichier dans Notepad++, créer une page html basique et sauvegarder le fichier sous le nom premier_html.html

  2. Dans l'en-tête <head> de votre page insérer ces 2 scripts :

    <script src="svghelper.js"></script>
    <script>
    onload=function(){
    addScriptedSVG("balise_objet_svg","premier_dessin.svg","premier_script.js");
    }
    </script>

    Dans le corps <body> de votre page insérer le div suivant :

    <div id="balise_objet_svg"></div>

    Sauvegarder vos fichiers.

  3. Votre répertoire est maintenant complet, il doit contenir :

    Contenu du répertoire

  4. Vous pouvez alors tester le résultat en ouvrant le fichier premier_html.html avec votre navigateur.


L'animation fonctionne ? Valider cette partie


Questionnaire d'auto-évaluation

________________________________________________

1 - Inkscape est un :
logiciel de traitement d'images bitmap
logiciel de dessin vectoriel
logiciel de programmation javascript

2 - En HTML/Javascript l'Id est :
un numéro qui caractérise un objet
un identifiant qui peut être associé à plusieurs objets
un identifiant unique associé à un objet

3 - Javascript est un langage :
interprété
compilé
issu du java

4 - La fonction getElementById() renvoie :
le premier attribut d'un objet
tous les attibuts d'un objet
une référence vers un objet


votre note : 0 / 4



Les bonnes réponses sont cachées ici !!

1 - Inkscape est un logiciel de dessin vectoriel.

2 - En HTML/Javascript l'Id est une chaîne de caractères, identifiant unique associé à un objet.

3 - Javascript est un langage de script interprété... qui n'a rien à voir avec le java.

4 - La fonction getElementById() renvoie une référence vers un objet dont la référence est passée en paramètre