Paris Atelier HTML5 : réalisation d'un formulaire
Le lundi 14 mars 2016 de 19h00 à 21h00.
EEMI, 12 galerie Montmartre, Paris, Île-de-France
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 Tous 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 :
- Champs textes, nombres, email et mot de passe
- Champs paragraphes
- Menus déroulants et options (avec catégories ou non)
- Boutons radios
- Cases à cocher
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.
Infos et inscriptions sur le blog de l'association Silex Labs
Informations
- Site web
- http://www.silexlabs.org/event/atelier-back-to-basics-html5-2-realiser-un-formulaire/
- Contact
- contact CHEZ silexlabs POINT org
- html html5 webdev website silexlabs eemi libre-en-fete-2016