CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Création de la Page Contacts sur un Site Web

Création de la Page Contacts sur un Site Web

Le formulaire
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre CSS 3
Revoir le teaser Je m'abonne
4,5
Transcription
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,5
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Structure et Contenu de la Page Contacts

Objectifs

À la fin de cette vidéo, vous serez capable de :
- Structurer une page de contacts
- Créer et styliser un formulaire de contact
- Insérer et personnaliser une carte Google Map
- Assurer la conformité avec les réglementations RGPD

Résumé

Apprenez comment structurer et développer une page de contacts efficace incluant des éléments tels qu'un formulaire et une carte Google Map.

Description

Dans cette leçon, nous allons vous guider à travers le processus de création et de personnalisation d'une page de contacts pour un site web. Nous commencerons par la configuration de la bannière et des deux colonnes de contenu, l'une contenant un formulaire de contact et l'autre des informations supplémentaires telles qu'un Google Map et des détails sur les cours de cuisine.

Vous apprendrez à ajuster et à styliser les différents éléments du formulaire, y compris les champs de texte, les labels, et les champs de confirmation comme les cases à cocher pour l'acceptation des politiques de confidentialité. De plus, nous aborderons l'insertion d'un iframe Google Map, les optimisations nécessaires pour s'assurer que le contenu se présente correctement dans toutes les configurations d'affichage et proportions de colonnes flexibles.

Voir plus

Questions - réponses

Comment centrer les éléments à l'intérieur d'une div dans une page contacts?
Vous pouvez utiliser une classe CSS wrap appliquée à la div contenant les éléments, et définir des propriétés de flexbox pour centrer les éléments horizontalement et verticalement.
Quel est l'intérêt de réinitialiser la taille d'un élément inline-block?
Réinitialiser la taille d'un élément inline-block permet de s'assurer qu'il épouse les dimensions de son contenu sans héritage de tailles indésirables, et ainsi, d'améliorer la précision de l'affichage.
Pourquoi est-il important de respecter les règles de RGPD dans un formulaire de contacts?
Respecter les règles de RGPD est crucial pour protéger les données des utilisateurs, garantir leur consentement éclairé, et éviter des sanctions légales. Un formulaire doit informer les utilisateurs de l'usage de leurs données et obtenir leur accord.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
pierre.hiroux
Il y a 5 months
Commentaire
La formation est divisée en 90 modules sans lien entre eux et sans progression pédagogique. Il faut les réorganiser par thème pour donner plus de cohérence et donner de la progression pédagogique à la formation. Multiples fautes d'orthographe dans les textes.
henridjithat
Il y a 1 year
Commentaire
Très bonne formation, étant débutant j'ai beaucoup appris.
yvan.vogel
Il y a 2 years
Commentaire
J'en suis arrivé au bout.. Un vrai marathon. Très longue formation, à mon avis c'est plutôt 30h de cours et non pas 15h.
Après c'est une formation hyper claire et détaillée. L'auteur a fait un panorama complêt sur le CSS3.
g.vanleynseele
Il y a 3 years
Commentaire
Cours très clair et très bien expliqué! Par contre il manque la moitié des fichiers de travail !