Créer et mettre en forme des pages web (HTML5 et CSS3)

Objectifs pédagogiques

• Maîtriser les bases de HTML5.
• Faire de la mise en forme avec CSS3.
• Utiliser des fonctionnalités avancées de HTML et CSS.
• Agencer le contenu des pages.

Contenu de la formation

• Les terminaux
• Types de terminaux (mobile, tablette, tv, liseuse...) et leur résolution
• Périphériques, OS, navigateurs
• Le marché mobile et parts de marché
• Standards HTML, HTML 5, CSS 3 (API, sélecteurs...)
• Structure d'une page
• Tags principaux
• Simplification avec HTML 5
• Les éléments et leurs placements
• Balises structurantes
• Blocs div et span
• Listes
• Tableaux
• iFrames
• Web Forms 2
• Champs de saisie
• Listes déroulantes
• Bouton Radio
• Champ Date
• Placeholder
• Slider
• Validation automatique
• HTML 5
• Balises sémantiques
• Audio et vidéo
• Styles CSS
• Syntaxe des sélecteurs CSS
• Pseudo-sélecteurs
• Principales propriétés CSS
• Règles CSS
• Frameworks CSS
• Structure des éléments
• Le modèle de boîte
• Eléments "block" et "inline"
• La propriété display
• Padding, marges et bordures
• CSS 3
• Nouveaux sélecteurs
• Fonts, couleurs et bordures
• Positionnement en colonnes
• Présentation des "media queries"
• Présentation des "media queries"
• Adaptation des CSS aux caractéristiques du terminal
• Règles conditionnelles (orientation, device-width...)
• JavaScript et les anciens navigateurs
• Réglage complémentaire de rendu visuel (viewport)
• Principes de grilles fluides, fixes
• Conception classique versus conception selon une grille
• Importance des blocs, approche contenu / contenant Unités de mesure (%, em, px), mode Retina
• Eviter les débordements et les points de rupture
• Principe des box, layout avec CSS 3
• Frameworks et librairies responsives
• Détecter les ressources avec "Modernizr"
• Librairies de substitution (less, CSS 3 PIE...)
• Frameworks CSS 960 Grid, HTML 5 Boilerplate, Bootstrap, Foundation, Skeleton, 320
• 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és
• Bonnes pratiques de construction HTML des pages
• La sémantique des éléments
• Les attributs fondamentaux pour l'accessibilité

Suivi de l'exécution et évaluation des résultats

• Formulaires de pré évaluation de la formation
• Mise en relation avec le formateur
• Quiz
• TP à réaliser
• Passage de la certification
• Satisfaction à chaud J+1
• Satisfaction à froid J+30
• Rapport qualité de la formation

Diplôme visé par la formation

Créer et mettre en forme des pages web (HTML5 et CSS3) - Certification (dont CQP) ou habilitation enregistrée au répertoire spécifique (RS)

Créer et mettre en forme des pages web (HTML5 et CSS3)

À la fin de l’évaluation, le candidat se voit attribuer un score de 0 à 1000. La certification est obtenue si le candidat obtient 700 points minimum sur 1000. Un cas pratique vaut dix fois plus de points qu’une question de type QCM/QCU. Un candidat ne peut donc pas obtenir sa certification uniquement avec les questions de type QCM/QCU.

Code(s) NSF : 326 : Informatique, traitement de l'information, réseaux de transmission Formacode(s) : 31090 : Programmation web 46270 : Création site internet 30801 : Langage CSS 30857 : Langage HTML Date d’échéance de l’enregistrement : 25-01-2026