Formation HTML5 / CSS3

HTML(HyperText Markup Language 5) est la dernière version de HTML offrant un grand nombre de possibilités pour la création de page web. CSS3 est le dernier standard du langage CSS, il est d'ailleurs une véritable révolution.

Famille Web / Digital
Programme en PDF

HTML5 / CSS3 est éligible au CPF

M'inscrire

Certificateur : ENI
1400€ HT + 240€ HT (Tarif du test CPF) = 1640€ HT, soit 1968€ TTC
Les prochaines dates
Réservez votre formation en toute sécurité avec FranceConnect +

Informations pratiques

Programme de formation
Personnalisation:
Le programme peut être modifié en fonction de vos besoins et de vos objectifs sur le contenu, la durée et les modalités.
HTML5 Jour 1 et 2

Le matériel et les logiciels Jour 1
- Ressources nécessaires
- Un éditeur de code
- Les navigateurs
Introduction Jour 1
- Les différentes versions du HTML
- Les standards du web
- Compatibilité avec les navigateurs
Structure de base d'un document HTML Jour 1
- Le doctype
- La balise HTML
- Définition de l'encodage
- La balise head
  - Les balises meta
  - La balise title
  - Insertion de CSS
- La balise body
La sémantique Jour 1
- Qu'est-ce que la sémantique ?
- Concept
Mieux structurer ses pages Jour 1
- header
- nav
- section
- article
- main
- aside
- footer
Mettre en forme du texte Jour 1
- Le formatage du texte : gras, italique, soulignement, mise en évidence …
- Les balises d'entêtes
- Les listes ordonnées
- Les listes non ordonnées
- Les listes de définition
- Les abréviations
- Les espaces insécables, les sauts de ligne ...
- Les paragraphes
Les tableaux Jour 1
- Insertions de tableaux
- Insertion, suppression de lignes et colonnes
- Fusionner des lignes et colonnes
- Fractionner des lignes et colonnes
- caption, col, colgroup, scope
Les liens hypertexte Jour 1
- Création de lien hypertexte sur du texte
- Création de lien hypertexte sur des images
- Création de lien vers messagerie
- Les attributs
Les images Jour 1
- Les formats d'images du web
- Les nouveaux formats
- Les contraintes liées aux images
- Insertion d'images
- Les attributs : alt, width, height ...
- figure, figcaption
Autres élements graphiques Jour 2
- Canvas
- SVG
Les médias Jour 2
- Insertion de vidéos
- Les formats vidéos
- Les sous-titres
- Insertion de sons
- Les formats audio
- Utilisation d'iframe (Youtube, Google maps ...)
Les formulaires Jour 2
- La balise form
- Méthode POST ou GET
- Les champs de texte
- Les zones de texte
- Les listes déroulantes
- Les boutons radio
- Les cases à cocher
- Les boutons
- Les attributs
- Les bonnes pratiques en matière de sécurité
- Les balises utiles pour l'accessibilité : labels, aria, legend, fieldset ...
L'accessibilité Jour 2
- Pourquoi rendre un site accessible ?
- Les bonnes pratiques en HTML pour l'accessibilité
- RGAA et WCAG
- Tester son site avec unlecteur d'écran comme NVDA
Les bases du référencement / SEO Jour 2
- Les balises à ne pas négliger
- La structure des pages
- La qualité du contenu
CSS Jour 3 et 4

