Formation HTML5 et CSS3 pour les designers et intégrateurs

Mise à jour vers HTML5, CSS3, CSS GRid

4.8 sur 5 étoiles

5 étoiles
83%
4 étoiles
16%
3 étoiles
0%
2 étoiles
0%
1 étoile
0%
Voir les 6 avis
(6 avis)
Durée 2 jours
Niveau Intermédiaire
Classe à distance
Possible

Vous pouvez suivre cette formation en direct depuis votre domicile ou votre lieu de travail. Plus d'informations sur notre solution de classe à distance...

Référence IH5W
Éligible CPF Non
Certification AVIT by ENI - Développement de sites web avec le langage de balises HTML et des feuilles de styles CSS

Cette formation HTML5 et CSS3 est destinée aux designers et intégrateurs qui souhaitent mettre à jour leurs connaissances pour créer des sites Internet à la pointe des technologies du web, adaptés aux différents supports : mobiles, tablettes, etc. (responsive design). Au cours de ces 2 jours de formation intensive, nous aborderons ensemble les nouveautés apportées conjointement par le HTML5 et le CSS3.

Objectif opérationnel :

Savoir maîtriser les nouveautés apportées conjointement par le HTML5 et le CSS3.

Objectifs pédagogiques :

À l'issue de cette formation HTML5 et CSS3 vous aurez acquis les connaissances et compétences nécessaires pour :

  • Utiliser dès maintenant les nouveautés du web, en restant rétro-compatible
  • Tirer parti des nouveautés, et ainsi alléger les besoins en JavaScript
  • Faire de la vidéo, du son et des animations, sans Flash
  • Faire du graphisme avancé et certaines images, sans Photoshop
  • Améliorer le référencement dans les moteurs de recherche
  • Adapter l'affichage des versions mobile / tablette (responsive design)
  • Maîtriser la mise en page avec des conseils efficaces pour le rendu et la maintenance
  • Utiliser les bons outils pour travailler dans une approche professionnelle
  • Créer des mises en page avec les CSS Grid

Public :

Cette formation HTML5 s'adresse aux designers et intégrateurs.

Prérequis :

Bonne connaissance de HTML et CSS.

Présentation des technologies (HTML5)

HTML5, standards et (rétro-)compatibilité
Navigateurs et outils de travail (Modernizr, etc.)
HTML5 vs Flash ?
Sémantique, référencement et accessibilité en HTML5
DOCTYPE, encodage, règles de syntaxe
Les nouvelles balises sémantiques
Micro-formats et micro-données
Quels impacts du HTML5 sur le référencement ?

HTML5 Forms (Web Forms)

Vue d’ensemble des formulaires nouvelle génération
Les nouveaux éléments (progress, meter, datalist, keygen, output)
Nouveaux types de champs (tel, url, email, search, number, etc.)
Nouveaux attributs (autofocus, placeholder, form, required, etc.)
Validation par le navigateur (required, pattern, formnovalidate)
Suggestions automatiques
Exemple récapitulatif

Vidéo et audio

Codecs et formats (H264/MP4, OGG/theora, WebM/VP8)
Compatibilité et navigateurs
Les outils de conversion (rapide)
Savoir utiliser les services existants (dailymotion, youtube, viemo)
Les balises (video,audio)
Proposer plusieurs sources dans plusieurs formats
Pré-requis (type MIME et .htaccess)
Les attributs (controls, preload, autoplay, poster)
Test de téléchargement d’une vidéo selon plusieurs formats depuis plusieurs navigateurs

Les nouveaux sélecteurs CSS3

Les pseudo-classes et pseudo-éléments
Les sélecteurs d’attributs (^, $, *)
Exemple d’application de style « intelligente » combinant les nouveautés

Mise en page et box model

Les positionnements (absolu, fixe, naturel)
Mise en page avec float
Mise en page avec Flex (box-sizing, border box, etc.)
Système de grid
Disposition en colonnes
Régions et exclusions
Limites et apports des frameworks (bootstrap, etc.)

Graphisme avancé

Polices de caractères personnalisées
Couleurs avancées et dégradés
Ombres et opacité
Bordures et arrière-plans avancés

Animations et transformations

Transformations de base (rotation, translation, etc.)
Transformations 3D (perspective)
Transitions : changement progressif d'un style
Animations autonomes

CSS Grid

Limites des tableaux apports des CSS Grid
Positionnement explicite et implicite des objets sur une grille CSS
Alignement des boîtes avec les grilles CSS
Utiliser les lignes ou les zones de la grille ?
Complémentarité Flexbox et Grid
Compatibilité avec les anciens navigateurs

Responsive design (adaptation mobiles / tablettes)

