Université Mohammed Premier - Oujda
Ecole Nationale des Sciences Appliquées d’Oujda
Module : Programmation Web AU :2023/2024
Filière : IDSCC-3
Travaux Pratiques N°1
Exercice 1 :
Dans cet exercice on va essayer de créer une page HTML qui va correspondre à un CV. La page va
présenter un titre, les informations de contacts et une photo, ensuite une section pour présenter les
formations, les expériences, les hobbies… (voir l’exemple)
Remarque :
1. La photo devra être cliquable et permet d’ouvrir l’image dans une nouvelle fenêtre
2. Tous les sites doivent être des liens cliquables
3. L’adresse mail doit être programmée. Si l’utilisateur le fait, l’application mailling s’ouvre
avec le sujet préparer
Université Mohammed Premier - Oujda
Ecole Nationale des Sciences Appliquées d’Oujda
Exercice 2 :
Créez un formulaire contenant un champ de texte pour saisir un login un champ password pour le
mot de passe de huit caractères au maximum et 4 au minimum, chacun étant précédé d’un label
explicatif. Ajoutez un bouton d’envoi et un bouton de réinitialisation.
Exercice 3 :
Essayé de reproduire le formulaire suivant :
Exercice 4 :
Ecrire le code HTML pour afficher une vidéo dans votre page web avec une poster (image de
miniature) pour la vidéo.
Essayé d’ajouter l’attribut controlslist avec les paramètres suivants nodownload,
nofullscreen, noremoteplayback
Exercice 5 :
Université Mohammed Premier - Oujda
Ecole Nationale des Sciences Appliquées d’Oujda
Essayé de reproduire la page suivante :
Pour le formulaire ajouter les attributs suivants et vérifier les résultats
<form action="mailto:[email protected]" method="post" enctype="text/plain">