Accueil › Devoirs › 2ème TI

Exercice 1 : la page d'un produit (7 pts)

Une boutique en ligne veut la page « produit.html » d'une chéchia :

• le titre de l'onglet est « Chéchia rouge » ;
• un titre de niveau 1 « Chéchia rouge », une image « chechia.jpg » avec un texte alternatif, et un paragraphe de description ;
• un tableau de deux colonnes (Caractéristique, Valeur) avec les lignes Couleur / Rouge et Prix / 25 DT ;
• un lien « Ajouter au panier » vers « panier.html ».

• 1) Écrire le code HTML de la page (3 pts).
• 2) Écrire le CSS : le prix est mis en évidence par une classe prix (texte rouge et gras) ; le lien a l'aspect d'un bouton (fond vert, texte blanc, marge intérieure de 8 pixels, sans soulignement) (2 pts).
• 3) Partie programmation : écrire une fonction ligne(carac, valeur) qui retourne une ligne du tableau, puis un programme qui lit n puis n couples et affiche les lignes (2 pts).

Pour le couple Taille / 57 : <tr><td>Taille</td><td>57</td></tr>

Exercice 2 : une galerie d'images (6 pts)

On veut une galerie de photos du lycée : toutes les images ont la même largeur, une bordure grise et un petit espace autour.

• 1) Écrire le CSS de la classe galerie appliquée aux images : largeur 200 pixels, bordure grise de 1 pixel, marge de 6 pixels ; quand la souris passe sur une image, sa bordure devient bleue (2 pts).
• 2) Écrire une fonction image(fichier, texte) qui retourne la balise de l'image avec la classe galerie, par exemple <img src="cour.jpg" alt="La cour" class="galerie"> (2 pts).
• 3) Écrire le programme qui lit n puis n couples (fichier, texte) et affiche la balise <div id="photos">, les n images, une par ligne, puis </div> (2 pts).

Exercice 3 : mettre des mots en gras (7 pts)

Dans un petit éditeur, l'utilisateur entoure de deux étoiles les mots à mettre en gras : « le *bac* est en *juin* ». Le programme doit produire le HTML correspondant : « le <strong>bac</strong> est en <strong>juin</strong> ».

• 1) Expliquer pourquoi il faut savoir si l'étoile rencontrée ouvre ou ferme un passage en gras (1 pt).
• 2) Écrire la fonction gras(ch) qui remplace chaque étoile par <strong> ou </strong> en alternance, sans utiliser replace (4 pts).
• 3) Écrire le programme qui lit une phrase ; si elle contient un nombre impair d'étoiles, il affiche « Étoiles mal fermées », sinon il affiche le HTML (2 pts).

Correction détaillée

Sujet original écrit pour Mission Carthage, troisième série d'entraînement pour le devoir de contrôle du 3e trimestre.

Tout le programme : 2ème année Technologies de l'informatique (TI) · Revoir le cours · Tous les devoirs