Test de connaissance DynamicHTML


	• Tableaux à angles arrondis • Créer une barre de scroll colorée • Les Roll-Over • Créer un calque • Créer un tableau • Créer un calque • Créer un tableau • Créer un calque • Créer un tableau • Créer un calque • Créer un poulet • Créer un calque • Créer un tableau • Créer un formu


	• Monter une page • Déplacer une image • Manipuler un calque

Question 1

• Qu'est ce que le DHTML ?

Il s'agit du langage HTML couplé avec un une base de donnée dynamique.

Il s'agit d'un langage HTML amélioré par le fait que certains éléments vont se déplacer de manière dynamique au sein de votre document HTML

Le dynamic HTML constitue en fait une combinaison du DOM, du JavaScript et des feuilles de style.
Le tout permet de changer les comportements des marqueurs HTML et même d'en créer de nouveaux.

Un véritable langage de programmation

Ne sait pas !

Question 2

  • <style type="text-css">
    td.titre { background-color: blue; text-align: center; color:yellow}
    </style>

Le texte sera centré horizontalement, de couleur jaune avec un arrière plan bleu dans toutes les cellules des différents tableaux.

Toutes les cellules où le mot titre apparaît verront leur texte centré horizontalement, de couleur jaune avec un arrière plan bleu

Vous ne pouvez pas insérer la caractère . dans un nom de style

En assignant le style titre aux cellules de votre choix, vous leur attribuez le formatage texte jaune, arrière plan bleu et centré horizontal. <td class="titre">...</td>

Ne sait pas !

Question 3

  • <style Type="text/css">
    #visuel1 { position : absolute ; top : 50 ; left : 120 ; z-index : 2 ; color : red}
    #visuel2 { position : absolute ; top : 60 ; left : 150 ; z-index : 1 ; color : white}
    </style>

Le caractère # ne peut pas être utilisé dans un nom de calque

z-index n'est pas une propriété reconnue

Le calque visuel1 apparaîtra par dessus le calque visuel2

Le calque visuel1 apparaîtra en dessous du calque visuel2

Ne sait pas !

Question 4

• if (document.getElementById)
{.........}

Fonction qui permet de tester Netscape 4.x

Pour reconnaître les navigateurs qui respectent la norme officielle DHTML, il suffit de tester si la fonction getElementById est reconnue

Fonction qui permet de tester Internet Explorer 4.x

Tous les navigateurs reconnaissent le DHTML de la même manière

Ne sait pas

Question 5

• document.layers

Instruction Javascript qui permet de définir un calque pour tous les navigateurs.

Instruction Javascript qui permet de définir un calque pour le navigateur Netscape 4.x

Instruction Javascript qui permet de définir un calque pour le navigateur Internet Explorer 4.x

Instruction fausse qui va engendrer une erreur.

Ne sait pas

Question 6

• <STYLE TYPE="text/css">

</STYLE>

Définit un style sur un lien qui se nomme "hover".

Permet d'assigner un style de couleur et de soulignement à une partie des liens de votre page selon que la souris se situe sur le lien ou non.

Permet d'assigner un style de couleur et de soulignement à tous les liens de votre page selon que la souris se situe sur le lien ou non.

C'est une erreur, car on ne peut pas utiliser des noms de balises pour nommer des styles..

Ne sait pas !

Question 7

• <script language="JavaScript">

</script>

Fonction Javascript qui utilise un filtre permettant d'assurer une transition dans le chargement d'une image.

Fonction Javascript qui permet d'assurer le chargement d'une image.

Fonction Javascript qui utilise un filtre gérant la transparence d'une image jpeg..

Utilisation d'un filtre pour assurer un effet d'estompe.

Ne sait pas !

Question 8

• <html>
<head>
<script language="JScript">

</script>
</head>
<body bgcolor=#FFFFFF onClick="SetPos()">
<div id="sauteur" style="position:absolute; top:100px; left:100px; width:200px;
height:100px; font-size:16pt; background-color:#000066; color:#FFFF00; padding:1cm;">
Cliquez quelque part avec la souris!
</div>
</body>
</html>

Un calque est définit dans la page; la fonction javascript affiche les coordonnées du calque en cliquant dans le document HTML.

Un calque est définit dans la page; la fonction javascript permet de modifier les attributs de style du calque en cliquant.

Un calque est définit dans la page; la fonction javascript permet de modifier les attributs "top" et "left" du calque en lui assignant de nouvelle coordonnée.
Le calque se déplace suivant les nouvelles coordonnées définit par votre clic.

Le navigateur retournera une erreur de code !

Ne sait pas !

Question 9

• <h1 id="textechange" style="font-size:14pt">Le texte change de taille</h1>
<script language="JavaScript">

</script>

Affiche un titre de niveau 1 de taille 14 points

Les fonctions Javascript modifient la taille du titre de manière automatique au bout d'une seconde en passant la taille de 14 à 42 points et inversement.

La première fonction diminue la taille de la fenêtre où s'affiche le titre et la seconde fait l'inverse.

La balise <h1> ne supporte pas l'attribut "id"

Ne sait pas !

Question 10

• <p onClick="this.innerHTML='Vous voyez - je l'avais bien dit!'">Un texte dynamique</p>

Affiche un paragraphe traditionnel en HTML

En cliquant sur le texte, la phrase "Un texte dynamique" apparaît.

Le navigateur renverra une erreur d'interprétation

Affiche un paragraphe avec la phrase "Un texte dynamique"; quand on clique sur cette phrase, une autre phrase apparaît à la place de la première.

Ne sait pas !


	Recherche par mots-clés :


	• Les feuilles de style • Les popups • Des liens spéciaux


	• Test HTML • Test DHTML • Test Javascript


	• Scripts dhtml


	• Lien n°1