Scribd
Importer
160 vues4 pages

TP1: Formulaire HTML Et CSS Matière: Classes: Enseignante: Date

Le document présente un TP sur la création de formulaires HTML et CSS pour un cours de développement web. Il contient quatre exercices, dont la reproduction d'un formulaire d'inscription, l'application de styles spécifiques et l'utilisation de divers éléments HTML. Les étudiants doivent respecter des critères de design et d'alignement tout en intégrant des fonctionnalités interactives.

Transféré par

yosri baati
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
160 vues4 pages

TP1: Formulaire HTML Et CSS Matière: Classes: Enseignante: Date

Le document présente un TP sur la création de formulaires HTML et CSS pour un cours de développement web. Il contient quatre exercices, dont la reproduction d'un formulaire d'inscription, l'application de styles spécifiques et l'utilisation de divers éléments HTML. Les étudiants doivent respecter des critères de design et d'alignement tout en intégrant des fonctionnalités interactives.

Transféré par

yosri baati
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Institut Supérieure des Sciences Appliquées et de Technologie de

Sousse

TP1: Formulaire HTML et CSS

Matière: Développement web Classes: LSI-A2

Enseignante: Dr. Ikbel Sayahi Date: Février2025

Exercice1:
À l’aide des éléments et attributs HTML suivants:
fieldset, date, radio, select, textarea, url, label, legend, mail, text, submit, optgroup, label,..
Reproduire le formulaire suivant 5

Exercice2:
L'objectif de cet exercice est de créer un formulaire d'inscription qui comporte les champs: nom, prénom,
email, login, mot de passe (à deux reprises) et un bouton d'envoie. On fera en sorte d'entourer notre

Développement web 1/4 Ikbel Sayahi


Institut Supérieure des Sciences Appliquées et de Technologie de
Sousse

formulaire par un cadre (fieldset ou autre objet). Le plus important c'est de réussir un design sobre mais
agréable.
Voici quelques points qu'il faut respecter :
1. Les textes et les champs de formulaires sont alignés verticalement.
2. Le fond est un dégradé du gris.
3. Les champs actifs (sélectionnés pour la saisie) changent de couleur d'arrière-plan.

Exercice3:
A l'aide de vos connaissances et du cours, vous devez reproduire le plus fidèlement possible le formulaire
suivant :

Développement web 2/4 Ikbel Sayahi


Institut Supérieure des Sciences Appliquées et de Technologie de
Sousse

La liste déroulante pour les classes sera comme indiquée sur la photo ci-après :

Les boutons doivent changer de couleur lorsque la souris les survols.

Exercice4:
Ecrivez le code HTML et CSS permettant de dessiner l’interface ci-dessous :

Développement web 3/4 Ikbel Sayahi


Institut Supérieure des Sciences Appliquées et de Technologie de
Sousse

Développement web 4/4 Ikbel Sayahi

Vous aimerez peut-être aussi