CSS Design, créer un formulaire de contact
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO CSS Design, créer un formulaire de contact

Carl Brison
11,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Mise en place des bases HTML
Leçon 2
Mise en forme générale de la page web
Leçon 3
Positionnement du formulaire
Leçon 4
Mise en forme de la section
Leçon 5
Mise en forme des champs du formulaire
Leçon 6
Correction de bugs
Leçon 7
Pour aller plus loin

Plan détaillé du cours

Leçon 1Mise en place des bases HTML
08m57s
Leçon 2Mise en forme générale de la page web
10m16s
Leçon 3Positionnement du formulaire
07m47s
Leçon 4Mise en forme de la section
09m10s
Leçon 5Mise en forme des champs du formulaire
13m13s
Leçon 6Correction de bugs
03m10s
Leçon 7Pour aller plus loin
01m46s

Aperçus

Avis des apprenants

Détail des avis
11
Apprenants
3
Commentaires
4,7/5
Note moyenne
5/5
2
4/5
1
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 31/01/2023
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. 👨‍🎓
Carl Brison
Carl Brison
Merci beaucoup Alain ;-)
Doume56
Doume56
Publié le 05/12/2021
Un super tuto, des explications de grande clarté, et au final un très beau formulaire. Merci.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil
Alain Ennaji
Alain Ennaji
Publié le 16/09/2021
cours simple mais efficace

Vos questions sur le cours

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

Attendez ! 🤗

Accédez à plus de 1337 tutos gratuits

Notre politique de protection des données