Formation HTML5 et CSS3 pour les designers et intégrateurs
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
Objectifs de la formation
À 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
| Tarif |
A partir de 1 180,00 € |
| Durée | 2 jours (14h) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 1 180,00 € |
| Durée | 2 jours (14h) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Description
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.
Programme
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
Prérequis
Public
Ces formations pourraient vous intéresser
Objectifs de la formation
Savoir capitaliser sur des outils ayant fait leur preuve depuis plus de 15 ans dans l’animation Flash pour produire de l’animation HTML5, c’est le pari, et au final le gros point fort d’Animate CC, dernière mise à jour majeure du logiciel Flash.
Aujourd’hui, la vocation première du logiciel est la création html5 pour des animations principalement destinées à une publication web. Mais la particularité du logiciel par rapport à ses concurrents, c’est qu’il est ouvert à d’autres utilisations multimédia.
Il permet de continuer à produire du flash, des animations pour applications ordinateur bureau ou pour périphériques mobiles, et enfin nous aurons la possibilité à la publication d’exporter nos animations au format vidéo QT en HD ou autres conversions de formats vidéo grâce à la liaison entre Animate CC et Adobe Media Encoder.
| Tarif |
A partir de 1 310,00 € |
| Durée |
3j / 21h |
| Modes |
|
Formation - Les fondamentaux du développement d'interfaces graphiques avec HTML5, CSS3 et JavaScript
Proposé par IB CegosObjectifs de la formation
- Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
| Tarif |
Contacter l'organisme |
| Durée |
5 jours (35 heures) |
| Modes |
|
Objectifs de la formation
- Construire des pages Web en HTML5
- Habiller et mettre en forme des pages Web avec CSS3
- Créer des formulaires avancés
- Créer des tableaux de données
- Créer des menus de navigation
- Utiliser les différentes techniques CSS de positionnement et dimensionnement pour adapter la présentation aux différents appareils (smartphone, tablette, PC)
- Parcourir et modifier la structure d'une page en JavaScript
- Gérer des événements utilisateur
- Intégrer des appels à des Services Web REST et WebSockets en JavaScript
| Tarif |
Contacter l'organisme |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
Plus concrètement, à l'issue de cette formation PandaSuite Avancé, vous aurez acquis les connaissances et compétences nécessaires :
- Gérer l’API HTML5 afin de dialoguer avec une page HTML
- Gérer l’API d’intégration d’objets 3D et animer la vue des objets
- Gérer les beacons (émetteurs blutooth installés dans les magasins ou sur des expositions)
- Vous perfectionner dans la réalisation de dispositifs de navigation complexes.
| Tarif |
A partir de 1 430,00 € |
| Durée |
3j / 21h |
| Modes |
|
Formation Umbraco : Concevoir des sites Web avec Umbraco CMS / .Net / MVC / C#
Proposé par PLB CONSULTANTObjectifs de la formation
À l'issue de cette formation Umbraco - Concevoir des sites Web vous aurez acquis les connaissances et les compétences nécessaires pour :
- Maîtriser Umbraco et tout un ensemble de notions périphériques indispensables
- Etre en capacité de créer des sites et des applications Web
| Tarif |
A partir de 2 695,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
À l'issue de cette formation Technologies Web vous aurez acquis les connaissances et les compétenes nécesaires pour :
- Comprendre les architectures WEB et les technologies sous-jacentes
- Développer en HTML/HTML5
- Créer et utiliser des feuilles de style CSS3
- Proposer des formulaires dans votre application WEB
- Tirer parti des nouveautés HTML5 et CSS3 pour alléger les besoins en JavaScript
- Connaître les possibilités multimédia en HTML5/Javascript (video, son, animation)
- Créer des mises en page avec les CSS Grid
- Adapter l'affichage des versions mobile / tablette avec BootStrap
- Proposer des services géolocalisés dans vos développements
- Faciliter la communication entre le serveur et le navigateur (Ajax)
- Proposer des applications hors ligne (mobile, tablette)
| Tarif |
A partir de 2 695,00 € |
| Durée |
5j / 35h |
| Modes |
|
Formation Accessibilité Web : Design UX/UI - Concevoir des interfaces web accessibles
Proposé par PLB CONSULTANTObjectifs de la formation
À l'issue de cette formation Conception Interfaces Accessibles, vous aurez acquis les connaissances et compétences nécessaires pour :
- Acquérir les connaissances nécessaires pour prendre en compte tous les utilisateurs et utilisatrices dès la conception
- Respecter les règles d’accessibilité relevant de l’ergonomie et du graphisme
- Comprendre le rôle des designers dans la mise en accessibilité d’un projet Web
| Tarif |
A partir de 1 480,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
L'objectif de cette formation sera de tout vous apprendre sur la modélisation, on se concentrera uniquement sur le module Sketchup afin d'apprendre à dessiner une multitude d'objets qui sera intégrés dans une scène d'un appartementUn focus est fait sur la décoration d'intérieure afin de vous permettre de modéliser des éléments de décoration comme la scène finale.
Architecture : Les architectes utilisent SketchUp pour créer des maquettes de bâtiments, des plans d'étage, et des rendus architecturaux détaillés.
Urbanisme : Les urbanistes utilisent SketchUp pour modéliser des quartiers, des villes et des paysages urbains.
Design d'intérieur : Les designers d'intérieur utilisent SketchUp pour créer des rendus 3D des espaces intérieurs, permettant de tester différentes configurations de meubles, de couleurs et de matériaux avant de les mettre en uvre.
Paysagisme : Les paysagistes utilisent SketchUp pour concevoir et visualiser des aménagements paysagers, incluant des jardins, des parcs et d'autres espaces extérieurs.
Ingénierie : Les ingénieurs peuvent utiliser SketchUp pour créer des modèles 3D de structures, de composants mécaniques et d'infrastructures, facilitant ainsi la visualisation et l'analyse des projets techniques.
Construction : Les professionnels de la construction utilisent SketchUp pour planifier et gérer des projets de construction, en créant des modèles détaillés des bâtiments et en coordonnant les différentes étapes du processus de construction.
Décoration d'intérieur : Les décorateurs d'intérieur utilisent SketchUp pour proposer des idées de décoration à leurs clients, en créant des visualisations réalistes des espaces décorés.
Animation et jeux vidéo : Les concepteurs de jeux vidéo et les animateurs utilisent SketchUp pour créer des modèles 3D de personnages, de décors et d'objets qui seront utilisés dans des animations et des jeux.
Fabrication et menuiserie : Les artisans, y compris les menuisiers et les fabricants de meubles, utilisent SketchUp pour concevoir des pièces sur mesure et des projets de mobilier avant de les fabriquer.
Événementiel et scénographie : Les professionnels de l'événementiel et les scénographes utilisent SketchUp pour concevoir des scènes, des stands d'exposition et des installations événementielles.
| Tarif |
A partir de 580,00 € |
| Durée |
2j / 19h |
| Modes |
|
Objectifs de la formation
- Comprendre et gérer des process de distribution physique et de logistique des retours
- Appliquer une méthode en vue de concevoir et mettre en oeuvre des actions d'amélioration
| Tarif |
A partir de 1 390,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Créer ses pages en utilisant HTML5, CSS3 avec un éditeur WYSIWYG
- Structurer les dossiers et fichiers des sites Web créés
- Utiliser des règles de base du design pour créer un site Web
- Créer, traiter et optimiser des images destinées au Web
- Créer des pages dynamiques avec PHP / MySQL [MariaDB]
- Mettre en ligne son projet
| Tarif |
A partir de 1 390,00 € |
| Durée |
5j / 35h |
| Modes |
|
