Formation HTML5 / CSS3

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.

Financer ma formation Obtenir un devis


Le programme de formation détaillé


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.

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 :

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)
  • 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)

Profil formateur :

Formateurs passionnés et expérimentés intervenant en milieu professionnel en tant qu'intégrateur et développeur.

Accueil et accès des personnes en situation de handicap :

Contacter Lambert Christophe
03 59 25 10 15
christophe.lambert@lc-formateur.com

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


Evaluation : Aucune note pour cette formation entre 2022 et 2024.

Personne à contacter :

Lambert Christophe
03 59 25 10 15
christophe.lambert@lc-formateur.com
ENI Edition
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€


Pour toute demande de financement auprès de votre OPCO ou Pôle Emploi vous aurez besoin du programme détaillé de formation.