Derniers tutorials ajoutés (Tuto.com) https://fr.tuto.com/rss/last-entries Les derniers tutorials ajoutés sur Tuto.com fr-FR Copyright 2025 Créez 10 effets pour vos dynamiser vos Genially https://fr.tuto.com/genially/10-effets-dynamique,213661.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/213661.jpg"/><br><strong>Ma&icirc;trisez 10 effets visuels qui vont &eacute;lectriser vos cr&eacute;ations !</strong><br /> Vous en avez assez des pr&eacute;sentations statiques et des supports qui ne captivent pas ? Avec Genially, apprenez &agrave; int&eacute;grer <strong>10 effets visuels et animations </strong>&nbsp;pour transformer vos contenus en <strong>exp&eacute;riences interactives</strong>.<br /> D&eacute;couvrez comment : <ul> <li><strong>Cr&eacute;er des animations en cascade</strong> pour un storytelling fluide et dynamique.</li> <li><strong>Utiliser les effets de mouvement</strong>&nbsp;pour guider l&rsquo;attention de votre audience.</li> <li><strong>Jouer avec les fondus et apparitions progressives</strong> pour des transitions cin&eacute;tiques.</li> <li><strong>Combiner interactions et motion design</strong> : boutons, d&eacute;clencheurs, pop-ups pour une navigation intuitive.</li> <li><strong>Animer vos textes et images</strong>&nbsp; pour des messages impactants.</li> </ul> Que vous soyez formateur, enseignant ou responsable communication, ces techniques vous permettront de <strong>capter l&rsquo;attention, renforcer l&rsquo;engagement et marquer les esprits,</strong>&nbsp;le tout sans comp&eacute;tences en design ou en code.<br /> <strong>Pr&ecirc;t &agrave; donner vie &agrave; vos id&eacute;es ?</strong> Rejoignez cette formation et ma&icirc;trisez des effets visuels et de motion design avec Genially !<br /> Si vous d&eacute;sirez aller plus loin en mati&egrave;re d&#39;accessibilit&eacute; de contenu ou d&#39;animation de vos supports PDF, je propose d&#39;autres formations sur ma page auteure. https://fr.tuto.com/genially/10-effets-dynamique,213661.html Wed, 20 Aug 2025 09:56:42 +0200 Vellum sur Houdini : Les bases essentielles https://fr.tuto.com/houdini/tuto-vellum,213571.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/213571.jpg"/><br>🎨 <strong>Ma&icirc;trisez Vellum et r&eacute;volutionnez vos animations 3D comme un pro en seulement 2 heures !</strong><br /> Vous r&ecirc;vez de cr&eacute;er des animations dynamiques fluides et percutantes, comme celles qui captivent des milliers de personnes sur Instagram ? <strong>Cette formation de 2 heures est LA solution pour ma&icirc;triser Vellum</strong>, l&rsquo;outil incontournable des CG artists et motion designers. 90% de mes cr&eacute;ations sur Instagram @jellysart sont r&eacute;alis&eacute;es avec Vellum, et je vais vous montrer comment int&eacute;grer cet outil puissant dans VOTRE workflow pour des r&eacute;sultats &eacute;poustouflants. <h2>Ce que vous allez apprendre dans ce tuto Vellum / Houdini</h2> <ul> <li><strong>Les fondamentaux de Vellum</strong> : Pr&eacute;parez vos objets 3D, configurez les contraintes, g&eacute;rez les collisions et domptez le Vellum Solver pour vos animations.</li> <li><strong>3 projets pratiques pour passer &agrave; l&rsquo;action</strong> : Chaque exercice est accompagn&eacute; d&rsquo;une vid&eacute;o de breakdown claire et d&rsquo;une d&eacute;mo en direct o&ugrave; je construis chaque &eacute;tape sous vos yeux. Vous pourrez reproduire et personnaliser chaque projet avec confiance.</li> <li><strong>Une progression pens&eacute;e pour vous</strong> : Des bases accessibles aux techniques avanc&eacute;es, cette formation vous guide &eacute;tape par &eacute;tape pour gagner en autonomie et lib&eacute;rer votre cr&eacute;ativit&eacute; avec Vellum, MOPS et VEX.</li> </ul> <h3>Pourquoi choisir cette formation ?</h3> <ul> <li><strong>Gain de temps &eacute;norme</strong> : Condens&eacute; de mes ann&eacute;es d&rsquo;exp&eacute;rience sur Houdini, ce cours vous &eacute;vite des heures de t&acirc;tonnements et d&rsquo;erreurs.</li> <li><strong>Focus 100% pratique</strong> : Pas de bla-bla inutile, juste les comp&eacute;tences essentielles pour cr&eacute;er des animations dynamiques professionnelles (sans texturing, lighting ou rendering).</li> <li><strong>Projets r&eacute;els, r&eacute;sultats concrets</strong> : Les techniques enseign&eacute;es sont celles que j&rsquo;utilise dans mes propres cr&eacute;ations sur Instagram.</li> <li><strong>Pour tous les niveaux</strong> : Que vous soyez d&eacute;butant en Houdini ou motion designer confirm&eacute;, la progression graduelle vous permet d&rsquo;apprendre &agrave; votre rythme.</li> </ul> <h3>Pr&ecirc;t &agrave; transformer votre workflow et &agrave; cr&eacute;er des animations qui sortent du lot ?</h3> Ne manquez pas cette opportunit&eacute; de ma&icirc;triser Vellum avec une m&eacute;thode claire, pratique et test&eacute;e dans des projets r&eacute;els. <strong>Inscrivez-vous maintenant</strong> et commencez &agrave; cr&eacute;er des animations dynamiques qui feront briller vos projets !<br /> <br /> ⚠️ &Agrave; noter : Le lighting, le texturing et le rendering ne sont pas inclus dans cette formation. Vous devrez installer la version gratuite de MOPS pour suivre les exercices. https://fr.tuto.com/houdini/tuto-vellum,213571.html Tue, 19 Aug 2025 19:17:43 +0200 Modéliser une salle de bains complète https://fr.tuto.com/sketchup/salle-de-bains-3d,213721.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/213721.jpg"/><br>Vous souhaitez <strong>apprendre &agrave; mod&eacute;liser une salle de bains r&eacute;aliste et professionnelle</strong> dans SketchUp ?<br /> Dans ce tuto complet, Fred Lamy, formateur expert SketchUp, vous guide pas &agrave; pas pour concevoir une salle de bain moderne, du premier mur jusqu&rsquo;au rendu photo r&eacute;aliste final.<br /> <br /> 👉 &Agrave; la fin de cette formation, vous serez capable de cr&eacute;er un projet complet et organis&eacute;, pr&ecirc;t &agrave; &ecirc;tre pr&eacute;sent&eacute; &agrave; vos clients ou &agrave; enrichir votre portfolio.<br /> <br /> Objectifs p&eacute;dagogiques <ul> <li>1 Mod&eacute;liser les cloisons, le sol et l&rsquo;espace global de la salle de bains</li> <li>2 Cr&eacute;er une organisation claire avec groupes et fen&ecirc;tre Structure</li> <li>3 Importer du mobilier et des accessoires depuis la 3D Warehouse</li> <li>4 Mod&eacute;liser le meuble vasque sur-mesure</li> <li>5 Cr&eacute;er et g&eacute;rer des sc&egrave;nes et points de vue pour vos pr&eacute;sentations</li> <li>6 R&eacute;aliser un rendu photo r&eacute;aliste directement dans SketchUp Pro 2025</li> <li>7 D&eacute;couvrir l&rsquo;extension gratuite Architexture et tester l&rsquo;extension Bevel (14 jours d&rsquo;essai) pour la mod&eacute;lisation arrondie</li> </ul> <br /> 👉 Compatible PC et Mac.<br /> <br /> Pas besoin de fichier source : seules quelques dimensions de d&eacute;part vous seront donn&eacute;es pour vous guider.<br /> &Agrave; la fin de ce tuto, vous saurez : <ul> <li>✅ Organiser un projet complet de salle de bain dans SketchUp</li> <li>✅ Cr&eacute;er du mobilier personnalis&eacute; et int&eacute;grer des objets r&eacute;alistes</li> <li>✅ G&eacute;n&eacute;rer des rendus photo professionnels avec SketchUp Pro 2025</li> <li>✅ Structurer vos sc&egrave;nes pour pr&eacute;senter efficacement vos projets</li> </ul> Bonus : Ce tuto contient de nombreuses astuces d&rsquo;expert issues de la pratique professionnelle de Fred, pour aller plus vite et mieux s&rsquo;organiser.<br /> 👉 Lancez-vous d&egrave;s maintenant et ma&icirc;trisez la mod&eacute;lisation compl&egrave;te d&rsquo;une salle de bains dans SketchUp Pro 2025 ! https://fr.tuto.com/sketchup/salle-de-bains-3d,213721.html Mon, 18 Aug 2025 18:30:55 +0200 Boite à outils Spécial Illustrator https://fr.tuto.com/illustrator/boite-outils-44-astuces,213691.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/213691.jpg"/><br>Cette <strong>bo&icirc;te &agrave; outils</strong> rassemble <strong>44 chapitres courts et ind&eacute;pendants</strong> pour te d&eacute;panner en plein milieu d&rsquo;un tuto et te permettre de garder le fil sans te noyer dans la th&eacute;orie.<br /> L&rsquo;objectif est simple : t&rsquo;offrir, pour chaque outil que j&rsquo;utilise r&eacute;guli&egrave;rement, une explication claire, des r&eacute;glages pertinents, les pi&egrave;ges courants et la marche &agrave; suivre pour repartir imm&eacute;diatement.<br /> <br /> Nous commencerons par l&#39;essentiel (interface, pr&eacute;f&eacute;rences utiles, gestion des calques et des objets, ...) afin d&rsquo;installer une base solide et coh&eacute;rente. Nous encha&icirc;nerons avec un <strong>examen cibl&eacute; par outil</strong><strong>&nbsp;et par fonction</strong> : &agrave; quoi il sert, quand l&rsquo;utiliser, o&ugrave; cliquer, quels param&egrave;tres cocher, comment lire et r&eacute;soudre les messages d&rsquo;erreur fr&eacute;quents, quelles alternatives essayer si &ccedil;a coince, quels <strong>raccourcis pratiques</strong> adopter.<br /> <br /> <strong>Cette ressource n&rsquo;a pas vocation &agrave; &ecirc;tre exhaustive</strong> : elle va &agrave; l&rsquo;essentiel, au bon moment, pour t&rsquo;aider &agrave; avancer sereinement dans <strong>tous mes tutos</strong>. Elle s&rsquo;adresse aux d&eacute;butants comme aux interm&eacute;diaires ; conna&icirc;tre les bases du logiciel t&rsquo;aidera, mais n&rsquo;est pas obligatoire. Garde-la ouverte &agrave; c&ocirc;t&eacute; de tes projets : je suis l&agrave;, &agrave; port&eacute;e de clic, pour te faire gagner du temps et de la tranquillit&eacute;. https://fr.tuto.com/illustrator/boite-outils-44-astuces,213691.html Mon, 18 Aug 2025 18:36:10 +0200 Accessibilité des images, icônes et médias - RGAA https://fr.tuto.com/css/accessibilite-image-medias,213511.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/213511.jpg"/><br><strong>Rendez vos contenus visuels et audiovisuels r&eacute;ellement accessibles &agrave; tous vos utilisateurs.</strong><br /> Dans ce tutoriel complet et 100 % pratique, vous apprendrez &agrave; respecter les exigences du <strong>RGAA 4.1</strong> concernant l&rsquo;accessibilit&eacute; des images, des ic&ocirc;nes, des vid&eacute;os et autres m&eacute;dias.<br /> Vous &ecirc;tes d&eacute;veloppeur, int&eacute;grateur ou designer web ? Ce cours vous aidera &agrave; ma&icirc;triser toutes les bonnes pratiques pour rendre vos &eacute;l&eacute;ments visuels <strong>compr&eacute;hensibles, utilisables et conformes</strong> aux r&eacute;f&eacute;rentiels fran&ccedil;ais d&rsquo;accessibilit&eacute; num&eacute;rique.<br /> &nbsp; <h2>Objectifs p&eacute;dagogiques</h2> &Agrave; l&rsquo;issue de cette formation, vous saurez : <ul> <li>Identifier les types d&rsquo;images (informative, d&eacute;corative, porteuse de texte, fonctionnelle, etc.)</li> <li>Fournir des <strong>alternatives textuelles adapt&eacute;es</strong> &agrave; chaque cas</li> <li>G&eacute;rer l&rsquo;accessibilit&eacute; des <strong>images de fond CSS</strong> et des <strong>ic&ocirc;nes SVG</strong></li> <li>Int&eacute;grer des <strong>vid&eacute;os avec sous-titres et transcriptions</strong></li> <li>Appliquer les bonnes pratiques sur les boutons et contr&ocirc;les visuels</li> </ul> <h3>Ce que vous allez apprendre</h3> Ce tuto couvre en d&eacute;tail : <ul> <li><strong>Les enjeux de l&rsquo;accessibilit&eacute; des images</strong></li> <li>La notion d&rsquo;<strong>alternative textuelle</strong> (<code>alt</code>, <code>aria-label</code>, textes adjacents&hellip;)</li> <li>Les cas particuliers : <ul> <li>Images d&eacute;coratives</li> <li>Images porteuses de texte (ex. : infographies, citations, etc.)</li> <li>Ic&ocirc;nes SVG avec r&ocirc;le fonctionnel</li> <li>Boutons avec image ou fond visuel</li> </ul> </li> <li>L&rsquo;accessibilit&eacute; des <strong>vid&eacute;os</strong> : <ul> <li>Sous-titres (WebVTT)</li> <li>Transcriptions</li> </ul> </li> <li>Les <strong>bonnes pratiques RGAA</strong> &agrave; int&eacute;grer dans vos projets</li> </ul> <h3>Pr&eacute;requis</h3> <ul> <li>Connaissances de base en HTML et CSS</li> <li>Notions fondamentales en accessibilit&eacute;&nbsp;</li> </ul> <h3>Pour aller plus loin :</h3> Vous pouvez compl&eacute;ter ce tutoriel avec : <ul> <li>Accessibilit&eacute; des formulaires (HTML, CSS, JS)</li> <li>Int&eacute;grer une police Dys avec m&eacute;moire du choix utilisateur</li> </ul> <strong>Objectif final : vous donner les outils pour cr&eacute;er des interfaces accessibles, professionnelles et conformes au RGAA 4.1.</strong><br /> Un module essentiel pour toute &eacute;quipe web engag&eacute;e dans l&rsquo;accessibilit&eacute; num&eacute;rique. https://fr.tuto.com/css/accessibilite-image-medias,213511.html Mon, 18 Aug 2025 18:39:08 +0200 Créez une Illustration Low Poly Symétrique de Loup sur Photoshop https://fr.tuto.com/photoshop/low-poly-illustration-loup,213481.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/213481.jpg"/><br>Si vous avez envie de donner un style <strong>moderne </strong>et <strong>graphique </strong>&agrave; vos photos, ce <strong>tutoriel </strong>est fait pour vous. Vous apprendrez &agrave; transformer une simple photo de loup en une illustration <strong>low poly sym&eacute;trique</strong>&nbsp;propre, le tout r&eacute;alis&eacute; sur <strong>Photoshop</strong>. Con&ccedil;u sp&eacute;cialement pour les <strong>d&eacute;butants </strong>ayant d&eacute;j&agrave; des connaissances de base dans l&rsquo;<strong>interface du logiciel</strong>, ce cours vous guide <strong>pas &agrave; pas</strong> dans la cr&eacute;ation d&rsquo;un rendu abouti.<br /> <br /> Cela &eacute;tant, si vous n&#39;&ecirc;tes pas encore familier des outils de base de Photoshop et que ce type de rendu vous int&eacute;resse, alors je vous invite vivement &agrave; suivre le pack &quot;<strong>Bundle Photoshop : Photomontage Cr&eacute;atif Simple par la Pratique.</strong><br /> <br /> Ce tutoriel est <strong>accessible, clair</strong> et pens&eacute; pour que vous puissiez <strong>progresser rapidement</strong>. Vous y trouverez des astuces pratiques pour gagner du temps tout en am&eacute;liorant vos <strong>comp&eacute;tences graphiques</strong>. Que vous soyez un passionn&eacute; de Photoshop d&eacute;sireux de cr&eacute;er des visuels originaux, un artiste souhaitant enrichir son portfolio, ou tout simplement un d&eacute;butant curieux d&rsquo;apprendre le low poly, ce cours vous accompagnera &agrave; chaque &eacute;tape.<br /> Pour suivre ce tuto, il vous suffit d&rsquo;avoir <strong>Photoshop</strong>&nbsp;ainsi qu&rsquo;une photo de loup, que je vous fournis avec le cours, ou une image personnelle que vous souhaitez transformer.<br /> Ne manquez pas cette occasion de cr&eacute;er une illustration <strong>tendance </strong>et <strong>originale </strong>sur Photoshop, m&ecirc;me si vous d&eacute;butez. Lancez-vous et r&eacute;v&eacute;lez <strong>l&rsquo;artiste</strong> qui est en vous ! https://fr.tuto.com/photoshop/low-poly-illustration-loup,213481.html Fri, 08 Aug 2025 09:01:15 +0200 Intégrer une police Dys pour améliorer l’accessibilité de votre site https://fr.tuto.com/html/ajouter-police-dyslexique-accessibilite,213421.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/213421.jpg"/><br>Ce tutoriel en ligne vous guide<strong> pas &agrave; pas</strong> dans l&rsquo;int&eacute;gration d&rsquo;une fonctionnalit&eacute; d&rsquo;accessibilit&eacute; simple et efficace sur un site web : permettre aux utilisateurs d&rsquo;<strong>activer une police adapt&eacute;e aux personnes dyslexiques</strong>, comme OpenDyslexic, via une case &agrave; cocher.<br /> L&rsquo;objectif est double : <ul> <li>am&eacute;liorer l&rsquo;inclusion num&eacute;rique de votre interface</li> <li>respecter les crit&egrave;res du RGAA 4.1 tout en offrant une exp&eacute;rience utilisateur personnalis&eacute;e.</li> </ul> <h2>Au programme :</h2> <ul> <li>Int&eacute;gration locale d&rsquo;une police accessible (OpenDyslexic)</li> <li>Cr&eacute;ation d&rsquo;une interface simple avec une case &agrave; cocher</li> <li>Application conditionnelle de la police via JavaScript et CSS</li> <li>Utilisation de <code>localStorage</code> pour conserver le choix de l&rsquo;utilisateur</li> <li>Respect des bonnes pratiques d&rsquo;accessibilit&eacute; num&eacute;rique (RGAA)</li> </ul> <h3>Pr&eacute;requis :</h3> Ce tuto s&rsquo;adresse aux d&eacute;veloppeurs d&eacute;butants &agrave; interm&eacute;diaires ayant : <ul> <li>Des bases en <strong>HTML</strong>, <strong>CSS</strong> et <strong>JavaScript</strong></li> <li>Un int&eacute;r&ecirc;t pour l&rsquo;<strong>accessibilit&eacute; num&eacute;rique</strong> et l&rsquo;<strong>exp&eacute;rience utilisateur inclusive</strong></li> </ul> <h3>Tutos sugg&eacute;r&eacute;s :</h3> Afin de suivre ce tutoriel dans de bonnes conditions, vous pouvez mettre &agrave; jour vos connaissances via ces tutos : <ul> <li>RGAA : Faites de l&#39;accessibilit&eacute; un atout pour votre entreprise</li> <li>JavaScript moderne avanc&eacute; - Storage</li> </ul> <h3>Objectifs p&eacute;dagogiques :</h3> &Agrave; la fin de ce cours, vous serez capable de : <ul> <li>Proposer une interface accessible personnalisable par l&rsquo;utilisateur</li> <li>G&eacute;rer dynamiquement l&rsquo;affichage d&rsquo;une police alternative</li> <li>Assurer la <strong>persistance du param&egrave;tre d&rsquo;accessibilit&eacute;</strong></li> <li>Comprendre l&rsquo;impact de ce type d&rsquo;option sur la <strong>conformit&eacute; RGAA</strong></li> </ul> <h3>Fichiers fournis :</h3> <ul> <li>Fichiers HTML / CSS / JS du projet</li> <li>Police OpenDyslexic au format <code>.woff</code></li> <li>Structure de projet pr&ecirc;te &agrave; l&rsquo;emploi</li> </ul> Ce cours est une porte d&rsquo;entr&eacute;e concr&egrave;te vers une approche plus inclusive du web.<br /> En moins d&rsquo;une heure, vous saurez impl&eacute;menter une option d&rsquo;accessibilit&eacute; simple, reconnue et utile.<br /> <strong>Commencez d&egrave;s maintenant &agrave; rendre vos interfaces plus accessibles et conformes aux bonnes pratiques du web.</strong> https://fr.tuto.com/html/ajouter-police-dyslexique-accessibilite,213421.html Tue, 05 Aug 2025 14:39:16 +0200 Comprendre le workflow anamorphique en post-production https://fr.tuto.com/audiovisuel/workflow-anamorphique,213451.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/213451.jpg"/><br><h2>Devenez un ma&icirc;tre du workflow anamorphique en post-production !</h2> Pourquoi les images de cin&eacute;ma ont-elles ce format si large et immersif ?<br /> Vous avez s&ucirc;rement d&eacute;j&agrave; remarqu&eacute; ces images spectaculaires, &eacute;tir&eacute;es &agrave; l&#39;horizontale, avec cette aura &eacute;pique si caract&eacute;ristique. Ces images ont un point commun : elles sont tourn&eacute;es en <strong>anamorphique</strong>.<br /> <br /> <strong>L&#39;anamorphique</strong>, c&#39;est bien plus qu&#39;un simple format : c&#39;est une technique de tournage qui offre un champ de vision &eacute;largi, une esth&eacute;tique reconnaissable entre mille, et surtout ce fameux &quot;<strong>look cin&eacute;ma</strong>&quot; que l&#39;on associe imm&eacute;diatement aux grandes productions.<br /> Mais lorsqu&#39;on r&eacute;cup&egrave;re des rushes tourn&eacute;es en anamorphique, on ne les re&ccedil;oit pas encore dans ce format final si s&eacute;duisant. Il existe tout un <strong>workflow</strong> <strong>sp&eacute;cifique</strong> pour traiter ces images correctement en post-production. C&#39;est justement ce processus que nous allons explorer en d&eacute;tail dans cette formation. <h2>Comprendre le workflow anamorphique en post-production, le tuto complet</h2> Vous d&eacute;couvrirez dans ce cours vid&eacute;o : <ul> <li>Ce qu&#39;est r&eacute;ellement l&#39;anamorphique.</li> <li>Comment il fonctionne sur le plan optique et technique.</li> <li>Comment d&eacute;sanamorphoser une image.</li> <li>Penser un projet en anamorphique.</li> <li>Et bien s&ucirc;r, des mises en pratique concr&egrave;tes sur <strong>DaVinci Resolve</strong>, <strong>Premiere Pro</strong>, <strong>After Effects</strong> et <strong>Avid Media Composer</strong>.</li> </ul> Attention : cette formation s&#39;adresse &agrave; un public ayant d&eacute;j&agrave; une bonne ma&icirc;trise des <strong>fondamentaux</strong> techniques de la vid&eacute;o.<br /> Si vous avez un doute sur vos connaissances, je vous recommande de commencer par ma formation Comprendre la vid&eacute;o - Les composants techniques de la vid&eacute;o num&eacute;rique, qui vous donnera toutes les bases n&eacute;cessaires pour aborder sereinement le travail en anamorphique.<br /> <br /> Un <strong>QCM</strong> vous sera propos&eacute; en fin de formation et vous permettra de valider les connaissances th&eacute;oriques acquises pendant la formation.<br /> Si vous vous sentez perdus, n&#39;h&eacute;sitez pas &agrave; poser vos questions dans le salon d&#39;entraide de la formation.<br /> <br /> 🎬 &quot;Pr&ecirc;t &agrave; donner une vraie dimension cin&eacute;ma &agrave; vos projets ? Rejoignez cette formation et ma&icirc;trisez enfin l&rsquo;anamorphique en post-production.&quot;<br /> Bonne formation ! https://fr.tuto.com/audiovisuel/workflow-anamorphique,213451.html Mon, 04 Aug 2025 14:59:28 +0200 Un head bien pensé = un site bien référencé ! https://fr.tuto.com/html/balise-head-html,212991.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/212991.jpg"/><br><h3>Un Head bien pens&eacute; = un site bien r&eacute;f&eacute;renc&eacute; !</h3> Vous ma&icirc;trisez les balises HTML visibles, mais que savez-vous vraiment de la partie invisible de votre page ? Dans ce tutoriel complet, nous allons explorer <strong>tout ce que vous pouvez (et devez) int&eacute;grer dans la balise </strong> d&rsquo;un document HTML.<br /> Trop souvent n&eacute;glig&eacute;e, la balise joue pourtant un r&ocirc;le crucial dans le <strong>SEO</strong>, la <strong>performance</strong>, la <strong>compatibilit&eacute;</strong> et m&ecirc;me l&rsquo;<strong>exp&eacute;rience utilisateur</strong> sur mobile ou r&eacute;seaux sociaux.<br /> &nbsp; <h2>Au programme de ce tuto sur la balise Head HTML</h2> <ul> <li>Comprendre le r&ocirc;le et l&rsquo;importance de la balise,</li> <li>Structurer correctement une page HTML moderne,</li> <li>Int&eacute;grer les m&eacute;tadonn&eacute;es essentielles pour le SEO,</li> <li>G&eacute;rer les favicons,</li> <li>Optimiser les performances,</li> <li>Pr&eacute;parer le site pour les r&eacute;seaux sociaux (balises Open Graph).</li> </ul> Un <strong>exemple de fichier HTML complet</strong> est fourni avec le tuto, comment&eacute; et pr&ecirc;t &agrave; &ecirc;tre r&eacute;utilis&eacute; dans vos projets !<br /> Je reste disponible dans le salon d&#39;entraide pour r&eacute;pondre &agrave; vos &eacute;ventuelles questions sur la balise head. <h3>Pour aller plus loin et acqu&eacute;rir de solides comp&eacute;tences de Dev Front end</h3> Et si vous passiez votre Certification Frontend en ma compagnie ?<br /> &nbsp; https://fr.tuto.com/html/balise-head-html,212991.html Wed, 30 Jul 2025 16:39:49 +0200 Gratuit : Faire un effet dessin à partir d’une photo dans Photoshop https://fr.tuto.com/photoshop/effet-dessin-photo,213591.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/213591.jpg"/><br>Donner &agrave; vos photos l&rsquo;aspect d&rsquo;un dessin r&eacute;alis&eacute; &agrave; la main, tel est l&rsquo;objectif de ce <strong>tuto gratuit</strong> sur <strong>Photoshop</strong>. En moins de 10 minutes, vous apprendrez &agrave; transformer n&rsquo;importe quelle image en illustration stylis&eacute;e gr&acirc;ce &agrave; des techniques simples et efficaces.<br /> <br /> <strong>Dans ce tuto &quot;Faire un effet dessin &agrave; partir d&rsquo;une photo dans Photoshop&quot;, vous allez :</strong> <ul> <li>Pr&eacute;parer et optimiser votre image de d&eacute;part,</li> <li>Utiliser les filtres artistiques et les r&eacute;glages de calques pour simuler un trac&eacute; au crayon,</li> <li>Combiner effets de contour et textures papier pour plus de r&eacute;alisme,</li> <li>Ajuster les contrastes et la luminosit&eacute; pour un rendu harmonieux,</li> <li>Exporter votre cr&eacute;ation pour l&rsquo;impression ou le partage en ligne.</li> </ul> Un <strong>QCM</strong> est disponible &agrave; la fin pour valider vos connaissances et consolider vos acquis.<br /> Une <strong>section Entraide</strong> est &eacute;galement ouverte pour poser vos questions ou demander des compl&eacute;ments en vid&eacute;o. https://fr.tuto.com/photoshop/effet-dessin-photo,213591.html Tue, 12 Aug 2025 09:27:28 +0200 Photoshop : La formation complète pour les graphic designers https://fr.tuto.com/photoshop/formation-photoshop-graphic-designers,212971.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/212971.jpg"/><br>Cette formation compl&egrave;te en vid&eacute;o s&rsquo;adresse aux <strong>designers graphiques</strong> souhaitant utiliser Photoshop comme un outil puissant de <strong>cr&eacute;ation visuelle</strong> et de <strong>production graphique</strong>. De l&rsquo;interface aux techniques avanc&eacute;es, en passant par les calques, les outils vectoriels et la typographie, vous apprendrez &agrave; cr&eacute;er des visuels professionnels, ma&icirc;triser la colorim&eacute;trie et optimiser votre flux de production. <h2>Objectifs de la formation Photoshop pour graphic Designers</h2> <ul> <li>Utiliser les calques, les masques et les r&eacute;glages non destructifs</li> <li>Cr&eacute;er et manipuler des &eacute;l&eacute;ments vectoriels (formes, trac&eacute;s, logos)</li> <li>Ma&icirc;triser les outils typographiques pour l&rsquo;&eacute;dition de titres, affiches, visuels web</li> <li>Appliquer filtres, textures et effets pour enrichir ses visuels</li> <li>G&eacute;rer les fichiers en haute r&eacute;solution, avec les bons r&eacute;glages colorim&eacute;triques</li> <li>Travailler efficacement avec l&rsquo;&eacute;cosyst&egrave;me Adobe (Bridge, Creative Cloud, version web)</li> <li>Explorer les apports r&eacute;cents de l&rsquo;IA dans la cr&eacute;ation graphique</li> </ul> <h3>Pour qui ?</h3> <ul> <li>Designers graphiques en d&eacute;but de carri&egrave;re</li> <li>&Eacute;tudiants en design ou communication visuelle</li> <li>Freelances, cr&eacute;atifs et professionnels du print &amp; digital</li> <li>Toute personne souhaitant structurer ses cr&eacute;ations dans Photoshop</li> </ul> <h3>Pr&eacute;requis</h3> Aucun pr&eacute;requis technique &agrave; part les manipulations de base sur un ordinateur PC ou MAC. Un ordinateur avec Photoshop install&eacute; suffit. <ul> <li><strong>Niveau</strong> : D&eacute;butant &agrave; interm&eacute;diaire</li> <li><strong>Bonus</strong> : Fichiers d&#39;exercices fournis, mises &agrave; jour incluses, salon d&#39;entre-aide pour poster vos r&eacute;alisations et obtenir des retours !</li> </ul> https://fr.tuto.com/photoshop/formation-photoshop-graphic-designers,212971.html Mon, 21 Jul 2025 14:06:20 +0200 Photoshop : La formation complète pour les photographes https://fr.tuto.com/photoshop/photoshop-formation-photographes,212911.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/212911.jpg"/><br>Cette formation en vid&eacute;o vous accompagne dans la <strong>ma&icirc;trise compl&egrave;te de Photoshop</strong> pour la <strong>retouche photo</strong> professionnelle. Elle s&rsquo;adresse aux <strong>photographes</strong>, amateurs comme confirm&eacute;s, qui souhaitent optimiser leur <strong>flux de travail</strong>, am&eacute;liorer la <strong>qualit&eacute; de leurs images</strong> et d&eacute;velopper une <strong>approche non destructive</strong> de la retouche. <h2>Objectifs de la formation Photoshop pour Photographe</h2> <ul> <li>Comprendre l&rsquo;interface et les outils essentiels pour la retouche photo</li> <li>Utiliser les <strong>calques</strong>, <strong>masques</strong> et <strong>s&eacute;lections</strong> pour des corrections cibl&eacute;es</li> <li>Ma&icirc;triser les <strong>calques de r&eacute;glages</strong> pour une retouche non destructive</li> <li>Exploiter les <strong>outils de clonage</strong> et de transformation pour corriger ou reconstruire une image</li> <li>Appliquer des <strong>filtres</strong> pour am&eacute;liorer ou styliser une photo</li> <li>Travailler avec le module <strong>Camera Raw</strong> pour le d&eacute;veloppement des fichiers RAW</li> <li>Utiliser <strong>Adobe Bridge</strong> pour organiser et pr&eacute;visualiser les images</li> <li>D&eacute;couvrir les apports de l&rsquo;<strong>IA g&eacute;n&eacute;rative</strong> dans la retouche photo</li> <li>Comprendre les notions cl&eacute;s : <strong>8/16 bits</strong>, <strong>LUTs</strong>, <strong>espaces colorim&eacute;triques</strong>, etc.</li> </ul> <h3>Pour qui ?</h3> <ul> <li>Photographes amateurs et professionnels</li> <li>Retoucheurs d&rsquo;images</li> <li>Portraitistes, photographes de mode, de mariage, de produits, etc.</li> <li>Toute personne souhaitant ma&icirc;triser la postproduction photo dans un cadre professionnel</li> </ul> <ul> </ul> <h3>Pr&eacute;requis</h3> Aucun pr&eacute;requis technique &agrave; part les manipulations de base sur un ordinateur PC ou MAC. Un ordinateur avec Photoshop install&eacute; suffit. <ul> <li><strong>Niveau</strong> : D&eacute;butant &agrave; interm&eacute;diaire</li> <li><strong>Bonus</strong> : Fichiers d&#39;exercices fournis, mises &agrave; jour incluses, salon d&#39;entre-aide pour poster vos r&eacute;alisations et obtenir des retours !</li> </ul> https://fr.tuto.com/photoshop/photoshop-formation-photographes,212911.html Mon, 21 Jul 2025 14:10:50 +0200 Créer une Navbar Intelligente : Apparition au Scroll avec CSS & JS https://fr.tuto.com/css/tuto-navbar-scroll,212811.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/212811.jpg"/><br>Dans ce <strong>cours en vid&eacute;o</strong>, nous allons concevoir une <strong>barre de navigation dynamique et responsive</strong> qui r&eacute;agit intelligemment au comportement de l&rsquo;utilisateur : <ul> <li>La navbar se cache automatiquement lorsque l&rsquo;utilisateur fait d&eacute;filer la page vers le bas.</li> <li>Elle r&eacute;appara&icirc;t en douceur lorsqu&rsquo;il remonte.</li> <li>Une animation CSS fluide rend l&rsquo;ensemble &eacute;l&eacute;gant et professionnel.</li> <li>Le menu est responsive, avec une ic&ocirc;ne burger mobile qui se referme automatiquement.</li> </ul> Ce tuto s&rsquo;adresse aux d&eacute;veloppeurs web d&eacute;butants &agrave; interm&eacute;diaires, d&eacute;sireux d&rsquo;am&eacute;liorer l&rsquo;UX de leurs interfaces en int&eacute;grant des fonctionnalit&eacute;s modernes avec peu de code.<br /> <br /> Nous utiliserons uniquement HTML, CSS et JavaScript pur, sans aucune biblioth&egrave;que externe.<br /> Le code de ce tutoriel est &agrave; votre disposition.<br /> &Agrave; la fin de cette formation, vous saurez mettre en place une navbar &quot;intelligente&quot;, adapt&eacute;e &agrave; tous les supports, y compris mobile.<br /> Un bonus : des <strong>bonnes pratiques pour l&rsquo;accessibilit&eacute;</strong> et le responsive design. <h2>Pour aller plus loin : si vous passiez votre Certification Frontend en ma compagnie ?</h2> <ul> <li>Formation HTML, CSS &amp; JavaScript</li> <li>Cours &amp; Exercices d&#39;application</li> <li>Validation des acquis</li> <li>Projet final</li> </ul> <strong>Combien &ccedil;a co&ucirc;te ?</strong><br /> Votre CPF peut vous aider &agrave; financer cette formation !<br /> PLUS D&#39;INFOS SUR LE PARCOURS DEVELOPPEUR FRONT END. https://fr.tuto.com/css/tuto-navbar-scroll,212811.html Thu, 24 Jul 2025 09:43:28 +0200 Photoshop : La formation complète pour les digital painters https://fr.tuto.com/photoshop/photoshop-formation-digital-painters,212961.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/212961.jpg"/><br>Cette formation vid&eacute;o vous guide pas &agrave; pas dans l&#39;apprentissage de <strong>Photoshop comme outil de cr&eacute;ation artistique</strong>. Elle s&#39;adresse aux <strong>illustrateurs</strong>, <strong>dessinateurs</strong>, <strong>concept artists</strong> et <strong>digital painters</strong> souhaitant exploiter tout le potentiel du logiciel pour cr&eacute;er des images expressives, structur&eacute;es et professionnelles. <h2>Objectifs de la formation Photoshop pour les Digital Painters</h2> <ul> <li>Prendre en main l&rsquo;environnement de travail de Photoshop</li> <li>Ma&icirc;triser les calques, masques et s&eacute;lections pour structurer vos compositions</li> <li>Utiliser efficacement les <strong>pinceaux</strong>, les <strong>outils de dessin</strong> et les <strong>trac&eacute;s vectoriels</strong></li> <li>G&eacute;rer les couleurs, les contrastes et les ambiances gr&acirc;ce aux calques de r&eacute;glages</li> <li>Explorer les filtres, les textures et les effets pour enrichir vos visuels</li> <li>D&eacute;couvrir les outils r&eacute;cents li&eacute;s &agrave; l&rsquo;<strong>intelligence artificielle g&eacute;n&eacute;rative</strong></li> <li>Renforcer votre pratique avec des <strong>exercices concrets</strong> et des notions th&eacute;oriques cl&eacute;s</li> </ul> <h3>Pour qui ?</h3> <ul> <li>Illustrateurs num&eacute;riques</li> <li>Artistes digitaux</li> <li>Concept artists</li> <li>Dessinateurs souhaitant passer au num&eacute;rique</li> <li>Toute personne souhaitant ma&icirc;triser Photoshop comme outil de cr&eacute;ation artistique</li> </ul> <h3>Pr&eacute;requis</h3> Aucun pr&eacute;requis technique &agrave; part les manipulations de base sur un ordinateur PC ou MAC. Un ordinateur avec Photoshop install&eacute; suffit.&nbsp;<strong>Une tablette graphique est recommand&eacute;e pour tirer pleinement parti des outils de dessin (d&eacute;monstration sur tablette XP Pen mais toutes les notions sont transposables chez les autres marques).</strong> <ul> <li><strong>Niveau</strong> : D&eacute;butant &agrave; interm&eacute;diaire</li> <li><strong>Bonus</strong> : Fichiers d&#39;exercices fournis, mises &agrave; jour incluses, salon d&#39;entre-aide pour poster vos r&eacute;alisations et obtenir des retours !</li> </ul> https://fr.tuto.com/photoshop/photoshop-formation-digital-painters,212961.html Mon, 21 Jul 2025 14:16:12 +0200 Photoshop : La formation complète https://fr.tuto.com/photoshop/photoshop-formation-complete,210831.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/210831.jpg"/><br>Cette formation en vid&eacute;o vous accompagne pas &agrave; pas dans la d&eacute;couverte et la ma&icirc;trise de <strong>Photoshop</strong>, le logiciel de r&eacute;f&eacute;rence pour la retouche photo, la cr&eacute;ation graphique et la production visuelle. Elle s&rsquo;adresse aux d&eacute;butants comme &agrave; ceux qui souhaitent consolider leurs bases ou explorer les fonctionnalit&eacute;s avanc&eacute;es du logiciel. <h2>Objectifs de la formation Photoshop compl&egrave;te</h2> <ul> <li>Comprendre l&rsquo;interface et l&rsquo;environnement de travail de Photoshop</li> <li>Savoir utiliser les outils de s&eacute;lection, de dessin, de transformation et de retouche</li> <li>Ma&icirc;triser les calques, les masques, les r&eacute;glages non destructifs</li> <li>Int&eacute;grer les fonctions avanc&eacute;es (texte, vectoriel, filtres, IA g&eacute;n&eacute;rative (Firefly), Camera Raw)</li> <li>Travailler efficacement avec Bridge et l&rsquo;&eacute;cosyst&egrave;me Creative Cloud</li> <li>Approfondir ses connaissances gr&acirc;ce &agrave; des exercices pratiques et des notions th&eacute;oriques cl&eacute;</li> </ul> <h3>Pour qui ?</h3> <ul> <li>Photographes, d&eacute;butants ou confirm&eacute;s,</li> <li>Illustrateurs num&eacute;riques,</li> <li>Graphistes,</li> <li>Community Managers,</li> <li>Artistes digitaux,</li> <li>Concept artists,</li> <li>Dessinateurs souhaitant passer au num&eacute;rique,</li> <li>Toute personne souhaitant ma&icirc;triser Photoshop comme outil de cr&eacute;ation artistique</li> </ul> <h3>Pr&eacute;requis</h3> Aucun pr&eacute;requis technique &agrave; part les manipulations de base sur un ordinateur PC ou MAC. Un ordinateur avec Photoshop install&eacute; suffit. <ul> <li><strong>Niveau</strong> : D&eacute;butant &agrave; interm&eacute;diaire</li> <li><strong>Bonus</strong> : Fichiers d&#39;exercices fournis, mises &agrave; jour incluses, salon d&#39;entre-aide pour poster vos r&eacute;alisations et obtenir des retours !</li> </ul> https://fr.tuto.com/photoshop/photoshop-formation-complete,210831.html Mon, 21 Jul 2025 14:24:00 +0200 Word 365 : Méthodes pour des rapports réussis https://fr.tuto.com/word/word-365-methodes-pour-des-rapports-reussis,213301.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/213301.jpg"/><br><strong>Vous en avez marre des rapports Word qui ressemblent &agrave; des brouillons ?</strong><br /> Dans cette formation &quot;Word 365 : M&eacute;thodes pour des rapports r&eacute;ussis&quot;, je vous apprends &agrave; cr&eacute;er des documents <strong>clairs, structur&eacute;s et professionnels</strong>, du plan initial &agrave; la version finale pr&ecirc;te &agrave; imprimer (ou &agrave; partager en PDF). <h2>Objectifs :</h2> <ul> <li>Gagner du temps gr&acirc;ce aux styles, sommaires et automatisations</li> <li>Donner une vraie lisibilit&eacute; &agrave; vos rapports</li> <li>Ma&icirc;triser les bonnes pratiques pour un rendu impeccable et pro</li> </ul> Ludovic Bianay, auteur de ce cours est formateur depuis plus de 10 ans et expert sur les produits bureautiques de Microsoft. Il partage dans ce cours toute son expertise et les bonnes pratiques pour mettre en page vos documents longs dans Word. <h2>Au programme de ce tuto&nbsp;Word 365 : M&eacute;thodes pour des rapports r&eacute;ussis</h2> <ul> <li>Pr&eacute;parer et structurer son contenu efficacement</li> <li>Appliquer une mise en page professionnelle (marges, typographies, titres&hellip;)</li> <li>Utiliser les styles, les signets, les renvois, l&rsquo;index, les l&eacute;gendes...</li> <li>G&eacute;n&eacute;rer une table des mati&egrave;res dynamique</li> <li>Ajouter tableaux, images et graphiques de fa&ccedil;on propre</li> <li>Exporter, prot&eacute;ger et rendre accessible votre document</li> <li>Collaborer &agrave; plusieurs sur le m&ecirc;me fichier (Word Online &amp; OneDrive)</li> </ul> <h3>Pourquoi apprendre &agrave; mettre en page des documents longs ?</h3> <ul> <li><strong>Comp&eacute;tence professionnelle cl&eacute;</strong><br /> Savoir structurer un document long est une comp&eacute;tence indispensable dans de nombreux m&eacute;tiers.</li> <li><strong>Communication efficace</strong><br /> Un rapport bien pr&eacute;sent&eacute; facilite la transmission d&rsquo;informations et renforce la clart&eacute; du message.</li> <li><strong>Aide &agrave; la prise de d&eacute;cision</strong><br /> Des rapports bien construits permettent de soutenir les choix strat&eacute;giques avec des donn&eacute;es compr&eacute;hensibles.</li> <li><strong>Cr&eacute;dibilit&eacute; professionnelle</strong><br /> Un document soign&eacute; valorise votre travail et renforce votre image aupr&egrave;s de vos coll&egrave;gues ou sup&eacute;rieurs.</li> <li><strong>Avancement de carri&egrave;re</strong><br /> La capacit&eacute; &agrave; produire des livrables professionnels est souvent un levier d&rsquo;&eacute;volution ou de reconnaissance interne.</li> </ul> <h3>Public cible</h3> <ul> <li>&Eacute;tudiants pr&eacute;parant des <strong>m&eacute;moires, rapports ou th&egrave;ses</strong></li> <li>Professionnels produisant des <strong>documents longs</strong> (RH, juristes, ing&eacute;nieurs, chefs de projet&hellip;)</li> <li>Formateurs et enseignants souhaitant mod&eacute;liser des documents p&eacute;dagogiques</li> <li>Toute personne souhaitant <strong>approfondir sa ma&icirc;trise de Word</strong></li> </ul> https://fr.tuto.com/word/word-365-methodes-pour-des-rapports-reussis,213301.html Mon, 28 Jul 2025 12:21:44 +0200 Blender création de robot pour débutant https://fr.tuto.com/blender/tuto-creation-robot-3d,213201.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/213201.jpg"/><br>Vous aspirez &agrave; ma&icirc;triser la <strong>cr&eacute;ation de robots</strong> futuristes et de les animer&nbsp;? Vous &ecirc;tes au bon endroit.<br /> Cette <strong>formation de 10 heures </strong>est votre passeport pour la conception de robots enti&egrave;rement r&eacute;alis&eacute;s dans <strong>Blender</strong>, pr&ecirc;ts pour l&#39;animation et le rendu final. <h2>Au programme de ce tuto Blender cr&eacute;ation de robot pour d&eacute;butant</h2> Plongez dans un parcours progressif structur&eacute; en 6 chapitres : <ul> <li><strong>Mod&eacute;lisation</strong> : Utilisez les outils de mod&eacute;lisations de Blender 4.5 . Apprenez &agrave; cr&eacute;er les composants du robot en utilisant les modificateurs et la mod&eacute;lisation polygonale.</li> <li><strong>UV Mapping</strong> : Optimisez le d&eacute;pliage pour des textures r&eacute;alistes. D&eacute;couvrez les fonctionnalit&eacute;s de d&eacute;pliage UV et de packing de Blender 4.5</li> <li><strong>Texturing dans Substance Painte</strong>r : Donnez vie aux mat&eacute;riaux de votre robot ! Cr&eacute;ez des effets r&eacute;alistes comme le m&eacute;tal bross&eacute;, le plastique la peinture us&eacute;e gr&acirc;ce &agrave; la peinture proc&eacute;durale, aux Smart Masks et aux g&eacute;n&eacute;rateurs de salissures.</li> <li><strong>Rigging</strong> : Animez votre robot avec un squelette sur mesure. Ma&icirc;trisez les armatures, les contraintes et la personnalisation de votre rig pour contr&ocirc;ler les mouvements de mani&egrave;re r&eacute;aliste.</li> <li><strong>Animation</strong> : R&eacute;alisez des s&eacute;quences dynamiques (marche, course, danse) avec l&rsquo;&eacute;diteur d&rsquo;actions et les courbes d&#39;animation. L&#39;&Eacute;diteur NLA nous permettra de mixer les animations entre elles.</li> <li><strong>Rendu &amp; &Eacute;clairage :&nbsp;</strong>R&eacute;v&eacute;lez votre robot avec Eevee : cr&eacute;ez des &eacute;clairages convaincants et ma&icirc;trisez les options d&rsquo;export et d&rsquo;encodage vid&eacute;o.</li> </ul> <br /> Je suis Julien Deville, j&rsquo;ai une exp&eacute;rience de plus de 10 ans en tant que formateur Blender en ligne et en entreprise.<br /> <br /> Les fichiers sources fournis gratuitement vous aideront &agrave; comprendre et revenir sur les concepts abord&eacute;s dans le cours.<br /> Imaginez : dans quelques semaines, vous saurez cr&eacute;er un robot en 3d de A &agrave; Z et l&rsquo;animer pour une sc&egrave;ne de production !<br /> Bonne cr&eacute;ation. https://fr.tuto.com/blender/tuto-creation-robot-3d,213201.html Mon, 21 Jul 2025 14:40:59 +0200 Tout savoir sur la balise Picture en HTML https://fr.tuto.com/html/tuto-balise-picture-html,213001.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/213001.jpg"/><br>Dans ce <strong>tuto 100% pratique</strong>, vous allez d&eacute;couvrir comment ma&icirc;triser la balise HTML&nbsp;<code>Picture</code> pour optimiser l&#39;affichage de vos images sur tous les &eacute;crans, et am&eacute;liorer significativement les performances de vos sites web. Que vous soyez d&eacute;veloppeur front-end, int&eacute;grateur ou webdesigner, cette formation vous apprendra &agrave; : <ul> <li>Afficher des images adaptatives selon la <strong>taille d&rsquo;&eacute;cran</strong></li> <li>Utiliser des formats modernes comme <strong>WebP</strong> ou <strong>AVIF</strong> avec fallback</li> <li>Optimiser le <strong>poids des pages</strong> sans compromettre la qualit&eacute; visuelle</li> <li>Am&eacute;liorer l&rsquo;<strong>exp&eacute;rience utilisateur</strong> et la <strong>compatibilit&eacute; multi-navigateurs</strong></li> <li>Et renforcer le <strong>SEO</strong> de vos sites gr&acirc;ce &agrave; des images bien structur&eacute;es</li> </ul> &Agrave; l&rsquo;issue de ce cours, vous saurez : <ul> <li>Quand et pourquoi utiliser la balise</li> <li>Comment structurer proprement vos images responsives</li> <li>Faire cohabiter plusieurs formats (JPG, WebP, AVIF, PNG&hellip;)</li> <li>Int&eacute;grer <code>media queries</code>, <code>type</code>, et <code>srcset</code> avec pr&eacute;cision</li> <li>Appliquer les bonnes pratiques d&rsquo;accessibilit&eacute; et de performance</li> </ul> <h2>Au programme de ce tuto consacr&eacute; &agrave; la balise Picture</h2> <ul> <li>Introduction &agrave; la balise</li> <li>Diff&eacute;rences avec <code>srcset</code> / <code>sizes</code></li> <li>Affichage conditionnel par format et r&eacute;solution</li> <li>Int&eacute;gration responsive (media queries)</li> <li>Bonnes pratiques d&rsquo;optimisation et d&rsquo;accessibilit&eacute;</li> <li>&Eacute;tudes de cas et d&eacute;monstration concr&egrave;te en HTML /&nbsp;CSS</li> <li>Fichiers source t&eacute;l&eacute;chargeables fournis</li> </ul> <h3>Pr&eacute;requis</h3> <ul> <li>Connaissances de base en HTML</li> <li>Connaissances de base en CSS</li> </ul> <br /> <strong>Et si vous passiez votre Certification Front-end en ma compagnie ?</strong> <ul> <li>Formation HTML, CSS &amp; JavaScript</li> <li>Cours &amp; Exercices d&#39;application</li> <li>Validation des acquis</li> <li>Projet final</li> </ul> Combien &ccedil;a co&ucirc;te ? Votre CPF payera pour vous !&nbsp;Plus d&#39;infos sur le parcours d&eacute;veloppeur Front End. https://fr.tuto.com/html/tuto-balise-picture-html,213001.html Tue, 15 Jul 2025 14:23:04 +0200 CapCut mobile : la formation complète https://fr.tuto.com/capcut/formation-capcut-mobile,212501.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/212501.jpg"/><br><h2>Formez-vous sur CapCut, le logiciel de montage nouvelle g&eacute;n&eacute;ration !&nbsp;</h2> Bienvenue dans cette <strong>formation compl&egrave;te</strong> sur CapCut mobile, pens&eacute;e pour vous guider pas &agrave; pas dans l&#39;apprentissage et la ma&icirc;trise de la version <strong>mobile </strong>de ce logiciel de montage aussi accessible qui puissant.<br /> Avec plus de <strong>6 heures</strong> de contenu p&eacute;dagogique, cette formation couvre l&#39;ensemble des fonctionnalit&eacute;s de l&#39;application mobile : prise en main, montage, effets, titres, transitions, colorim&eacute;trie, outils automatiques, intelligence artificielle, et bien plus encore !<br /> <br /> La structure suit une progression claire et logique, id&eacute;ale pour les <strong>d&eacute;butants</strong> comme pour les utilisateurs <strong>plus avanc&eacute;s</strong>. Cette formation est enti&egrave;rement autonome et a &eacute;t&eacute; pens&eacute;e pour s&#39;adapter &agrave; tous les profils. Il n&#39;est pas du tout n&eacute;cessaire d&#39;avoir suivi la formation CapCut sur ordinateur : la formation compl&egrave;te pour suivre celle-ci.<br /> Aucun pr&eacute;requis n&#39;est n&eacute;cessaire pour suivre cette formation.<br /> Un <strong>QCM</strong> en fin de parcours vous permettra de valider les connaissances th&eacute;oriques acquises.<br /> Et si vous avez des questions en cours de route, le salon d&#39;entraide est l&agrave; pour vous accompagner.<br /> Bonne formation ! https://fr.tuto.com/capcut/formation-capcut-mobile,212501.html Tue, 24 Jun 2025 09:32:59 +0200 Maîtriser les Bases d'Excel : La Formation Essentielle https://fr.tuto.com/excel/tuto-maitrise-bases-excel,211701.html <img src="http://fr-images.tuto.net/tuto/thumb/450/220/211701.jpg"/><br><h2>Description de la formation</h2> <h4><strong>Vous d&eacute;butez sur Excel ? Cette formation est faite pour vous.</strong></h4> Que vous n&rsquo;ayez jamais ouvert Excel ou que vous ayez d&eacute;j&agrave; essay&eacute; sans vraiment comprendre, cette formation a &eacute;t&eacute; pens&eacute;e pour <strong>vous accompagner pas &agrave; pas, avec une p&eacute;dagogie progressive et sans prise de t&ecirc;te.</strong><br /> <br /> <strong>Objectif : vous rendre autonome sur Excel</strong> dans un cadre professionnel, &eacute;tudiant ou personnel. <h2>Ce que vous allez apprendre :</h2> <ul> <li>Prendre en main l&rsquo;interface d&rsquo;Excel (barre de formules, cellules, menus) ;</li> <li>Saisir, modifier et organiser vos donn&eacute;es efficacement ;</li> <li>Utiliser les formules de base (SOMME, MOYENNE, SI, etc.) ;</li> <li>Gagner du temps avec les filtres, tris et mises en forme conditionnelles ;</li> <li>Cr&eacute;er vos premiers tableaux et graphiques lisibles et utiles ;</li> <li>Comprendre les erreurs fr&eacute;quentes et comment les &eacute;viter ;</li> <li>Cr&eacute;er des tableaux crois&eacute;s dynamiques ;</li> <li>Utiliser les fonctions avanc&eacute;es (SI, Et, OU), etc. ;</li> <li>Cr&eacute;er un tableau de bord ;</li> <li>Et bien d&#39;autres encore.</li> </ul> <h2>Bonus exclusif : mon guide Excel pour d&eacute;butants offert au format ebook !</h2> En rejoignant cette formation, vous recevrez gratuitement mon <strong>ebook &quot;Excel pour d&eacute;butants&quot; publi&eacute; sur Amazon</strong>, regroupant les bases indispensables pour bien d&eacute;marrer sur Excel. Un compl&eacute;ment parfait aux vid&eacute;os ! <h2>Pourquoi suivre cette formation ?</h2> <ul> <li>Explications simples, claires et illustr&eacute;es ;</li> <li>Des exercices pratiques pour progresser r&eacute;ellement ;</li> <li>Aucun pr&eacute;requis : commencez m&ecirc;me si vous partez de z&eacute;ro ;</li> <li>Acc&egrave;s &agrave; vie + mise &agrave; jour si du contenu est ajout&eacute; ;</li> <li>Support inclus : posez vos questions &agrave; tout moment ;</li> </ul> <h2>&Agrave; la fin de cette formation, vous saurez<strong> :</strong></h2> <ul> <li>Cr&eacute;er vos propres tableaux et les personnaliser ;</li> <li>Utiliser les fonctions les plus courantes ;&nbsp;</li> <li>Analyser rapidement vos donn&eacute;es ;</li> <li>Travailler plus vite, plus proprement, plus efficacement.</li> </ul> https://fr.tuto.com/excel/tuto-maitrise-bases-excel,211701.html Thu, 17 Jul 2025 09:55:20 +0200