- Durée : 4 jours
- Eligible CPF : non
Objectifs
Prérequis - Participants
Moyens pédagogiques & techniques
Programme
Objectifs
Concevoir et réaliser des animations interactives en utilisant les nouveaux standards HTML5.
Être visible sur toutes les plateformes : desktop, smartphones et tablettes.
Être visible sur toutes les plateformes : desktop, smartphones et tablettes.
Prérequis - Participants
Prérequis
Il est nécessaire de connaître un logiciel de création graphique (Photoshop, Illustrator)
La connaissance de Flash, du HTML et des CSS est un plus
La connaissance de Flash, du HTML et des CSS est un plus
Participants
Webmasters, graphistes, directeurs artistiques, responsables de communication, chefs de projets
Moyens pédagogiques & techniques
Moyens pédagogiques
Réflexion de groupe et apports théoriques du formateur
Travail d’échange avec les participants sous forme de réunion-discussion
Utilisation de cas concrets issus de l’expérience professionnelle
Validation des acquis par des questionnaires, des tests d’évaluation, des mises en situation et des jeux pédagogiques.
Alternance entre apports théoriques et exercices pratiques (en moyenne 30 à 50%)
Remise d’un support de cours.
Travail d’échange avec les participants sous forme de réunion-discussion
Utilisation de cas concrets issus de l’expérience professionnelle
Validation des acquis par des questionnaires, des tests d’évaluation, des mises en situation et des jeux pédagogiques.
Alternance entre apports théoriques et exercices pratiques (en moyenne 30 à 50%)
Remise d’un support de cours.
Modalités d’évaluation
Feuille de présence signée en demi-journée
Évaluation des acquis tout au long de la formation
Questionnaire de satisfaction
Attestation de stage à chaque apprenant
Positionnement préalable oral ou écrit
Évaluation formative tout au long de la formation
Évaluation sommative faite par le formateur ou à l’aide des certifications disponibles
Évaluation des acquis tout au long de la formation
Questionnaire de satisfaction
Attestation de stage à chaque apprenant
Positionnement préalable oral ou écrit
Évaluation formative tout au long de la formation
Évaluation sommative faite par le formateur ou à l’aide des certifications disponibles
Moyens techniques en présentiel
Accueil des stagiaires dans une salle dédiée à la formation, équipée d’ordinateurs, d’un vidéo projecteur, d’un tableau blanc et de paperboard
Moyens techniques à distance
A l’aide d’un logiciel comme Teams, Zoom…, un micro et éventuellement une caméra pour l’apprenant, suivez une formation en temps réel et entièrement à distance
Lors de la classe en ligne, les apprenants interagissent et communiquent entre eux et avec le formateur
Les formations en distanciel sont organisées en Inter-Entreprises comme en Intra-Entreprise
L’accès à l’environnement d’apprentissage (support de cours, labs) ainsi qu’aux preuves de suivi et d’assiduité (émargement, évaluation) est assuré
Les participants recevront une convocation avec lien de connexion
Pour toute question avant et pendant le parcours, une assistance technique et pédagogique est à disposition auprès de notre équipe par téléphone au 03 25 80 08 64 ou par mail à secretariat@feep-entreprises.fr
Lors de la classe en ligne, les apprenants interagissent et communiquent entre eux et avec le formateur
Les formations en distanciel sont organisées en Inter-Entreprises comme en Intra-Entreprise
L’accès à l’environnement d’apprentissage (support de cours, labs) ainsi qu’aux preuves de suivi et d’assiduité (émargement, évaluation) est assuré
Les participants recevront une convocation avec lien de connexion
Pour toute question avant et pendant le parcours, une assistance technique et pédagogique est à disposition auprès de notre équipe par téléphone au 03 25 80 08 64 ou par mail à secretariat@feep-entreprises.fr
Programme
Introduction
- Rôle des langages HTML5, CSS3, JavaScript, SVG
- Comprendre la structure HTML5 avec Edge Animate
Prise en main du logiciel
- Interface et environnement de travail
- Les outils et le texte
- Paramétrage d’un nouveau document
- Créer, enregistrer et utiliser des gabarits
- Gérer le temps et l’espace
- Transition et images-clés
- •Utilisation des symboles
Optimisation des médias
- Formats, résolutions, préparation des fichiers
Mise en place
- Importer des images
- Définir une police Web (Typekit et Google Web Fonts)
- Affecter une balise HTML5 à un élément
Animation
- Gérer les transitions, les fondus, les masques, les accélérations, les filtres
- Ajouter une ombre portée
- Activer le verrouillage
- Transformation : échelle, rotation, inclinaison, déformation et déplacement
- Gestion des effets et des dégradés
- Créer des trajectoires de mouvement
- Animer le contenu d’une page HTML existante
- Ajouter un préchargement prédéfini et personnalisé
- Créer un bouton animé
Interactivité
- Organiser son code
- Ajouter du code sur le scénario et sur les objets
- Ajouter des actions temporelles
- Définir des événements à un élément et à la Scène
- Déclencher et arrêter une animation
- Afficher et masquer des éléments
- Travailler avec des étiquettes
- Cibler des symboles imbriqués
- Obtenir une animation en boucle
- Déclencher la tête de lecture en sens inverse
- Ajouter du code HTML et des règles CSS
Responsive Web Design
- Comprendre le mécanisme d’une mise en pages fluide
- Créer un diaporama extensible
Son, vidéo et plan
- Intégrer du son en HTML5
- Intégrer une vidéo via les services de diffusion
- Intégrer et afficher un plan d’accès Google Maps
Publication
- Intégrer une animation au sein d’une page HTML existante
- Définir une scène de niveau inférieur
- Publier pour différents supports
- Installer le widget dans le Dashboard
- Vérifier la publication sur toutes les plates-formes
Accessibilité
Notre organisme peut vous offrir des possibilités d’adaptation et/ou de compensations spécifiques si elles sont nécessaires à l’amélioration de vos apprentissages sur l’ensemble de nos formations. Aussi, si vous rencontrez une quelconque difficulté, nous vous invitons à nous contacter directement afin d’étudier ensemble les possibilités de suivre la formation
Profil formateur
Nos formateurs sont des experts dans leurs domaines d’intervention
Leur expérience de terrain et leurs qualités pédagogiques constituent un gage de qualité.
Leur expérience de terrain et leurs qualités pédagogiques constituent un gage de qualité.