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
A l'issue de cette formation, vous serez capable de :
- Créer des sites Web avec InDesign
- Décrire le marché du Digital Publishing
- Définir les formes de documents digitaux possibles avec InDesign sans coder
- Créer un projet de document digital adapté à tous les écrans
- Créer des documents animés et interactifs
- Créer des prospectus numériques
- Utiliser les palettes d'objets interactifs d'InDesign
- Utiliser les palettes d'interactions complémentaires proposées avec le plug-in in5
- Produire des eBooks interactifs et des sites Web
- Exporter un document sous différents formats (Publish Online et ePub FXL)
- Exporter au format HTML5 avec le plug-in in5.
| Tarif |
A partir de 1 340,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Créer une page HTML avec des éléments simples (texte, images, listes, liens)
- Mettre en forme le contenu de la page en CSS
- Définir des règles de positionnement du contenu
- Créer et mettre en forme des formulaires de saisie
- Créer et mettre en forme un tableau de données
- Intégrer du contenu multimédia
- Intégrer les bonnes pratiques de conception pour créer des pages Web accessibles
| Tarif |
A partir de 990,00 € |
| Durée |
27 heures |
| Modes |
|
Objectifs de la formation
Vous apprendrez les bases sur le langage HTML5 et CSS3.Vous apprendrez quelques connaissances sur l'apprentissage d'un CMS de type WordPress.
Vous apprendrez à programmer en Javascript.
| Tarif |
A partir de 575,00 € |
| Durée |
2j / 19h |
| 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
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 |
|
Objectifs de la formation
- Identifier ses réactions face au stress
- Analyser les effets physiologiques et psychologiques du stress
- Expérimenter les méthodes permettant de mieux gérer ses émotions
| Tarif |
A partir de 1 550,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Créer ou modifier des pages HTML 5
- Intégrer des feuilles de styles CSS3
- Utiliser des rudiments de javascript
| Tarif |
A partir de 1 390,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
- Créer une page HTML avec des éléments simples (texte, images, listes, liens)
- Mettre en forme le contenu de la page en CSS
- Définir des règles de positionnement du contenu
- Créer et mettre en forme des formulaires de saisie
- Créer et mettre en forme un tableau de données
- Intégrer du contenu multimédia
- Intégrer les bonnes pratiques de conception pour créer des pages Web accessibles
| Tarif |
A partir de 1 890,00 € |
| Durée |
3j / 21h |
| Modes |
|
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 |
|
