WEBDEV 2024

EFFETS SUR IMAGE Les images peuvent bénéficier de nombreux effets automa- tiques. ANIMATIONS CSS3 SUR LES CHAMPS WEBDEV 2024 permet de définir facilement des effets sur les champs de type image: accélération, clipping, fondu, zoom automatique, fondu, grossissement en survol, effet photo, mouvement panoramique, clignotement, décalage, balayage, inclinaison, rotation, ... Le cornage de page est également géré. Il est également possible d’affecter une animation CSS3 trouvée sur Internet à un champ WEBDEV. Les animations déclarées dans la feuille de styles sont listées sous l’éditeur. ZONES DE CLIQUAGE (MAP AREA) Les zones de clicage permettent de réaliser des traitements d’hypertexte: en fonction de la zone d’une image sur laquelle l’internaute clique, un traitement particulier est exécuté. Définir les zones est très simple à l’aide des zones géomé- triques fournies. Plusieurs zones peuvent être imbriquées. Si nécessaire, il est possible de récupérer les coordonnées de cliquage, au pixel près. CHAMP CARTE, CLUSTER AUTOMATIQUE Il est facile d’intégrer un champ Carte «Google Maps» dans un site. Il est facile d’enrichir la carte: positionner des marqueurs, afficher un itinéraire, définir le pourcentage de zoom, affi- cher le traffic routier... Le calcul de clusters de regoupement est automatique. CHAMP «VIDEO» Le champ «Vidéo» permet de jouer des vidéos de tous for- mats: Microsoft (Wmv), Webm, Mpg, Ogv, Flash (Flv), QuickTime (Mov), ... Les fonctionnalités de lecture, pause, avance rapide,... sont gérées. L’affichage de vidéos est également géré par HTML5. Les vidéos Youtube sont gérées. CHAMP SLIDER & RANGE SLIDER Les champs potentiomètre linéaire (Slider) et potentiomètre d’intervalle (range Slider) sont proposés. CHAMP NOTATION Ce champ permet à l’internaute de donner une note, ou à un site d’afficher une note. Par défaut le visuel utilisé est une étoile, mais ce visuel peut être modifié (smiley, main, coeur...). La note peut être décimale. BREADCRUMB, SITEMAPPATH (FIL D’ARIANE, CHEMIN DE NAVIGATION) Un «Breadcrumb» (que l’on appelait avant un «SiteMapPath») est un menu linéaire qui se construit au fur et à mesure des parcours de l’internaute dans un site. Breadcrumb, littéralement «Miette de pain» en anglais, peut être traduit par «Fil d’Ariane» Il permet à l’internaute de revenir rapidement sur une page précédente. La génération de cette ligne de SiteMapPath est automatique. Un plan du site est également automatiquement généré. CHAMP RÉSEAU SOCIAL Le champ «Réseau social» est une barre d’outils compo- sée de pictogrammes faisant le lien vers les principaux réseaux sociaux du Web : Facebook, X, LinkedIn, Instagram, Pinterest.... Il est possible d'utiliser les identifiants d’un internaute en vue de son authentification (voir page 36). ZONE FIXE SUR L’ÉCRAN (FIXED) L’ancrage fixe permet de maintenir visibles un ou plusieurs champs lors du déplacement par l’internaute de l’ascenseur (scrolling) du navigateur. La zone est dite «épinglée». méthode la simple et la us intuitive B D EV ® DES CHAMPS PUISSANTS (SUITE) suite de la page 21 ••• 22 • WEBDEV 2024 Développez 10 fois plus vite