Année Universitaire

2022-2023

Atelier N°1:
HTML

Objectifs :
✔ Manipuler les balises HTML.

✔ Manipuler les formulaires

✔ Manipuler les contrôles de saisie HTML

Enoncé
Une salle de sport souhaite réaliser un site web qui permet à ses clients de s’inscrire, consulter et
réserver les cours.

Partie I
1. Créer la page « accueil.html » comme suit
a. Créer la partie « Header » contenant les liens de navigation entre les pages
● Home
● Courses
● Coach
● Inscription
b. Ajouter l’image « img1.jpeg » à la section « Header »
c. Ajouter le contenu illustré par la Figure 1 en utilisant la balise section et les tableaux.
d. Créer la partie « Footer » qui contient un lien mail et une adresse.

1 | Page
 Année Universitaire
2022-2023

Atelier N°1:
HTML

Figure 1: Page d’Accueil

2 | Page
 Année Universitaire
2022-2023

Atelier N°1:
HTML
2. Créer la page « inscription.html » comme le montre la figure 3 :
a. Créer un formulaire d’inscription permettant d’enregistrer un nouveau client. Les champs
à saisir sont illustrés dans la Figure 2.
b. Le Formulaire d’inscription doit respecter les conditions suivantes :
● Le nom est obligatoire avec une longueur minimale de 3 caractères
● Le prénom respecte une longueur minimale de 3 caractères
● Le téléphone est obligatoire et ne doit pas contenir des lettres
● Le mot de passe est obligatoire et doit respecter le standard de protection des mots de passe : Il
devrait inclure une combinaison de minuscules, majuscules, chiffres et symboles
● Ajouter un texte indicatif à chacun des champs.

Figure 2: Formulaire d'inscription

3 | Page
 Année Universitaire
2022-2023

Atelier N°1:
HTML

Figure 3: page "inscription.html"

4 | Page