docCorrection de l`examen du 18/12/2008
download 
Plainte Transcription
Correction de l`examen du 18/12/2008
Université de Reims
Informatique (Web)
Correction de l’examen du 11/12/2014
Nom : ......................................................................................................
Prénom : .................................................................................................
Email : .....................................................................................................
QCM (10 points)
Il y a toujours au moins une case à cocher et éventuellement deux, trois ou quatre… 1 point par bonne réponse, -0,5 par
réponse vide et -1 point par réponse fausse.
1. La balise HTML <SELECT>…
…permet d’afficher une liste ouverte.
…permet d’afficher une image.
…permet d’afficher une liste déroulante.
…n’existe pas.
2. L’attribut CSS color…
…permet de définir la couleur de l’arrière-plan.
…peut recevoir la valeur #45ed8f.
…permet de positionner les éléments.
…est utilisé pour définir la couleur du texte.
3. Le langage Javascript…
…est un dérivé du langage Java
…s’exécute sur le navigateur
…s’exécute sur le serveur
…apporte du dynamisme à la page Web
4. La balise <META>…
…doit être positionnée dans la balise <HEAD>
…doit être positionnée dans la balise <TITLE>
…permet d’apporter des informations additionnelles à la page Web
…doit être positionnée dans la balise <BODY>
5. En PHP la commande echo…
…permet d’afficher un texte sur la page HTML
…est similaire à la commande print
…n’existe pas
…permet de réaliser une boucle
6. Le langage PHP…
…est exécuté sur le client
…est exécuté sur le serveur Web
…permet d’accéder à une base de données
…est exécuté sur le navigateur
7. En HTML…
…on utilise des balises
…la balise <br> permet de faire un saut de ligne
…l’ordre des paramètres n’est pas important
…une balise peut avoir plusieurs paramètres
8. Le langage PHP…
…est exécuté par le navigateur
…n’est pas un langage de programmation
…remplace le HTML
…est inconnu du navigateur
9. Le langage PHP…
…est un langage de programmation
…remplace le Javascript
…est exécuté avant le langage Javascript
…permet de se connecter à un SGBD
10. Le langage CSS…
…permet de se connecter à un SGBD
…est un langage de programmation
…est exécuté sur le serveur Web
…Aucune bonne réponse
Nils Schaefer
1/5
Université de Reims
Informatique (Web)
Exercice 1 (2 points)
Indiquez les attributs CSS qui vont s’appliquer à la balise P dans l’exemple suivant.
<HTML>
<HEAD>
<STYLE Type="text/css">
P { font-size:20px; color:purple; font-family:Arial; }
B P { color:black; font-size:10px; }
P I { color:green; }
P A:hover { color:grey; }
.CLASS { color:yellow; }
</STYLE>
</HEAD>
<BODY>
<I>Texte : </I><B><P STYLE="font-size:16px;" CLASS=P>Bonjour</P><B> tout le monde </B></B>
</BODY>
</HTML>
Les paramètres CSS qui vont s’appliquer à la balise P sont color:black, font-size:16px et font-family:Arial.
Exercice 2 (3 points)
A l’aide des boucles en PHP, écrivez un algorithme permettant l’affichage de la table des multiplications comme cidessous :
echo "<table border='1'>";
for ($i=1;$i<11;$i++){
echo "<tr>";
for ($j=1;$j<11;$j++){
$resultat=$i*$j;
echo "<td>".$resultat."</td>";
}
echo "</tr>";
}
echo "</table>";
Exercice 3 (2 points)
Voici le code d’un document HTML :
Nils Schaefer
2/5
Université de Reims
Informatique (Web)
<html>
<head>
<title>CSS</title>
</head>
<body>
<h1>Carte judiciaire: 63 prud'hommes bientôt supprimés</h1>
<p>Refonte de la carte judiciaire suite. Depuis un mois, <a href=dati.html>Rachida Dati</a> annonce des
suppressions de tribunaux. Le gouvernement poursuit sa réforme. Dernière étape en date: la disparition
programmée de 63 des 271 conseils de prud'hommes, selon un document officiel dont l'AFP a eu connaissance
dimanche. Dans ce document, la Chancellerie précise que le nombre de conseillers prudhomaux (à ce jour,
14.616 élus) restera inchangé.</p>
<p>La nouvelle carte des conseils de prud'hommes entrera en vigueur en avril 2008 afin de permettre
l'organisation des prochaines élections prud'hommales le 3 décembre 2008, selon une source
gouvernementale. La liste des 63 suppressions est issue de "plusieurs phases de concertation" avec les
syndicats, a indiqué le cabinet du ministre du Travail <a href=bertrand.html>Xavier Bertrand</a>.</p>
<p>Les personnels concernés seront rattachés à d'autres conseils de prud'hommes, de façon à conserver au
moins un conseil par département et à "renforcer ceux traitant plus de 800 affaires par an", a-t-on
ajouté. Après la publication de la liste des conseils supprimés dans le Journal officiel, "dans la semaine
qui vient", une concertation de trois mois sera menée, comme l'impose le Code du travail, avec les
syndicats, organisations professionnelles, élus locaux, chambres des métiers...</p>
</body>
</html>
Voici le résultat obtenu :
Réalisez une feuille de style CSS interne afin d’obtenir le résultat suivant :
<html>
<head>
<title>CSS</title>
<style type="text/css">
h1
Nils Schaefer
3/5
Université de Reims
Informatique (Web)
{
border:solid black 1px;
background:grey;
font-family:arial;
font-size:20px;
color:white;
}
p
{
border:dotted black 1px;
padding:10px;
text-align:justify;
}
a
{
background:black;
color:white;
text-decoration:none;
} </style>
</head>
<body>
...
</body>
</html>
Exercice 4 (3 points)
Réalisez une interface de saisie de commande en HTML et en Javascript. Les champs « prix unitaire », « prix
total » et « total » doivent être remplis automatiquement.
<html>
<body>
<script type=text/javascript>
var designation=new Array();
var prix=new Array();
designation[0]="Clé USB Corsair 4Go";
prix[0]=45;
designation[1]="Clé USB Corsair 8Go";
prix[1]=80;
designation[2]="Clé USB Emtec 8Go";
prix[2]=75;
designation[3]="Clé USB Emtec 16Go";
prix[3]=160;
function somme(l)
{
document.getElementById('l'+l+'total').value=document.getElementById('l'+l+'prix').value*document.
getElementById('l'+l+'quantite').value;
total();
}
function total()
{
t=0;
for(l=0;l<5;l++)
t+=Number(document.getElementById('l'+l+'total').value);
document.getElementById('total').value=t;
}
</script>
<table border=0>
Nils Schaefer
4/5
Université de Reims
Informatique (Web)
<tr align=center><td><b>Désignation</b></td><td><b>Prix unitaire
(€)</b></td><td><b>Quantité</b></td><td><b>Prix total (€)</b></td></tr>
<script type=text/javascript>
for(l=0;l<5;l++) // Nombre de lignes
{
document.write("<tr><td><select id=l"+l+"designation
onchange='document.getElementById(\"l"+l+"prix\").value=prix[document.getElementById(\"l"+l+"designation\"
).value]; somme("+l+");'><option value=-1></option>");
for(i=0;i<prix.length;i++)
{
document.write("<option value="+i+">"+designation[i]+"</option>");
}
document.write("</select></td><td><input type=text id=l"+l+"prix></td><td><input type=text
id=l"+l+"quantite onkeyup='somme("+l+");'></td><td><input type=text id=l"+l+"total></td></tr>");
}
</script>
<tr align=center><td></td><td></td><td align=right>Total :</td><td><input type=text id=total></td></tr>
</table>
</body>
</html>
Nils Schaefer
5/5
