HTML, CSS, Responsive - Création de pages Web

Jour 1 - Matin Les terminaux Types de terminaux (mobile, tablette, tv, liseuse...) et leur résolutionPériphériques, OS, navigateursLe marché mobile et parts de marchéStandards HTML 5, CSS 3 (API, sélecteurs...) Structure d'une page Tags principauxTags de mise en page et de styleLes éléments et leurs placements Exemple de travaux pratiques (à titre indicatif) Création d'une page Web simple Balises structurantes Blocs div et spanListesTableauxiFrames Jour 1 - Après-midi Web Forms 2 Champs de saisieListes déroulantesBouton RadioChamp DatePlaceholderSliderValidation automatique HTML 5 Balises sémantiquesAudio et vidéo Jour 2 - Matin Styles CSS Syntaxe des sélecteurs CSSPseudo-sélecteursPrincipales propriétés CSSRègles CSSFrameworks CSS Structure des éléments Le modèle de boîteEléments "block" et "inline"La propriété displayPadding, marges et bordures Positionnement La notion de fluxPositionnement Jour 2 - Après-midi CSS 3 Le modèle Flexbox Grid Layout Jour 3 - Matin Présentation des "media queries" Adaptation des CSS aux caractéristiques du terminalRègles conditionnelles (orientation, device-width...)JavaScript et les anciens navigateursRéglage complémentaire de rendu visuel (viewport) Principes de grilles fluides, fixes Conception classique versus conception selon une grilleImportance des blocs, approche contenu / contenantUnités de mesure (%, em, px), mode RetinaEviter les débordements et les points de rupture Jour 3 - Après-midi Frameworks et librairies responsives Détecter les ressources avec "Modernizr"Librairies de substitution (less, CSS 3 PIE...)Frameworks Tailwind, Bulma, Materialize, Bootstrap, Foundation, Skeleton Les fondamentaux de l'accessibilité numérique Le RGAA (Référentiel Général d'Amélioration de l'Accessibilité) : définition d'un site Web "accessible"Les outils dédiésBonnes pratiques de construction HTML des pagesLa sémantique des élémentsLes attributs fondamentaux pour l'accessibilité Certification L'examen (en français) sera passé le dernier jour, à l'issue de la formation et s'effectuera en ligneLa durée moyenne est de 1h00