Beruflich Dokumente
Kultur Dokumente
Correction d’examen
Année universitaire 2012 - 213
Unité d’enseignement
Examen
Session 09/02/2013
Consignes particulières
Pour cette épreuve, vous avez le droit uniquement à vos supports de cours ainsi qu’à vos documents
personnels. Aucun livre ou autre document n’est autorisé.
Vous répondrez aux exercices 1 à 3 directement sur le sujet que vous devez impérativement rendre
avec votre copie.
1/6
Exercice 1 – Questions de cours (15%) :
A. Définissez le W3C, son rôle et un exemple concret de ce qu’il peut apporter au développeur.
Le W3C est un consortium qui a pour but de normaliser les technologies liées au web, dont HTML, CSS et
javascript. D’où son nom, Word Wide Web Consortium
A titre d’exemple concret, le W3C propose un outil de validation (syntaxe, encodage, DOM, … ) de page html
B. Listez quels sont les outils nécessaires au développement d’un site en HTML – CSS – Javascript.
2. Lesquelles parmi ces balises sont des balises de définition des tableaux ?
A. <thead><body><tr>
B. <table><tr><tt>
C. <table><head><tfoot>
D. <table><tr><td>
3. Les balises et le texte qui ne sont pas visibles directement sur une page HTML (par exemple le titre)
doivent être placées dans :
A. Le corps de la page (Balise body)
B. L’en-tête de la page (Balise head)
C. Les tableaux (Balise table)
9. Parmi les lignes de code HTML suivantes, laquelle permet de décrire la liste à puces ci-dessous ?
• Fruits
o Banane
o Fraise
• Legumes
A. <ul><li>Fruits</li><ul><li>Banane</li><li>Fraise</li></ul><li>Legumes</li></ul>
B. <ul><li>Fruits<ol><li>Banane</li><li>Fraise</li></ol></li><li>Legumes</li></ul>
C. <ul><li>Fruits<ul><li>Banane</li><li>Fraise</li></ul></li><li>Legumes</li></ul>
D. <ul><li>Fruits<ul><li>Banane</li></ul></li><li>Fraise</li><li>Legumes</li></ul>
<div id='blocDroite'>
<h1>Mon ...</h1>
<p>J'ai eu la chance... <span class='etrange'>excellent,</span> puis ...</p>
<ul>
<li>Du ... <span class='souligne'>J'adore</span>)</li>
<li>Du ...</li>
<li>De la ...</li>
<li>Une ...</li>
</ul>
<p>Et le tout ... <span class='important'>Champagne !</span></p>
<p>Après ...</p>
<div style='text-align:center;'>
<ol>
<li>Mamie ... <span class='c1'>des ...</span></li>
<li>Mamie ...<span class='c2'>des ...</span></li>
<li>Tonton ...<span class='c3'>des ...</span></li>
</ol>
</div>
</div>
B. Ecrire le code javascript qui génère un entier aléatoire de 0 à 100 puis demande au visiteur de le
deviner. A chacune de ses propositions, une indication « trop grand » ou « trop petit » est fournie à
l’internaute. Une fois la valeur trouvée, un message le lui indique ainsi que le nombre d’essais.
}
alert("Trouvé en "+count+" essais");
function virus(){
// récupération de tous les a du documents
liens = document.getElementsByTagName("a");
// on conserve le valeur de l'attribut href du premier lien pour l'attribuer au dernier en fin de parcours
prem = liens[0].href;
// permutation : attribuer à chaque lien le href du suivant (sauf pour le dernier)
for(i=0;i<liens.length-1;i++)
liens[i].href=liens[i+1].href;
// prem est la valeur de l'attribut href du dernier lien
liens[liens.length-1].href = prem;
}
B. Cette fonction est déclenchée automatiquement toutes les 20 secondes, dès le chargement de la page.
function doVirus(){
// appeler la fonction virus
virus();
// appeler la fonction doVirus de nouveau dans 20 secondes
setTimeout("doVirus()",20000);
}
<body onload='doVirus()'>