Dans ce tuto vidéo, je vous propose de réaliser un formulaire de contact tendance et design que vous pourrez utiliser pour vos clients, pour vous-même ou bien en guise de book de présentation.
Pour cela, nous allons utiliser le langage CSS afin de mettre en forme le code HTML qui constituera notre formulaire.
Ici, l'idée sera de jouer avec les opacités afin de faire apparaître de la transparence au niveau de notre formulaire.
Notre écran sera coupé en deux couleurs dans le sens de la hauteur (voila une petite prouesse technique intéressante à découvrir !)
Notre page web sera 100% responsive. Cela signifie qu'elle s'adaptera automatiquement à la largeur de l'écran qui viendra la visiter.
Au niveau des champs de formulaires ainsi que du textarea, nous jouerons d'une petite astuce CSS qui nous permettra de mettre en place un trompe l'oeil, ceci dans le but d'améliorer l'expérience utilisateur.
Je propose un autre cours sur le design de formulaire et un autre pour devenir incollable sur Flexbox
Table des matières de cette formation CSS, HTML (durée : 54m19s)
-
- Mise en place des bases HTML gratuit 00:08:57
- Mise en forme générale de la page web 00:10:16
- Positionnement du formulaire 00:07:47
- Mise en forme de la section 00:09:10
- Mise en forme des champs du formulaire 00:13:13
- Correction de bugs 00:03:10
- Pour aller plus loin 00:01:46
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Merci Carl pour ce second formulaire design. Cours clair et pédagogique. Le rendu est vraiment super. Validé 100 % formulaire#2. Le tout, dans la bonne humeur. 👨🎓
-
Un super tuto, des explications de grande clarté, et au final un très beau formulaire. Merci.
-
Cours simple mais efficace
-
Avec quelles versions de logiciels ce tuto est-il compatible ?CSS , HTML
-
Que contient le fichier source ?Le code source de ce tutoriel.
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés