Vous êtes sur la page 1sur 3

Developpement Web (NFA0016): examen premi`ere session

CNAM Specialite informatique


6 fevrier 2006

Exercice 1 (6points)
La page XHTML suivante ne passe pas le validateur :
<?xml v e r s i o n= 1 . 0 e n c o d i n g= i s o 88591?>
<!DOCTYPE html PUBLIC //W3C//DTD XHTML 1 . 0 S t r i c t //EN
http : / /www. w3 . org /TR/ xhtml1 /DTD/ xhtml1s t r i c t . dtd >
<html xmlns= http : / /www. w3 . org /1999/ xhtml xml : l a n g= f r >
<head>
<t i t l e >Page 1</ t i t l e >
<meta httpe q u i v= ContentType c o n t e n t= t e x t /HTML; c h a r s e t=i s o 88591 />
</head>
<body>
<h1 > I n t r o d u c t i o n</h1>
<p>e D i f f r e n t s o u t i l s onte e t e c r e s pour e a m l i o r e r l e s s i t e s web :
<ul>
<l i >Les f e u i l l e s de s t y l e s </ l i >
<l i >Le l a n g a g e J a v a s c r i p t
<l i >Une API e s t a n d a r d i s e (DOM)</ l i >
<ol>
<l i >n i v e a u 1</ l i >
<l i >n i v e a u 2</ l i >
</ol>
</ul>
</p>
Le but de c e t ouvrage e s t de p e r m e t t r e une approche `e c o n c r t e de c e s c o n c e p t s .
</html>
</body>

1. Trouver les 5 erreurs et les corriger.


2. Une fois les erreurs corrigees, dessiner larbre de balises refletant la structure de la page.
3. Decrire comment la page saffiche.

Exercice 2 (6 points)
Il sagit decrire une page web (XHTML+CSS+JS) pour une municipalite qui propose des
colonies de vacances. Votre page doit respecter les contraintes suivantes :
1. Cette page doit etre organisee en 3 parties :
1

Colonies pour les 6 11 ans :


sport :
Fontainebleau
Reims
Musique :
Toulouse
Colonies pour les 11 15 ans
Sport :
Toulon
Musique :
Montelimar
Montpellier
Demande de documentations
formulaire demandant le nom du demandeur et presentant le choix multiple entre :
sport, musique, 6-11 ans , 11-15 ans , toutes colonies
2. Les noms de ville doivent etre des liens vers le descriptif de la colonie correspondante.
3. En ce qui concerne la feuille de style, on vous demande de ne jouer que sur la couleur de
fond (propriete background-color) : On veut que la partie 1 soit en bleu, la partie 2
en vert ; A linterieur de ces parties, les rubriques sport seront en jaune et les rubriques
musique en orange. On supposera que les couleurs blue, green, yellow, orange sont
connues.
4. En Javascript, on doit verifier que le champ nom est rempli et que le nombre de documentations demandees est compris entre 1 et 3.

Exercice 3 : HTTP (4 points)


Scenario : monsieur Lapin, employe de lentreprise MANC va consulter le catalogue dun
fournisseur sur son site web dont lURL est http://www.tout.com. Il consulte dabord la
page daccueil du site, qui comporte une photo de son produit phare : la vis en tungst`ene
brosse. Elle comporte des liens vers differentes pages : des familles de produits, des adresses
de distributeurs, une version anglaise, un plan du site et un historique de lentreprise. Dans
la page daccueil, monsieur Lapin clique sur un lien qui va vers la page des vis brossees, qui
comporte les photos de trois des plus belles vis proposees par MANC. Toutes les pages web de
lentreprise utilisent une meme feuille de style css. On suppose que la connection est directe
entre le client et le serveur (on ne prendra donc pas en compte de proxy).
1. Sur un graphique representez les echanges entre le client et le serveur, de telle sorte que
chaque requete HTTP soit representee par une fl`eche et que leur succession temporelle
soit claire.

2. Hors du graphique, reprenez chaque requete envoyee par le client et precisez la premi`ere
ligne de lentete ainsi que la ligne du champ Host.
3. Pour chaque reponse arrivant au client, precisez la premi`ere ligne de lentete ainsi que
la ligne du champ Content-Type.
Pour repondre a` ces questions, vous pouvez choisir les URL des pages ainsi que les formats
de fichier utilises. Ces choix devront etre realistes.

Exercice 4 : secret (4 points)


Pour faire passer une information confidentielle entre un client et un serveur web en
utilisant une page HTML, on hesite entre deux solutions :
utiliser un formulaire avec un champs texte dans lequel lutilisateur tapera le secret. Ensuite, une fonction javascript est appelee pour encrypter linformation avant de lenvoyer
via une requete post de HTTP.
utiliser une applet dans laquelle lutilisateur tapera le secret. Cette applet fera une
connection vers un serveur dedie, sur un port non standard, avec un protocole non
standard. Lapplet utilise la meme methode de cryptage du secret que la fonction javascript dans lautre solution.
En moins dune page, donnez des arguments en faveur ou en defaveur de chacune des
solutions, du point de vue de la securite.