11,00

Tuto CSS Design, créer un formulaire de contact avec CSS, HTML

11,00

  • Une formation vidéo de 54m19s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
CSS Design, créer un formulaire de contact

ajouter ce cours aux favoris retirer ce cours des favoris

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



Formateur : Carl Brison

Carl Brison a publié 241 tutoriels et obtenu une note moyenne de 4,9/5 sur 15 840 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

4,5
note moyenne

2
avis laissés
5 étoiles
1
4 étoiles
1
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de doume56 laissé le 05/12/2021
    Un super tuto, des explications de grande clarté, et au final un très beau formulaire. Merci.
    "Merci beaucoup pour votre commentaire très gentil "

  • 4
    avis de membre-8802-6435 laissé le 16/09/2021
    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
Parcours Developpeur Front End
accédez à plus de 1385 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données