Web

PAO

3D

CAO

IT

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.

  • Famille Web
  • Programme en PDF
CPF

HTML5 / CSS3 est éligible au CPF

  • 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

    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)

    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 2022 et 2024 .

  • Certification
    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€

  • 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

A partir de 1400€
Obtenir un devis
  • Référence : F139
  • Nb de jours : 4
  • Nb d'heures : 28
  • Eligible au CPF : Oui
  • En présentiel :Oui
  • A distance : Oui

Tarif 2024

INTER-ENTREPRISE:
> Prochaines dates

1400€ HT

INTRA-ENTREPRISE:
+ 400€ HT par pers supplémentaire.

1700€ HT

Recrutement de formateurs

Recrutement formateurs

Nous recherchons en permanence de nouveaux talents.

Postuler en ligne

Certification qualité

Notre certification a été délivrée par l"AFNOR, nous l'avons obtenu le pour une durée de 3 ans.

Financer une formation

HTML5

Concevez vos premières pages web.

Découvrir le HTML5

Bootstrap

Vous souhaitez concevoir des designs innovants.

Découvrir le CSS