Amigraf > Modules > Web > Code et intégration > Animer et dynamiser pour le web

3560

Animer et dynamiser pour le web


Animer et dynamiser un site web par l’utilisation d’animations conçues via des langages, méthodes et outils d’actualité.

Durée : 13 jours

Public : Débutant

COMPÉTENCES VISÉES

Utiliser des animations conçues via des langages, méthodes et outils d’actualité

PUBLIC

Toutes personnes appelées à créer des animations vectorielles

PRÉ-REQUIS

Connaissances en HTML et CSS.

MÉTHODE PÉDAGOGIQUE

Stage théorique et pratique sur stations de travail professionnelles connectées à Internet, un stagiaire par poste. L’utilisation d’outils pédagogiques tels que le vidéoprojecteur et documents imprimés, permettra de faciliter compréhension et mémorisation. Evaluation en cours de formation pour valider les acquis

PROGRAMME

  • Animer quoi, comment ?
  • Pourquoi animer ?
  • Les différentes logiques d’animation
  • Les solutions techniques via langages, les outils dédiés
  • Leur positionnement les uns par rapport aux autres
  • Le choix de favoriser les apports du HTML 5 et CSS 3
  • Les structures CSS ; révision en contexte
  • Span, div, class…
  • Les déclarations composées
  • Les mécanismes et limitation d’héritages
  • Les sélecteurs du HTML 5
  • Animer avec HTML et CSS
  • Les préfixes « vendeurs »
  • Automatisation du préfixage par le
  • JavaScript
  • Transform, transition, keyframes
  • Animer et dynamiser
  • Comprendre les placements de bloc, maîtriser les
  • backgrounds pour créer des animations responsives et compatibles avec tous les navigateurs grâce aux transitions.
  • Gérer l’image par image avec les keyframes et dynamiser un site à l’aide d’actions javascript et des bibliothèque jquery :

• Construction (position, display, flex)

• Les sélecteurs (pseudo-class, pseudo-element,..)

• Le responsive (media queries)

• Les typos

• Background image et vidéo

• L’animation (transition, keyframes)

• L’intégration Js et Jquery

ENVOYER LA FICHE FORMATION

    Contact