WEBDEV 2025

EFFETS SUR IMAGE Les images peuvent bénéficier de nombreux effets automatiques. ANIMATIONS CSS SUR LES CHAMPS WEBDEV 2025 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, mou- vement panoramique, clignotement, décalage, balayage, incli- naison, 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 cliquage 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, afficher 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 formats: 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 composé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». Le ou les éléments ainsi ancré(s) se déplace(nt) avec l’ascenseur, et reste(nt) donc visible(s), alors que le reste de la page défile. méthode la simple et la us intuitive B D EV ® DES CHAMPS PUISSANTS (SUITE) suite de la page 19 ••• 20 • WEBDEV 2025 - DÉVELOPPEZ 10 FOIS PLUS VITE