UNIVERSITE de la POLYNESIE
FRANCAISE

Contrôle théorique N°2

Techni.Com – HTML et JavaScript

29 Avril 2002

Modalités

1.Le sujet est prévu pour une durée de 60 minutes,

2.vos documents personnels sont autorisés,

3.vous utiliserez uniquement un navigateur web et Dreamweaver en mode HTML (ou tout autre éditeur de texte),

4.le barème (sur 22 !) est donné à titre indicatif et est susceptible d'être modifié,

1 HTML et style (env. 6 pts)

Vous utiliserez DreamWeaver en mode HTML seul (ou tout autre éditeur de texte) afin de construire une page HTML aussi proche que possible du modèle joint à ce sujet. Les images des 4 flèches sont à votre disposition sur \\Moorea\technicom\etudiants\capolsini

Vous lierez votre fichier HTML à la feuille de style diaporama.css située au même endroit.

2 Programmation JavaScript

2.1 Ecrire une fonction de pré-chargement des 10 images nommées imagei.jpg (i allant de 1 à 10) et situées à l’URL suivante : http://www.upf.pf/~capolsin/photos/exam/ (env. 2 pts)

2.2 Ecrire une fonction d’ouverture d’une fenêtre (450 x 300) sans aucun outil, adresse, …(env. 1 pts)

2.3 Ecrire une fonction construisant ( à l’aide d’instructions window.document.writeln(…)) une page HTML très simple (voir modèle) contenant un entête, un titre et une image (vide au début) centrée horizontalement dans la page (env. 2 pts)

2.4 Le chargement de la page HTML déclenchera l’ouverture de la fenêtre décrite ci-dessus (env.1 pts)

2.5 Ecrire une fonction de fermeture d’une fenêtre associée au bouton correspondant (env. 1 pts)

2.6 Ecrire une fonction de changement de l’image de la page ouverte (env. 4 pts)

Cette fonction prendra en paramètre le numéro de l’image à afficher, affichera cette image dans la fenêtre ouverte et ses caractéristiques (source, largeur et hauteur) dans les zones de texte de la fenêtre courante.

2.7 Associer aux quatre boutons les actions correspondantes (env. 2 pts)

Dans l’ordre : saut à la première image, retour en arrière d’une image, avance d’une image, saut à la dernière image

1 HTML et style (env. 6 pts)

2 Programmation JavaScript

2.1 Ecrire une fonction de pré-chargement des 10 images nommées imagei.jpg (i allant de 1 à 10) et situées à l’URL suivante : http://www.upf.pf/~capolsin/photos/exam/ (env. 2 pts)

2.2 Ecrire une fonction d’ouverture d’une fenêtre (450 x 300) sans aucun outil, adresse, …(env. 1 pts)

2.3 Ecrire une fonction construisant ( à l’aide d’instructions window.document.writeln(…)) une page HTML très simple (voir modèle) contenant un entête, un titre et une image (vide au début) centrée horizontalement dans la page (env. 2 pts)

2.4 Le chargement de la page HTML déclenchera l’ouverture de la fenêtre décrite ci-dessus (env.1 pts)

2.5 Ecrire une fonction de fermeture d’une fenêtre associée au bouton correspondant (env. 1 pts)

2.6 Ecrire une fonction de changement de l’image de la page ouverte (env. 4 pts)

2.7 Associer aux quatre boutons les actions correspondantes (env. 2 pts)

2.8 Faire en sorte que le défilement des images soit automatique et à la vitesse donnée dans la seconde partie du formulaire (env. 3 pts)

3 Extensions possibles

3.1 Fonctionnement en boucle : retour à la première image sur avancée après la dernière et retour à la dernière sur recul après la première

3.2 Possibilité de changer la taille de l’image affichée en modifiant les valeurs dans les boîtes de formulaire

3.3 Possibilité de changer l’image affichée en modifiant la valeur de la source dans la boîte de formulaire

3.4 Sécurisation des boutons de lancement et d’arrêt du défilement afin qu’ils lancent une fenêtre si celle-ci n’est pas encore lancée, …