Université Ibn Tofail Année Universitaire 2023/2024
Faculté des sciences de Kenitra LUS
Département d’Informatique
HTML & CSS – Rappel –
Exercice 1 :
Entê[Link]
[Link]
[Link]
l
[Link]
[Link]
1. Donner le code HTML permettant de diviser la fenêtre du navigateur en cadres comme le
montre la page WEB au-dessus. Les documents affichés dans cette fenêtre sont
(Entê[Link], [Link], [Link], [Link], [Link]) : (Ces
documents se trouvent dans le même répertoire).
2. Donner le code HTML du document « [Link] », ce document est composé de :
Programme de Formation : titre H1, centré,
Une liste numérotée contenant les éléments de ce programme avec l’effet suivant :
i. Lorsqu’on clique sur «Trimestre i», on charge le document
«[Link] » dans le cadre du nom «CadreTrim-i»,
3. Donner le code HTML du document « [Link] », ce document est composé de :
Enqueue : titre H1, centré,
Le cadre du document permet d’exécuter une fonction JavaScript du nom
« Aujourd() » une fois a le focus.
1/2
Exercice 2 :
Créer une page web nom « [Link] » contenant un formulaire de recherche des documents
dans une bibliothèque de la forme suivante :
Recommandations:
Chaque composant dans le formulaire doit avoir un nom (NAME) distinct.
Les cases à cocher, les boutons d'option et les éléments de la liste déroulante doivent
posséder des valeurs pour l'attribut VALUE.
Les éléments de la liste déroulante sont, dans cet ordre :
Tous
Programmation
Bases de Données
Réseaux
Programmation Internet
Mathématique
Marketing
Gestion
Exercice 3 :
Créer un fichier du nom "[Link]" dans le même répertoire avec les pages Web des exercices
précédents, contenant des sélecteurs de style permettant de créer la mise en forme suivante pour les
pages web de l’exercice 1 :
1. Une couleur de fond jaune, et couleur du texte noire pour toutes les pages,
2. Le style de police Times,
2/2
3. Les titres de niveau 1 en bleu et en italique et de taille 18pt,
4. Les items des listes ordonnées et non ordonnées en gris,
5. La couleur des liens est en vert et en gras,
6. Appeler cette feuille de style dans toutes les pages entre balises <HEAD>…</HEAD>.
3/2