Au programme de notre formation
Durée
14h sur 2 jours
Tarif
990€
Public cible
Webmasters, concepteurs Web, développeurs, chefs de projets techniques ou toute personne impliquée dans la conception, le développement ou la mise en forme de pages Web modernes et responsives.
Modalité
Sur place
Prérequis
Savoir utiliser un environnement informatique courant (ordinateur, système d'exploitation, navigation sur Internet).
Certifications et reconnaissances
Qualiopi
Les points forts de la formation
Couverture nationale : Partout en France, sur site ou à distance.
Chaque session est maintenue dès le premier stagiaire inscrit.
Écoute attentive, formation adaptée à vos besoins.
Programme
✔ Salarié en poste, Entreprises
NON PRISE EN CHARGE :
✗ Demandeur d'emploi, Étudiant, Formation non éligible au CPF
JOUR 1
Matin : Introduction au HTML 5 et CSS 3
Structuration d'une page Web avec HTML 5 et les balises sémantiques : header, nav, section, article, footer.
Création d'un formulaire avec Web Forms 2 : champs de saisie, listes déroulantes, boutons radio, champ Date.
Définir et tester les balises HTML 5 : audio, vidéo, et autres éléments multimédia.
Premiers pas avec CSS : sélecteurs, propriétés de mise en forme (padding, marges, bordures), et introduction aux media queries.
Exemple de travaux pratiques : Création d'une page Web simple avec HTML 5 et ajout de styles CSS.
Après-midi : Mise en forme et frameworks CSS
Introduction aux frameworks CSS : Bootstrap et Foundation.
Mise en forme d'un formulaire et d'un tableau avec Bootstrap.
Positionnement des éléments : block, inline, flex, et positionnement absolu et relatif.
Exemple de travaux pratiques : Création d'un formulaire de saisie avec validation automatique et mise en forme de tableau.
JOUR 2
Matin : Responsive Design et Media Queries
Approfondir l'utilisation des media queries pour adapter la mise en page aux différentes tailles d'écran : mobile, tablette, desktop.
Mise en place d'une grille fluide avec CSS 3 et test de grilles responsives (types fixes et fluides).
Travailler avec les outils de visualisation : utilisation de Flexbox et autres méthodes pour la gestion des blocs.
Exemple de travaux pratiques : Création d'une page responsive et ajustement selon les points de rupture avec les media queries.
Après-midi : Frameworks responsives et bonnes pratiques d'accessibilité
Détection des ressources avec Modernizr et utilisation de CSS 3 PIE pour la compatibilité avec les navigateurs anciens.
Bonnes pratiques de construction HTML : améliorer l'accessibilité selon les standards RGAA (Référentiel Général d'Amélioration de l'Accessibilité Numérique).
Travail avec les frameworks responsives : Installation et test de Bootstrap.
Exemple de travaux pratiques : Adaptation des pages pour l'accessibilité et tests de mise en forme pour différentes tailles d'écran.
Le centre de formation
Pages web modernes : créer avec HTML5, CSS3 et responsive design | Sessions partout en France
Formasio
Formasio | « Libérons le potentiel de vos collaborateurs »
Formasio est un organisme de formation professionnelle spécialisé dans la formation intra-entreprise et sur mesure.
Notre approche part d’un principe simple : une formation est réellement efficace lorsqu’elle répond aux situations, aux métiers et aux enjeux concrets de l’entreprise.
C’est pourquoi nous construisons nos interventions à partir de vos besoins, de votre organisation et du niveau de vos collaborateurs. Les contenus, les exemples, les exercices et les mises en situation peuvent être adaptés à votre environnement professionnel afin de favoriser une mise en pratique rapide des compétences acquises.
Des formations conçues pour votre entreprise
Former plusieurs collaborateurs ne consiste pas simplement à transposer une formation standard dans vos locaux. L’intra-entreprise permet de travailler sur des problématiques communes, d’harmoniser les pratiques et de développer des compétences directement utiles à l’organisation.
Avant la formation, nous analysons votre besoin afin d’identifier les objectifs pédagogiques et opérationnels attendus. Cette démarche nous permet de proposer un parcours cohérent avec votre secteur d’activité, les fonctions concernées et les situations rencontrées par vos équipes.
Notre pédagogie privilégie les cas concrets, exercices pratiques, mises en situation, échanges d’expérience et outils directement transposables au poste de travail.
Un catalogue au service des compétences de l’entreprise
Formasio intervient dans de nombreux domaines essentiels au fonctionnement et à l’évolution des organisations : management et ressources humaines, commerce et vente, relation client, achats, qualité, santé et sécurité au travail, QVCT et RSE, comptabilité et finance, intelligence artificielle appliquée aux métiers, digital et transformation numérique, informatique et systèmes d’information, bureautique ainsi que PAO/CAO.
Cette approche transversale nous permet également de construire des parcours associant plusieurs compétences lorsque les besoins de l'entreprise dépassent une seule thématique.
Des experts issus du terrain
Nous sélectionnons des formateurs et formatrices disposant d’une expertise métier et d’une expérience professionnelle concrète dans les domaines qu’ils enseignent.
Au-delà de la transmission de connaissances, nos intervenants accompagnent les participants dans la compréhension et l’application des méthodes à leur propre environnement professionnel.
L’objectif n’est pas seulement de savoir, mais de savoir faire, savoir agir et pouvoir réutiliser les acquis après la formation.
Présentiel, distanciel et parcours sur mesure
Nos formations sont principalement conçues pour répondre aux besoins des entreprises en intra-entreprise. Selon la thématique et les objectifs pédagogiques, elles peuvent être organisées en présentiel ou à distance.
Durée, programme, niveau, exercices et modalités pédagogiques peuvent être ajustés afin de construire une formation adaptée à votre projet et à vos équipes.
Pourquoi choisir Formasio ?
Choisir Formasio, c’est privilégier une formation professionnelle qui ne part pas uniquement d’un programme catalogue, mais de votre besoin réel.
Notre ambition est de créer les conditions d’une montée en compétences concrète et durable, en rapprochant l’expertise du formateur des réalités quotidiennes de vos collaborateurs.
Vous avez identifié un besoin de formation ou vous souhaitez être accompagné pour le définir ? Formasio construit avec vous une réponse adaptée à votre entreprise, à vos équipes et à vos objectifs.
Découvrir le centre de formation
Objectifs
Créer des formulaires Web avec Web Forms 2 et travailler avec les balises sémantiques d'HTML 5.
Utiliser les frameworks CSS pour un développement responsive.
Exploiter les 'media queries' pour adapter les pages Web aux différentes tailles d'écran.
Appliquer les concepts de conception responsive pour une meilleure expérience utilisateur.
Observations
Notre approche pédagogique repose sur une alternance entre apports théoriques opérationnels et mises en pratique directement issues du contexte professionnel des participants.
Chaque thème traité s'appuie sur des études de cas concrets et des exercices pratiques, conçus spécifiquement à partir des situations réelles rencontrées dans l'environnement professionnel des stagiaires.
Nos méthodes favorisent l'adaptation aux besoins de chaque participant afin d'optimiser leur engagement et leur apprentissage.
L'animation privilégie une pédagogie active, favorisant les échanges, l'analyse réflexive des pratiques et une adaptation continue aux réalités professionnelles des participants.
Moyens et supports pédagogiques
Des supports pédagogiques numériques adaptés au contexte professionnel sont remis aux participants.
Des dispositifs pédagogiques variés sont mobilisés tout au long de la formation (études de cas, exercices pratiques, travaux en sous-groupes, mises en situation, jeux pédagogiques) favorisant l'apprentissage actif, collaboratif et l'appropriation des contenus.
Modalités d’évaluation
Un QCM est réalisé en début et en fin de formation afin d'évaluer l'évolution des connaissances.
Le suivi des stagiaires est assuré tout au long de la formation à travers des ateliers pratiques, des mises en situation et des échanges permettant d'évaluer leur participation et leur progression.
Une attestation individuelle de formation sera remise à chaque participant à l'issue de la formation.
Accessibilité et situation de handicap
Si vous êtes en situation de handicap, ou si vous rencontrez une difficulté pouvant impacter votre participation à la formation, n'hésitez pas à nous contacter.
Nous étudierons ensemble les aménagements ou adaptations pédagogiques, matérielles ou organisationnelles à mettre en place afin de vous accompagner dans les meilleures conditions.
Pages web modernes : créer avec HTML5, CSS3 et responsive design | Sessions partout en France
Formasio
S'informer Contactez un conseiller
S'informer
Signaler un problème