CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML5 et CSS3 / Part 3 Créer un Formulaire en Carte Postale avec HTML et CSS

Créer un Formulaire en Carte Postale avec HTML et CSS

Formulaire
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML5 et CSS3 / Part 3
Revoir le teaser Je m'abonne
3,0
Transcription
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
3,0
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction et Objectifs

Objectifs

Les objectifs de cette vidéo sont :


- Apprendre à intégrer une image de fond dans un formulaire HTML.


- Maîtriser l'utilisation des positionnements relatifs et absolus en CSS.


- Savoir personnaliser les éléments de formulaire pour les rendre plus attrayants.

Résumé

Découvrez comment concevoir un formulaire original en carte postale en utilisant des techniques avancées de HTML et de CSS.

Description

Dans cette leçon, nous explorerons la conception d'un formulaire HTML en utilisant une image de carte postale comme arrière-plan. Nous abordons les étapes pour :


1. Préparer le fichier HTML : Structure de base avec des balises FORM, H1, et DIV.


2. Appliquer la feuille de style CSS : Définir les marges, utiliser des positionnements relatifs et absolus, ajuster la taille de l'arrière-plan et centrer le formulaire.


3. Ajouter des champs de formulaire : Champs de texte, email, et zone de texte avec personnalisation des bordures et des tailles.


Ce tutoriel offre une approche unique pour rendre vos formulaires plus attrayants visuellement tout en utilisant des techniques web standard.

Voir plus

Questions - réponses

Quelle balise HTML est principalement utilisée pour créer un formulaire ?
La balise FORM est utilisée pour délimiter un formulaire en HTML. Tous les champs et boutons de formulaire sont inclus à l'intérieur de cette balise.
Comment centrer un élément en CSS ?
Pour centrer un élément en CSS, on peut utiliser la propriété 'margin: 0 auto;' sur un élément bloc, ou pour un positionnement plus précis, utiliser 'position: absolute;' avec les propriétés 'top', 'left', 'transform'.
Pourquoi supprimer les marges par défaut du body en CSS ?
Les marges par défaut du body sont souvent supprimées pour obtenir un contrôle complet sur l'agencement de la page et éviter des espaces blancs inattendus autour du contenu.

Programme détaillé

1 commentaire
3,0
1 vote
5
4
3
2
1
Cicine
Il y a 1 year
Commentaire
Dans la séquence slide auto, pas d'explication sur le 12% du slider auto; quelle est l'origine de ce chiffre? pas d'explication me bloque. Je suis obligée d'aller voir une autre plateforme qui présente le slide auto.
Dommage.