CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML 5 - Les fondamentaux

Création de la Page Contact et Tarifs d'un Site

Retour à la formation
Chapitre 35 Leçon 4
Précédent
Suivant

Découvrez comment structurer la page de contact et tarifs de votre site web, incluant la configuration des tarifs et la mise en place d'un formulaire de réservation.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons aborder la construction de la page contact et tarifs de notre site web. Nous débuterons par l'intégration de la structure HTML en reprenant l'entête du site précédemment créé. Ensuite, nous ajouterons une section dédiée aux tarifs en utilisant des balises h2 et des div pour permettre une mise en forme CSS ultérieure. Chaque tarif sera accompagné d'un titre de niveau 3 et d'un paragraphe comprenant des spans pour le prix.

Nous continuerons avec la création d'un formulaire de réservation. Ce formulaire comprendra des champs pour le nom, le prénom, l'email, et le téléphone, ainsi qu'un menu select pour déterminer la nature de la demande (saut en tandem, saut d'initiation, stage pack, ou autre demande). Enfin, une zone de texte permettra d'ajouter un message personnalisé, et le formulaire se clôturera par un bouton de soumission.

Nous veillerons à la conformité du code en utilisant le validateur W3C pour garantir que notre page respecte les normes HTML en vigueur.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de vous apprendre à :

  • Structurer une section tarifaire avec HTML et CSS.
  • Créer un formulaire de réservation conforme aux standards W3C.
  • Utiliser des balises HTML efficaces pour une bonne mise en forme et accessibilité.

Prérequis pour cette leçon

Pour suivre cette vidéo, vous devez posséder des connaissances de base en HTML et CSS.

Métiers concernés

Les compétences abordées dans cette vidéo sont utiles pour les métiers suivants :

  • Développeur web.
  • Intégrateur HTML/CSS.
  • Concepteur de site web.

Alternatives et ressources

En alternative, vous pouvez utiliser des constructeurs de site web comme WordPress ou Wix qui proposent des modules de formulaire et de tarifs intégrés.

Questions & Réponses

Un menu select permet de proposer plusieurs options prédéfinies, facilitant ainsi le choix pour l'utilisateur et garantissant des réponses uniformes.
Le validateur W3C permet de s'assurer que votre code HTML est conforme aux standards, garantissant ainsi une meilleure compatibilité et accessibilité du site.
Pour structurer la section tarifaire, nous utilisons des balises h2 pour les titres, des div pour les conteneurs, et des h3 pour les sous-titres. Les paragraphes contiennent des spans pour les prix.