Problèmes techniques posés par l’hétérogénéité (PC, téléphone, tablette)
Solutions apportées par le Responsive Design
Pré-requis pour faire du responsive Design
Media-queries : s'adapter à la résolution d'écran et à l'orientation
Viewport
Déterminer la valeur d’une propriété CSS (calc)
Positionnement colonnes, tailles fluides et media queries

Compatibilité des navigateurs avec HTML5/CSS3

Etat des lieux
La détection des capacités des navigateurs
Recommandations

Les outils et les méthodes du développeur WEB

Quels outils pour développer et debugguer ?
Les outils pour améliorer ma productivité et ma rapidité de codage
Les outils d’une bonne veille technique
Les méthodes de codage moderne pour un code maintenable
Les tendances à venir

Utilisation des nouvelles balises HTML5 et des nouveautés graphiques du CSS3, intégration d'une vidéo sans Flash, exemple de responsive design, animation sans Flash, chevauchement d’éléments avec les CSS Grid.

Cette formation vous prépare au passage de la certification "AVIT by ENI - Développement de sites web avec le langage de balises HTML et des feuilles de styles CSS" qui démontre votre compétence à construire des pages web statiques avec un langage de balises et à les mettre en forme avec une feuille de style.
L’examen de certification se passe en ligne sous forme d’un QCM d’une durée d’1h. Le résultat s’affiche selon un score de 1000 points. Un score supérieur à 600 indique que les compétences sont acquises.

La certification n’est pas obligatoire. L’inscription à l’examen n’est pas incluse dans le prix de la formation.

Date de mise à jour du programme : 06/11/2023

Dates et lieux

1
2
Du 02 au 03 décembre 2024
Lieu
Distanciel
Durée
2 jrs
1390 € HT
Du 02 au 03 décembre 2024
Lieu
Paris
Durée
2 jrs
1390 € HT
Du 17 au 18 février 2025
Lieu
Distanciel
Durée
2 jrs
1390 € HT
Du 17 au 18 février 2025
Lieu
Paris
Durée
2 jrs
1390 € HT
Du 14 au 15 avril 2025
Lieu
Distanciel
Durée
2 jrs
1390 € HT
Du 14 au 15 avril 2025
Lieu
Paris
Durée
2 jrs
1390 € HT
Du 28 au 29 juillet 2025
Lieu
Distanciel
Durée
2 jrs
1390 € HT
Du 28 au 29 juillet 2025
Lieu
Paris
Durée
2 jrs
1390 € HT
Du 22 au 23 septembre 2025
Lieu
Distanciel
Durée
2 jrs
1390 € HT
Du 22 au 23 septembre 2025
Lieu
Paris
Durée
2 jrs
1390 € HT
1
2

Avis des participants à la formation HTML5 et CSS3 pour les designers et intégrateurs

Note moyenne de 4.8/5(6)

Les avis figurant ci-dessous sont issus des fiches d’évaluation que remplissent les participants à la fin de la formation. Ils sont ensuite publiés automatiquement si les personnes ont explicitement accepté que nous les diffusions.

RH
5/5

Mon avis sur le contenu du stage :

"Bon contenu, différents sujets abordés."

Mon avis sur le formateur :

"Excellents sites références et bibliographies, maitrise du sujet appréciable."

Ce que j'ai le plus apprécié :

"Formateur convivial, aucun problème technique rencontré."

Ce que j'ai le moins apprécié :

"RAS"

GV
5/5

Mon avis sur le contenu du stage :

"Le contenu du support est bien mais pour certains points, quelques descriptions texte auraient été les bienvenues."

Mon avis sur le formateur :

"L'animateur est très pédagogique et communique bien."

ZVARA Julie
5/5

Mon avis sur le formateur :

"Je recommande vivement, Thierry est extra."

Mon avis sur la salle de formation :

"Formation faite en visio"

LE
5/5

Mon avis sur le formateur :

"formation quasi sur mesure, donc super !"

Quentin P.
4/5
Stan L.
5/5

Ces formations peuvent aussi vous intéresser :

Créer des sites web dynamiques et responsives avec HTML5, CSS3 et CSS Grid

  • Niveau : Fondamental
  • Référence : IHTS

Tirer pleinement profit des nouveautés apportées par les dernières versions dont CSS Grid

  • Niveau : Fondamental
  • Référence : IHCJ

La nouvelle génération du langage JavaScript, EcmaScript 2015, ES2016, ES6, ES7, ES8, ESNext

  • Niveau : Intermédiaire
  • Référence : JSES

  • Niveau : Intermédiaire
  • Référence : IJDH


Formations Informatique
et Management
en ligne à ce jour

+
Stagiaires dans nos salles
de cours sur
l'année

%
De participants satisfaits
ou très satisfaits de nos
formations


Formateurs experts
validés par
PLB