Laboratoire 2: HTML (Suite)

Exercice 1:

Créez une page web qui contient un formulaire d'inscription avec des champs pour le nom, l'adresse e-mail, le mot de passe et une case à cocher pour accepter les termes et conditions. Ajoutez également des boutons pour soumettre le formulaire et pour réinitialiser les champs.

Exercice 2:

Créez une page web qui affiche une galerie d'images. Les images doivent être organisées en une grille avec un nombre défini de colonnes et de lignes. Lorsque l'utilisateur clique sur une image, elle doit s'agrandir et s'afficher en plein écran avec une légende.

Matériel fourni

Exercice 3:

Créez une page web qui utilise des tableaux pour afficher des données. Les tableaux doivent contenir des informations sur des produits, telles que leur nom, leur prix et leur disponibilité. Ajoutez des boutons pour trier les données en fonction de différents critères, tels que le nom ou le prix.

Matériel fourni

Exercice 4:

Créez une page web qui utilise des éléments de formulaire avancés, tels que des menus déroulants, des cases à cocher et des boutons radio, pour permettre à l'utilisateur de filtrer et de trier les données.

Important: Il n'est pas demandé de réaliser le filtrage ici. Tout ce qui est demandé est d'afficher les boutons/contrôles permettant de déclencher le filtrage à un moment donné (i.e. lorsqu'on aura vu le javascript)

Exercice 5:

Créez une page web qui utilise des cartes (cards)pour afficher des informations sur différents lieux. Les cartes doivent contenir des images, des descriptions et des informations de localisation. Ajoutez également des boutons pour permettre à l'utilisateur de filtrer les lieux en fonction de leur catégorie, telle que la nourriture, les activités ou l'hébergement. Il faut inclure le CSS fourni et, pour créer des cartes, utiliser des "div" auxquels vous associerez la classe "card".

Note: Pour inclure un fichier CSS à votre document HTML, vous devez utiliser la balise link que vous positionnez comme enfant de la balise head. L'exemple ci-dessous ajoute le fichier CSS "fichier.css" à votre document qui doit se trouver dans le même dossier que votre fichier HTML.

<link rel="stylesheet" href="./fichier.css" />
Matériel fourni