Norme actuelle et tendance du CSS Jour 3
- Evolution du CSS
- Compatibilité dans les navigateurs
Ou placer votre code ?
- Dans une feuille de style externe
- Dans un document
- Dans un style intégré
- Avantages et inconvénients des différentes méthodes
Mettre en forme à l'aide de CSS Jour 3
- Principe des styles
- Créer des règles de style
- Bonnes pratiques pour structurer le CSS
Les sélecteurs CSS Jour 3
- Les sélecteurs de type
- Les sélecteurs de classe
- Les sélecteurs d'identifiant
- Le sélecteur universel
- Les sélecteurs d'attribut
- Les combinateurs
- Les pseudo-classes
- Les pseudo-éléments
Les bases du CSS Jour 3
- La gestion du texte, polices, couleur, taille, mise en évidence ...
- Les arrière-plans
- Les blocs
- Les boites
- Les unités : em, rem, vh, vw, px
- Les bordures
- Les listes
- Le positionnement (absolu, relatif, fixe ...)
Le CSS3 Jour 4
- Les couleurs(RGB, RGBA), les dégradés, l'opacité
- Les arrière-plans multiples, ajustement au conteneur
- Les ombres et effets d'ombres
- Les bordures et les coins arrondis
- Utilisation de polices personnalisées
- Les transformations
- Les transitions
- Les animations
Gestion des colonnes Jour 4
- Ancienne méthode : float
- Les méthodes récentes : grid, column, flex
- Les avantages et inconvénients, la compatibilité avec les navigateurs
Responsive Web Design (RWD) Jour 4
- Adaptation aux périphériques
- Les media Queries
- Les frameworks: Bootstrap, foundation, Materialize
Formation ajoutée le 01/01/2015, mise à jour le 20/02/2023.
Pour qui ?

Pré-requis
Connaissances de base de l'environnement Windows, Mac ou Linux.
Public
Développeurs front-end, webmasters, ou novices souhaitant découvrir les langages HTML5 et CSS3.
Objectifs, moyens, modalités, sanction
Objectifs :
Créer des pages web avec HTML5, les mettre en forme à l'aide du CSS3, les rendre accessibles et responsives.

Moyens pédagogiques :

Un PC par personne, le formateur diffuse son écran sur un vidéo-projecteur ou télévision grand écran
Un groupe de maximum 5 personnes en inter-entreprise.
En distanciel : Utilisation de Zoom ou Teams avec partage d'écran, chat, audio et vidéo en temps réel.
Exposé théorique, suivi d'une mise en pratique.

Moyens pour suivre l’exécution de l’action :
- La présence du stagiaire est vérifiée par le formateur à l'aide d'une feuille de présence signée par demi-journées
Moyens pour en apprécier les résultats :
- A la fin de la formation, le stagiaire complète une évaluation à chaud (Permettant d'évaluer la qualité de la prestation)
- Puis, il complète avec le formateur une évaluation des acquis (Permettant de déterminer les points acquis, non acquis ou en cours d'acquisition)
- Dans le cadre du CPF, le stagiaire passe un test sur la plateforme de l'éditeur (ENI EDITION) et reçoit une attestation mentionnant le résultat obtenu
- Quelques mois après la formation, le donneur d'ordre complète une évaluation à froid (Permettant de s'assurer que la formation a pu être mise en pratique)
Sanction de la formation :
- A la fin de la formation le stagiaire reçoit une attestation de formation reprenant l’intitulé de la formation, les dates et le nombre d’heures réalisé.
- Dans le cadre du CPF, en fin de formation, le participant reçoit un certificat de l'éditeur de la certification (ENI EDITION)
Délai d'accès :

En intra-entreprise : En fonction de vos disponibilités et celles de nos formateurs.
En inter-entreprise : En fonction des sessions que nous avons programmé, consultable en cliquant ici

Personne à contacter / personne en charge de l'accueil et de l'accès des personnes en situation de handicap :
Contacter Lambert Christophe
03 59 25 10 15
christophe.lambert@lc-formateur.com
Profil formateur :
Formateurs passionnés et expérimentés intervenant en milieu professionnel en tant qu'intégrateur et développeur.
Evaluation, avis ...

Evaluation : Aucune note pour cette formation entre 2023 et 2025 .
Certification

ENI Editions
2a Rue Benjamin Franklin
44800 Saint-Herblain
Tél : 02 51 80 15 15
www.certifications-eni.com

Éditions ENI, une maison d'édition de livres d'informatique ayant son siège à Saint-Herblain, secteur éditorial de ENI Groupe qui comprend aussi ENI Service (Formations) et ENI Ecole Informatique. Depuis quelques années ENI édition propose des certifications éligibles au CPF en bureautique et en informatique.
Ces certifications sont inscrites au Répertoire Spécifique de France Compétences

Tarif HT : 240€
Comment financer ma formation ?

Vous ne savez pas comment financer votre formation ?. Vous êtes salarié, travailleur non salarié (TNS), commerçant, artisan, profession libérale. Suivez le guide...

Trouver mon financement