HTML 5 Niveau 3 (technologie GRID)
Cette formation doit permettre aux stagiaires de concevoir et réaliser une mise en page responsive attractive et fonctionnelle en utilisant la technologie GRID, spécifiquement et entièrement développée par le W3C à cette fin.
Référence | 100770 |
---|---|
Durée | 3 jours |
Type | Formation présentielle |
Publics éligibles | Administration Centrale et services déconcentrés MEFSIN |
Niveau | Perfectionnement |
Public
Tout public.
Prérequis
Avoir une connaissance suffisante de la technologie « Flexbox »
Recommandé : avoir suivi la formation HTML niveau 2 (stage 7365).
Compétences ciblées
Apprendre les techniques du Responsive Web Design.
Acquérir la mise en forme des pages Web.
Savoir créer des interfaces graphiques et ergonomiques pour le Web.
Concevoir et structurer une grille.
Profil intervenant-e-s
Expert en langage HTML, XML.
Maîtrise des langages du Web.
Capacité à écouter, communiquer et transmettre les connaissances.
Programme de formation
Mettre en place les outils et rappeler les bases du responsive design
• Mise en place et configuration des outils
• Rappel et réactivation succincte de la technologie Flexbox
• TP : Une structure de page d’accueil sémantique
Présenter la grille GRID
• Conception d’une grille de mise en page
• Vocabulaire de grille
• Mise en page simple en grille
• Initiation à l’outil de grille du navigateur
Structurer la grille
• Conteneur de grille
• Déclaration des lignes et des colonnes
• Syntaxe raccourcie
• Conteneur de grille
• Déclaration des lignes et des colonnes
• Utilisation des unités de fraction
• Utilisation des valeurs répétées, maximales, minimales
• Insertion de gouttières
• Remplissage interne du conteneur GRID
Positionner dans la grille
• Positionnement automatique des éléments dans la grille
• Placement des éléments sur les lignes
• Exploitation des numéros de lignes
• Nommage des lignes et des zones de grille
Gérer les éléments enfants dans la grille
• Modification de l’ordre des enfants dans la grille
• Alignement des cellules dans la grille
• Alignement des enfants dans la grille
Construire une mise en page responsive avec des grilles
• Mise en page responsive
• Mise en page avec deux grilles imbriquées
• Construction d’une galerie d’images fluide
• Mise en page fluide avec des cartes
• Mise en page fluide avec fusion des cellules.
Méthodes pédagogiques et d'évaluation
Alternance d'exposés théoriques et d'exercices pratiques. Auto-évaluation à chaud des acquis.
Informations
- pour les formations catalogue, auprès de votre conseiller formation ou, le cas échéant, auprès de votre chargé(e) de clientèle à l'IGPDE ou par saisine en ligne
- pour les préparations aux concours, auprès de l'IGPDE ou par saisine en ligne
Le numéro de téléphone pour joindre l’IGPDE est le 01 84 80 00 02.
Inscription
Aux formations
- pour les agents du Ministère des Finances (MEFSIN) : formulaire en ligne dans votre espace Bagheera ou le cas échéant, contactez votre conseiller formation
- pour les agents hors Ministère des Finances (MEFSIN) : compléter le bulletin d’inscription en cliquant ici : https://www.economie.gouv.fr/igpde/formations-informations-pratiques et transmettez le à votre conseiller formation.
Aux événements/séminaires
- pour tous : créez votre compte et inscrivez-vous en cliquant sur "Ajouter au panier".