Internet, pages web et HTML.

HTML5
Bienvenue
Test de connaissances préalables
Dans ce test, nous allons analyser vos connaissances préalables. Pour cela, nous allons réaliser un
série de questions. Ce n'est pas un test évaluatif, son but est uniquement informatif. Ne te
ne t'inquiète absolument pas si ta réponse aux questions n'est pas correcte.

Cette activité de renforcement n'est pas obligatoire pour réussir le module.

Test effectué

Ton résultat au test est : 100

Tu as réussi le test.
Tes réponses

Qu'est-ce que le code source d'un programme ?

Le listing des commandes que notre programme exécutera lorsqu'il sera lancé.
Toutes les commandes que nous pouvons donner à un programme dans un certain langage de programmation.

Un logiciel chargé de traduire les ordres que nous avons donnés à notre programme.
Je ne le sais pas.

Le code binaire généré par le compilateur.

[Link] est...
... un éditeur graphique.

... un langage interprété.

... est un langage compilé.
... est un langage de programmation qui utilise des blocs.

À quoi sert le CSS ?

Pour effectuer des requêtes dans des bases de données.

Pour créer des applications pour PC.

Pour concevoir des environnements graphiques.

Pour définir des feuilles de styles.

Je l'ignore

Qu'est-ce qu'une variable ?

 Une ressource que nous pouvons utiliser en programmation pour contrôler le flux de notre application.

Une ressource que nous pouvons utiliser pour répéter des morceaux de code.

Une ressource que nous pouvons utiliser pour stocker des informations.

Aucune des réponses n'est correcte.

Je ne le sais pas.

Qu'est-ce qu'un langage de programmation ?

Une interface graphique ou un éditeur où réaliser des programmes.

Un ensemble de mots pour écrire des manuels de programmation.

Un moyen de communiquer avec l'ordinateur et de lui donner des ordres.

Un compilateur.
Je l'ignore
Test de renforcement n°1
Souviens-toi que c'est un test de renforcement, il n'est pas nécessaire de le réussir pour le surmonter.
cours mais nous te recommandons de le suivre pour renforcer ton apprentissage. Tu pourras le répéter
autant de fois que tu le souhaites.

Cette activité de renforcement n'est pas obligatoire pour valider le module.

Test de renforcement n°1

Test effectué

Votre résultat au test est : 100

Tu as amélioré ta note précédente de 80.

Tu as réussi le test.
Tes réponses

Quelles étiquettes doit toujours avoir notre page au minimum ?

Les balises : head et body
Les balises : html, head et body
Les balises : html et body
Aucune des précédentes
Parfait !

Que définit l'étiquette "tr" ?

Une table
Une colonne d'un tableau
Une ligne horizontale
Une ligne d'un tableau
Parfait !

Que fait la balise "img" ?

Nous permet d'ajouter un lien avec une image superposée
Cela nous permet d'incorporer une image sur notre page

Nous permet de définir l'image de fond de notre site web

Aucune des réponses précédentes n'est correcte
Parfait !

Les pages que nous avons sur notre serveur WAMP...

 Seules nous pourrons les voir depuis notre PC ou quelqu'un connecté à notre réseau.
moins que nous configurions notre routeur correctement
Elles peuvent être vues par n'importe quelle personne dans le monde

Peuvent être vues par toute personne vivant suffisamment près de nous
Toutes sont correctes
Parfait

Quel est l'usage de la balise "title" dans nos documents ?

