Atelier Back To Basics HTML5 #2 : Réaliser un formulaire
Les ateliers Back to Basics
L’association Silex Labs vous propose une série d’ateliers pour travailler ensemble avec des outils devenus incontournables, et partager des retours d’expériences sur les bonnes pratiques d’organisation et de travail collaboratif.
Au cours de ces ateliers, nous allons découvrir les technologies (du web) utilisées pour la création de sites internet (HTML5, CSS3, Javascript, Node.js).
Lors du premier Atelier HTML de la série nous avons vu les bases théoriques et pratiques du langage (structure, Le DOCTYPE, les balises <div> <html>, Les attributs de balise) et l’importance de la sémantique. Vous pouvez retrouver les sources du premier atelier organisé le 16 février.
Pour ce second atelier on vous propose d’aller plus loin dans le HTML5 et de créer votre formulaire.
À propos de HTML5
Html 5 (Hypertext Markup Language) est un langage de base pour la création de site internet, il sert à structurer votre document. D’autres langages peuvent s’ajouter lors de la conception, mais tout les sites web contiennent du HTML. Le HTML5 vous permettra de coder votre contenu (titre, paragraphe, menu…). HTML5 désignant la version du langage HTML, elle transforme ce qui était un simple balisage pour structurer des documents en une plate-forme complète de développement d’applications. HTML5 propose en effet de nouveaux éléments, attributs et comportements mais aussi un ensemble plus large de technologies qui permettent des sites web plus variés et puissants, et des applications web.
- Au programme de cet atelier
-
Réaliser un formulaire en HTML
Les formulaires en HTML5 sont monnaies courantes sur le Web. Que ce soit au travers d’un simple formulaire de contact ou d’un processus en plusieurs étapes d’une solution de paiement en ligne, les formulaires HTML sont régis par un certain nombres de conventions qu’il est indispensable de connaître et de suivre à la lettre.
- C’est pourquoi nous verrons ensemble les points suivants
-
- Composition en HTML5 d’un formulaire dans son ensemble
-
- Balise <form> et ses attributs,
- Bouton de soumission du formulaire (submit) et ses attributs
- Bouton de remise à zéro du formulaire (reset)
- Champs obligatoires
- Labels cliquables
- Contrôle des informations lors de la soumission
- Placeholders (indices donnés à l’utilisateur pour compléter les champs)
- Les différents éléments d’un formulaire
- Balise <form> et ses attributs,
-
- Champs textes, nombres, email et mot de passe
- Champs paragraphes
- Menus déroulants et options (avec catégories ou non)
- Boutons radios
- Cases à cocher
- Champs textes, nombres, email et mot de passe
Intervenant
Cet atelier sera animé par Sourouche Bagherzadeh, Web designer et développeur front freelance spécialisé dans la création de sites internet tous domaines.
Inscription
Réservez votre lundi 14 mars de 19H à 21H et venez à l’EEMI, 12 galerie de montmartre (passage des panoramas) 75002 Paris.
Matériel
Venez avec votre ordinateur portable, si vous n’en avez pas prévenez nous pour qu’on puisse vous en trouver un.
Le tour du Web en 50 ateliers
Cet atelier entre dans le cadre du projet “Le tour du Web en 50 ateliers” qui propose des ateliers d’initiation aux métiers du numérique par la pratique pour permettre aux personnes défavorisées face à l’accès au numérique, de comprendre ce secteur et de s’initier à ses métiers.
