[{"data":1,"prerenderedAt":45},["ShallowReactive",2],{"course-html-et-css-creer-des-pages-web":3,"highlight-css-body {\n  display: gr":44},{"id":4,"name":5,"slug":6,"location":7,"targetAudienceFormatMarkdown":8,"prerequisitesFormatMarkdown":9,"objectivesFormatMarkdown":10,"descriptionFormatMarkdown":11,"teachingMethodsFormatMarkdown":12,"teachingResourcesFormatMarkdown":13,"evaluationMethodsFormatMarkdown":14,"accessibilityFormatMarkdown":15,"accessMethodsFormatMarkdown":16,"minimumParticipants":7,"maximumParticipants":7,"duration":17,"reference":18,"trainerType":7,"updated_at":19,"created_at":20,"price":21,"organizationMode":22,"theme":25,"code":29,"tags":34,"metadata":35},"/api/courses/0b644d11-b298-11f1-a993-d8ca06000363","HTML et CSS : créer des pages web","html-et-css-creer-des-pages-web",null,"Débutants en développement web, webmasters, rédacteurs web, intégrateurs, développeurs back souhaitant comprendre la partie visible.","Aucun prérequis en développement.","Structurer et mettre en forme des pages web responsives et conformes aux standards.","--day1--\n\n## Structure HTML\n\n-   Fonctionnement du web et du navigateur ; structure d'un document ; balises sémantiques ; liens, images, listes, tableaux.\n\n--break--\n\n## Formulaires et médias\n\n-   Champs de formulaire et types ; validation native ; attributs d'accessibilité ; images responsives ; vidéo et audio.\n\n--day2--\n\n## Bases de CSS\n\n-   Sélecteurs et spécificité ; modèle de boîte ; typographie et couleurs ; unités ; variables CSS.\n\n--break--\n\n## Mise en page moderne\n\n-   Flexbox ; CSS Grid ; positionnement ; composition d'une page complète.\n\n--day3--\n\n## Responsive et accessibilité\n\n-   Requêtes média et approche mobile d'abord ; contrastes et tailles ; navigation au clavier ; repères et libellés ; vérification avec un outil d'audit.\n\n--break--\n\n## Finaliser un site\n\n-   Organisation des fichiers et conventions ; animations et transitions simples ; performance (images, polices) ; mise en ligne ; restitution des projets.","Présentiel, distanciel, hybride","Les supports pédagogiques sont remis aux stagiaires sous format numérique et/ou papier selon les modalités de la formation.\n\nIls comprennent des supports de cours, des présentations, des fiches pratiques, des études de cas, des exercices applicatifs ainsi que des QCM d’entraînement selon la formation. (adapté au choix du formateur)\n\nLes formations s’appuient sur des moyens techniques adaptés : ordinateurs, logiciels professionnels, connexion internet, écran ou vidéoprojecteur, ainsi que des outils collaboratifs et de visioconférence pour les formations à distance.\n\nL’ensemble des supports pédagogiques est accessible pendant et après la formation afin de favoriser l’appropriation et la mise en pratique des compétences acquises.","En amont de la formation, un recueil des besoins permet de récolter des informations sur le stagiaire et ses attentes. L’évaluation se fait en cours de formation, par des études de cas ou des travaux pratiques. En fin de formation, par un questionnaire d’auto-évaluation et/ou un examen.\n\nUn suivi de qualité est effectué grâce à nos sessions en groupe restreint (entre 2 et 9 participants maximum). Le stagiaire émargera par demi-journée et recevra une attestation de formation.","Nous informons l’ensemble de nos clients et stagiaires que nous sommes dans la capacité d’adapter les sessions selon les handicaps et les situations spécifiques. Nous nous engageons à répondre à toutes vos demandes sous un délai de 48h ouvré.","Si l’une de nos formations vous intéresse, contactez-nous au +33 4 93 65 34 24 ou à l’adresse mail contact@m2g-intellect.fr. Selon votre besoin et vos attentes, nous organiserons un échange téléphonique avec le formateur pressenti afin d’adapter la formation et ses modules, puis nous vous adresserons un devis.\n\nLes dates de la formation seront à convenir sous 30 jours maximum.","21.00","L1-DEV-16","2026-09-18T09:45:10+00:00","2026-09-17T15:02:32+00:00","1880.00",{"id":23,"name":24},"/api/organization_mode_types/6","HYBRID",{"id":26,"name":27,"slug":28},"/api/themes/0ac148c3-b298-11f1-a993-d8ca06000363","Développement logiciel informatique et web","developpement-logiciel-informatique-et-web",{"id":30,"label":31,"domain":32},"/api/training_specialities/163","326 - Informatique, traitement de l’information, réseaux de transmission des données",{"label":33},"32 - Communication et information",[],{"desc-accroche":36,"Description":37,"icon-color":38,"icon-name":39,"code-langage":40,"code-snippet":41,"courte-description":42,"titre-accroche":43},"Construisez des pages sémantiques, mettez en page avec Flexbox et Grid, adaptez vos interfaces responsives à tous les écrans et appliquez les bases de l'accessibilité web.","Cette formation initie à l'intégration web telle qu'elle se pratique aujourd'hui, en s'appuyant sur les standards actuels plutôt que sur des habitudes datées. Elle aborde la structuration sémantique des pages avec HTML5 (sectionnement, formulaires, éléments multimédia), puis la mise en page avec CSS, en particulier les modèles Flexbox et Grid pour construire des mises en page complexes sans astuces de positionnement. Une part est consacrée à l'adaptation aux écrans avec les media queries et une approche mobile-first, ainsi qu'aux bases de l'accessibilité web (contrastes, hiérarchie des titres, attributs alternatifs). Les participants produisent un site complet sur plusieurs pages, intégrant l'ensemble des notions vues. Elle s'adresse aux débutants en développement web, webmasters, rédacteurs web, intégrateurs et développeurs back souhaitant comprendre la partie visible d'une application.","#E34F26","mdi:language-html5","css","body {\n  display: grid;\n  grid-template-columns: minmax(200px, 1fr) 3fr;\n  gap: 1.5rem;\n}\n\nnav ul {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.75rem;\n}\n\n@media (max-width: 640px) {\n  body {\n    grid-template-columns: 1fr;\n  }\n}","Formation d'initiation à l'intégration web : structuration sémantique HTML, mise en page avec Flexbox et Grid, responsive design et bases de l'accessibilité.","Structurez et mettez en forme des pages web responsives avec HTML et CSS, conformes aux standards actuels du web.","\u003Cpre class=\"hljs\">\u003Ccode class=\"language-css\">\u003Cspan class=\"hljs-selector-tag\">body\u003C/span> {\n  \u003Cspan class=\"hljs-attribute\">display\u003C/span>: grid;\n  \u003Cspan class=\"hljs-attribute\">grid-template-columns\u003C/span>: \u003Cspan class=\"hljs-built_in\">minmax\u003C/span>(\u003Cspan class=\"hljs-number\">200px\u003C/span>, \u003Cspan class=\"hljs-number\">1\u003C/span>fr) \u003Cspan class=\"hljs-number\">3\u003C/span>fr;\n  \u003Cspan class=\"hljs-attribute\">gap\u003C/span>: \u003Cspan class=\"hljs-number\">1.5rem\u003C/span>;\n}\n\n\u003Cspan class=\"hljs-selector-tag\">nav\u003C/span> \u003Cspan class=\"hljs-selector-tag\">ul\u003C/span> {\n  \u003Cspan class=\"hljs-attribute\">display\u003C/span>: flex;\n  \u003Cspan class=\"hljs-attribute\">flex-wrap\u003C/span>: wrap;\n  \u003Cspan class=\"hljs-attribute\">gap\u003C/span>: \u003Cspan class=\"hljs-number\">0.75rem\u003C/span>;\n}\n\n\u003Cspan class=\"hljs-keyword\">@media\u003C/span> (\u003Cspan class=\"hljs-attribute\">max-width\u003C/span>: \u003Cspan class=\"hljs-number\">640px\u003C/span>) {\n  \u003Cspan class=\"hljs-selector-tag\">body\u003C/span> {\n    \u003Cspan class=\"hljs-attribute\">grid-template-columns\u003C/span>: \u003Cspan class=\"hljs-number\">1\u003C/span>fr;\n  }\n}\u003C/code>\u003C/pre>",1789717717807]