Scribd
Importer
3 vues2 pages

TP 1 HTML & CSS

Ce TP consiste à créer un formulaire de contact pour une entreprise de services, permettant aux visiteurs de laisser leurs coordonnées et spécifier leurs demandes. Les technologies utilisées incluent HTML5, CSS3, et Flexbox ou Grid pour une interface esthétique et intuitive. La démarche proposée inclut la structuration du formulaire, l'organisation des champs, et l'ajout de styles modernes et de validations pour améliorer l'expérience utilisateur.

Transféré par

hkfranchesca1
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
3 vues2 pages

TP 1 HTML & CSS

Ce TP consiste à créer un formulaire de contact pour une entreprise de services, permettant aux visiteurs de laisser leurs coordonnées et spécifier leurs demandes. Les technologies utilisées incluent HTML5, CSS3, et Flexbox ou Grid pour une interface esthétique et intuitive. La démarche proposée inclut la structuration du formulaire, l'organisation des champs, et l'ajout de styles modernes et de validations pour améliorer l'expérience utilisateur.

Transféré par

hkfranchesca1
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

FORMATION PROGRAMMATION WEB

TP HTML & CSS : FORMULAIRE DE CONTACT POUR UNE ENTREPRISE DE


SERVICES

Ce TP sera réalisé individuellement par chaque apprenant. En cas de soucis dans la réalisation du TP,
l’apprenant devra se rapprocher de son groupe de travail et dans le cas échéant du formateur.

CONTEXTE DU TP

Ce projet consiste à créer un formulaire de contact complet pour une entreprise de services (ex : agence
immobilière, salon de coiffure, centre de remise en forme). Le formulaire doit permettre aux visiteurs de
laisser leurs coordonnées, spécifier leur demande ou leur besoin, et éventuellement de joindre des fichiers
(par exemple, des documents ou photos). L’objectif est de fournir une interface simple, intuitive et
esthétique pour faciliter la prise de contact. La conception doit respecter les bonnes pratiques en matière
d’ergonomie.

TECHNOLOGIES UTILISEES

 HTML5 : Pour créer la structure du formulaire.


 CSS3 : Pour la mise en style, les effets hover, et la validation visuelle.
 Flexbox ou Grid : Pour organiser les éléments du formulaire de façon esthétique et adaptable.
 CSS pseudo-classes (Optionnel) : Pour afficher des messages d’erreur ou de succès.

PROPOSITION DE DEMARCHE A SUIVRE

 Structurer le formulaire avec des balises <form>, <input>, <textarea>, et <button>.


 Organiser les champs avec Flexbox ou Grid pour une mise en page claire et responsive.
 Ajouter des styles modernes avec des couleurs douces, des bordures arrondies, et des effets au
survol.
 Utiliser des attributs HTML5 (required, type, placeholder) pour améliorer l’expérience utilisateur.
 (Optionnel) Ajouter des validations CSS pour afficher dans le style les erreurs ou confirmation.

Page 1|2
PROPOSITION DE MAQUETTE

Page 2|2

Vous aimerez peut-être aussi