Sert à définir quelle image sera utilisée comme titre du site web
Il sert à mettre un titre n'importe où sur la page
Cela nous permet de définir les titres des différents paragraphes d'un document
Nous permet de définir le titre de notre site web (celui qui apparaît dans l'onglet du navigateur)
Très bien !
Internet, pages web et HTML. HTML5
Test de renforcement n°2

Cette activité de renforcement n'est pas obligatoire pour valider le module.

Test de renforcement nº2

Test effectué

Ton résultat au test a été : 100

Tu as amélioré ta note précédente de 80.

Vous avez réussi le test.

Tes réponses

Que nous permet de définir l'étiquette "td" ?

Une colonne d'un tableau

Une ligne d'un tableau
Une table de dimensions réduites
Aucun de ceux-ci
Parfait !

Pouvons-nous intégrer un fichier CSS dans n'importe quelle page HTML ?

Non
Oui
Seulement si la page contient un certain nombre de paragraphes

Seulement si nous n'avons utilisé les paramètres de style nulle part

Parfait !

Quelle est la limite de lignes qu'une table peut avoir ?

Il n'y a pas de limite

100 rangées
10 fois le nombre de colonnes que comporte le tableau

Toutes sont correctes

Parfait !

À quoi cela peut-il nous servir de définir un style CSS pour un id concret ?

Pas du tout
 Pour définir le style par défaut de la page
Pour définir le style d'un ensemble d'éléments
Pour définir le style d'un élément en particulier
Exactement

Identifiez quel type de liste est montré dans chaque image

La première est une liste ordonnée et la seconde une liste non ordonnée

Les listes ne se distinguent pas par types

La première est une liste d'éléments et la seconde une liste de valeurs

La première une liste non ordonnée et la seconde une liste ordonnée

Très bien !
Internet, pages web et HTML. HTML5
Évaluation [Test]
Cette activité est OBLIGATOIRE pour valider le module.

Évaluation [Test]
Test réalisé

Ton résultat au test a été : 80

Tu as amélioré ta note précédente de 60.

Vous avez réussi le test.

Tes réponses

À quoi sert l'instruction "td" ?

Pour créer une ligne dans une table

Pour créer une table de dimensions réduites

Aucune des réponses n'est correcte
Pour créer une cellule dans une ligne
Bien

Lequel des codes suivants est correct si nous voulons avoir une image qui en cliquant sur
cliquez dessus ne m'envoyer pas à une page web, c'est-à-dire que l'image soit un hyperlien ?

<a href="[Link]"> <img src="[Link]" ></a>

<img src="[Link]"> <a href="[Link]"> </a>
<a href="[Link]" img="[Link]" >
Le texte fourni ne contient pas de contenu à traduire.

Parfait

Pouvons-nous définir des styles dans un fichier séparé de notre page et les utiliser dans
c'est ?
Oui, dans un fichier HTML

Oui, dans un fichier JS

Oui, dans un fichier CSS

Non
Exactement

Que nous permettent les classes dans les CSS ?

 Utiliser un même style dans différents éléments
Définir un style pour un élément unique
Définir des morceaux de code HTML que nous pouvons répéter facilement

Changer le titre de la page affichée dans le navigateur

Parfait

Quelle étiquette devrions-nous utiliser si nous voulons que notre texte soit en
gras
<boldie>
<strong> o <b>
<noir>
<em>
Exactement !

Qu'est-ce que le lorem ipsum ?

Noms de famille des créateurs de HTML

C'est un texte utilisé pour le remplissage

C'est un concept de design

Ce sont deux balises spéciales
Bien

À quoi sert la balise "p" ?

Pour définir un paragraphe

Pour définir un mot spécial

Pour définir un rendez-vous important

Pas du tout

Lequel de ces codes CSS changerait la couleur d'arrière-plan d'une page lorsqu'on lie le
fichier css à la même?

Réponse A
 Réponse B
Réponse C
Réponse D

Combien de lignes et de colonnes a le tableau suivant ?

20 lignes et colonnes
4 rangées et 5 colonnes

5 lignes et 4 colonnes
Il n'a ni rangées ni colonnes

Quel "tag" devrions-nous utiliser pour créer une liste de ce type ?

ol
ul
xl
table
Javascript et ses bibliothèques
Test de renforcement n°1

Cette activité de renforcement n'est pas obligatoire pour réussir le module.

Test effectué

Ton résultat au test est : 100

Tu as réussi le test.
Tes réponses

Que implique qu'un langage soit "côté client" ou de côté client ?

Que le code s'exécute sur le serveur et soit traité pour l'utilisateur.
Que le code s'exécute sur l'ordinateur de l'utilisateur et non sur le serveur.

Que le code doit être rempli ou implémenté par l'utilisateur.

Toutes sont correctes.
Très bien !

Lequel des codes suivants nous permettra de cacher une image avec l'id "img" ?
[Link]("img").visibility = caché;
[Link]("img").style = "caché";
[Link]("img").[Link] = "caché";
[Link]("img") = "caché";
Très bien !

Quel code parmi ceux qui sont montrés ci-dessous choisirais-tu si nous voulons que au
cliquer sur une image exécutera une fonction JavaScript appelée « foo » ?
< img src="[Link]" onclick="javascript:foo()" / >
< img src="[Link]" href="javascript:foo()" / >
On ne peut pas le faire.

Aucune des réponses ci-dessus n'est correcte.

Très bien !

Quel type de langage est JS ?

Interprété et côté serveur.
Compilé et du côté client.
Compilé et du côté serveur.
Interprété et côté client.
Parfait !

Lequel de ces codes changera la couleur du texte d'un div appelé « test » en rouge ?
[Link]("test").color = "rouge";
[Link]("test").[Link] = "rouge";
[Link]("test").[Link] = "rouge";
[Link]("test").clr = "rouge";

Parfait !
Javascript et ses bibliothèques
Test de renforcement n°2
Souviens-toi que c'est un test de renforcement, il n'est pas nécessaire de réussir pour le passer.
cours mais nous te recommandons de le suivre pour solidifier ton apprentissage. Tu pourras le répéter
autant de fois que tu le souhaites.

Cette activité de renforcement n'est pas obligatoire pour valider le module.

Test effectué

Ton résultat au test a été : 100

Tu as réussi le test.
Tes réponses

À quoi sert la balise <canvas> ?

Pour télécharger des vidéos.

Il n'existe pas d'étiquette avec ce nom.

Aucune des précédentes n'est correcte.
Pour créer une toile sur laquelle nous pourrons peindre des images et des formes en utilisant Javascript.
Très bien !

Que nous permet la balise < video > de HTML5 ?

Permettre à l'utilisateur d'incorporer une vidéo. Pour la lire, nous devrons faire
utilisation du canevas.

Reproduire une vidéo sur notre page.

Aucune n'est correcte.
Pour créer un élément permettant à l'utilisateur de télécharger une vidéo sur notre page
automatiquement.
Parfait

Quel type de langage est HTML5 ?

Un langage côté client.
Un langage côté serveur.
Un middleware
Toutes sont correctes.
Bien

Laquelle des options suivantes penses-tu est née grâce à l'apparition de

javascript ?
 Vidéos en streaming (vidéos en ligne).
Jeux dans le navigateur.
Pages interactives.
Jeux dans le navigateur sans l'utilisation de plugins comme Flash.
Bien

Quelle est l'avantage de créer un jeu avec HTML5 plutôt qu'exclusivement avec JS ?

Cela nous permet de ne pas avoir à changer de page entre les différentes étapes du jeu.
Nous permet d'utiliser une toile sur laquelle nous pouvons peindre ce que nous voulons et de la
de manière que nous le souhaitons sans nous limiter à l'utilisation d'éléments HTML de base pour créer le jeu.

Aucune n'est correcte.

Nous permet l'utilisation de la balise <video> dans laquelle nous pouvons dessiner le jeu à notre
envie
Bien!
Javascript et ses bibliothèques
Évaluation finale [Test]
Cette activité est OBLIGATOIRE pour réussir le module.
Test réalisé

Votre résultat au test est : 80

Vous avez réussi le test.

Tes réponses

Lequel de ces codes changera la couleur du texte d'un div appelé « test » en rouge ?
[Link]("test").couleur = "rouge";

[Link]("test").[Link] = "rouge";
[Link]("test").[Link] = "rouge";
[Link]("test").clr = "rouge";

Quelle erreur a le code suivant ?

La réponse correcte est A.

La réponse correcte est la B.
La réponse correcte est la C.
La réponse correcte est la D.

Laquelle de ces instructions dessinerait un carré ?

 Réponse A.
Réponse B.
Réponse C.
Réponse D.

Quelle est la différence entre "a" et 'a' (guillemets doubles et simples respectivement) ?

Nous utilisons des guillemets doubles pour définir un char qui contient la lettre a et les guillemets
simples pour définir une chaîne qui contient la lettre a.
Les deux peuvent être utilisées de manière interchangeable.

Les deux versions sont incorrectes.

Nous utilisons des guillemets doubles pour définir une chaîne qui contient la lettre a et les guillemets.
simples pour définir un char qui contient la lettre a.
Bien

Quel code dessinerait 10 cercles équidistants ?

La réponse correcte est la A.

La réponse correcte est la B.
La réponse correcte est la C.
La réponse correcte est la D.

Avec laquelle des instructions suivantes pouvons-nous dessiner une image ?

[Link](img, x, y);
dessinerImage(img, x, y);

[Link](img, x, y);
 image(img, x, y);
Bien

Lequel de ces codes remplira notre tableau de nombres aléatoires ?

La réponse correcte est la A.
La réponse correcte est la B.
La réponse correcte est la C.
La réponse correcte est la D.

À quoi sert le constructeur d'une classe ?

Pour supprimer l'objet.
Pour créer une copie de l'objet.
Toutes sont correctes.
Pour déclarer les valeurs initiales de l'objet et, si nécessaire, préparer ce dont il a besoin pour
son fonctionnement. (comment donner la position initiale à l'objet ou charger les images de celui-ci)

Combien de lignes et de colonnes a le tableau suivant ?

20 lignes et colonnes
4 rangées et 5 colonnes

5 rangées et 4 colonnes

Il n'a ni rangées ni colonnes

Laquelle de ces étiquettes devrions-nous utiliser si nous voulons que notre texte soit en
gras
<boldie>
<strong> o <b>
<noir>
<em>

Exactement !