Utilisation des Groupes comme Conteneurs dans Edge

Cet épisode montre comment utiliser les groupes comme des conteneurs de type div dans Edge, sans arrière-plan ni scénarios d'animation.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous explorons l'utilisation des groupes dans Edge. Les groupes sont des conteneurs de type div ayant la particularité de ne pas posséder d'images d'arrière-plan ni de scénarios d'animation internes comme les symboles. En regroupant plusieurs éléments ou symboles dans une entité de type groupe, on peut les gérer collectivement. La leçon explique comment sélectionner plusieurs éléments et les rassembler en utilisant le raccourci CMD G ou CTRL G, ou via le menu contextuel en cliquant droit puis 'grouper les éléments dans un div'. Une fois regroupés, les éléments apparaissent ensemble dans un seul objet visible dans la fenêtre des éléments comme une balise div de type groupe. L'absence d'arrière-plan est soulignée, ce qui est pratique pour traiter plusieurs images sans fond. Des exemples sont donnés avec un gif et une forme vectorielle.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de montrer comment créer et utiliser des groupes comme conteneurs dans Edge, et de mettre en évidence les limitations et avantages de ces groupes.

Prérequis pour cette leçon

Avoir des bases en développement web ainsi qu'une compréhension des balises HTML et de l'interface de Edge.

Métiers concernés

Ce sujet est pertinent pour les développeurs front-end, les animateurs web, et les designers UI/UX qui cherchent à optimiser la gestion de leurs éléments d'interface.

Alternatives et ressources

Vous pouvez également utiliser d'autres outils d'animation web tels que Adobe Animate ou GreenSock Animation Platform (GSAP) pour gérer des conteneurs et des groupes.

Questions & Réponses

Un groupe dans Edge ne possède pas d'images d'arrière-plan ni de scénarios d'animation internes, contrairement à un symbole.
Sélectionnez plusieurs éléments, puis utilisez le raccourci CMD G ou CTRL G, ou faites un clic droit et sélectionnez 'grouper les éléments dans un div'.
Les groupes servent à regrouper plusieurs éléments, et par définition, ne sont pas conçus pour avoir une seule image d'arrière-plan.