- Référence : IH5W
- Durée : 2 jours (14h)
- Lieu : Au choix. À distance ou en présentiel, à Paris ou en Régions
1180€ HT
Choisir une date et RéserverFormation HTML5 et CSS3 pour les designers et intégrateurs Mise à jour vers HTML5, CSS3, CSS GRid
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érationLes 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émentsLes 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éesCouleurs 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 GridPositionnement 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 lieuxLa 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.
Dates et lieux
Avis des participants à la formation HTML5 et CSS3 pour les designers et intégrateurs
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 :
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
