CINXE.COM

Cours de formation en ligne de Design web | LinkedIn Learning, anciennement Lynda.com

<!DOCTYPE html> <html lang="fr"> <head> <meta name="pageKey" content="d_learning_topics_guest"> <!----><!----> <meta name="locale" content="fr_FR"> <meta id="config" data-app-version="2.0.2217" data-call-tree-id="AAYnl6e6ZlyU+wil2Zntkw==" data-multiproduct-name="learning-guest-frontend" data-service-name="learning-guest-frontend" data-browser-id="5cbb9ccf-87c0-4e68-86b3-f9733f5892c0" data-enable-page-view-heartbeat-tracking data-page-instance="urn:li:page:learning_topics_guest;6voiUtSJSBKbN5Oca7IgRQ==" data-disable-jsbeacon-pagekey-suffix="false" data-member-id="0"> <link rel="canonical" href="https://fr.linkedin.com/learning/topics/design-web-et-ux"> <!----><!----> <!----> <!----> <!----> <link rel="manifest" href="/homepage-guest/manifest.json" crossorigin="use-credentials"> <!----> <script> function getDfd() {let yFn,nFn;const p=new Promise(function(y, n){yFn=y;nFn=n;});p.resolve=yFn;p.reject=nFn;return p;} window.lazyloader = getDfd(); window.tracking = getDfd(); window.impressionTracking = getDfd(); window.ingraphTracking = getDfd(); window.appDetection = getDfd(); window.pemTracking = getDfd(); </script> <!----> <link rel="icon" href="https://static.licdn.com/aero-v1/sc/h/444zstxv7s91nepfm5et6ofge"> <title>Cours de formation en ligne de Design web | LinkedIn Learning, anciennement Lynda.com</title> <meta name="robots" content="noarchive, max-image-preview:large"> <meta name="description" content="Nos cours de formation en ligne en matière de Design web sur LinkedIn Learning (anciennement Lynda.com) vous apportent les compétences dont vous avez besoin, des principes de base aux conseils avancés. Parcourez notre large sélection de cours en matière de Design web pour trouver exactement ce que vous recherchez."> <meta property="og:site_name" content="LinkedIn"> <meta name="twitter:site" content="@LI_Learning"> <meta name="twitter:card" content="summary"> <meta name="litmsProfileName" content="learning-guest-frontend"> <meta property="og:title" content="Cours de formation en ligne de Design web | LinkedIn Learning, anciennement Lynda.com"> <meta name="twitter:title" content="Cours de formation en ligne de Design web | LinkedIn Learning, anciennement Lynda.com"> <meta property="og:description" content="Nos cours de formation en ligne en matière de Design web sur LinkedIn Learning (anciennement Lynda.com) vous apportent les compétences dont vous avez besoin, des principes de base aux conseils avancés. Parcourez notre large sélection de cours en matière de Design web pour trouver exactement ce que vous recherchez."> <meta name="twitter:description" content="Nos cours de formation en ligne en matière de Design web sur LinkedIn Learning (anciennement Lynda.com) vous apportent les compétences dont vous avez besoin, des principes de base aux conseils avancés. Parcourez notre large sélection de cours en matière de Design web pour trouver exactement ce que vous recherchez."> <meta property="og:image" content="https://static.licdn.com/aero-v1/sc/h/50i85klb0hydcf45ieglfsw4w"> <meta property="og:image:alt" content="Femme regardant les icônes de cours LinkedIn Learning"> <meta name="twitter:image" content="https://static.licdn.com/aero-v1/sc/h/50i85klb0hydcf45ieglfsw4w"> <meta name="twitter:image:alt" content="Femme regardant les icônes de cours LinkedIn Learning"> <meta property="og:url" content="https://fr.linkedin.com/learning/topics/design-web-et-ux"> <meta property="og:type" content="website"> <meta name="clientSideIngraphs" content="1" data-gauge-metric-endpoint="/learning-guest/api/ingraphs/gauge" data-counter-metric-endpoint="/learning-guest/api/ingraphs/counter"> <link rel="stylesheet" href="https://static.licdn.com/aero-v1/sc/h/dkjlgvp5trj4iq42ch8247pqh"> <!----> </head> <body dir="ltr"> <!----><!----><!----> <div class="base-serp-page"> <a href="#main-content" class="skip-link btn-md btn-primary absolute z-11 -top-[100vh] focus:top-0"> Passer au contenu principal </a> <header class="base-serp-page__header global-alert-offset sticky-header"> <nav class="nav pt-1.5 pb-2 flex items-center justify-between relative flex-nowrap babymamabear:py-1.5 nav--minified-mobile " aria-label="Principal"> <a href="https://fr.linkedin.com/learning/?trk=learning-topics_nav-header-logo" class="nav__logo-link link-no-visited-state z-1 mr-auto min-h-[52px] flex items-center babybear:z-0 hover:no-underline focus:no-underline active:no-underline babymamabear:mr-3" data-tracking-control-name="learning-topics_nav-header-logo" data-tracking-will-navigate> <div class="learning-logo"> <icon class="learning-logo__inbug onload" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4zqr0f9jf98vi2nkijyc3bex2"></icon> <span class="learning-logo__text" aria-hidden="true">Learning</span> <span class="sr-only">LinkedIn Learning</span> </div> </a> <section class="search-bar relative flex flex-grow h-[40px] bg-cool-gray-20 min-w-0 max-w-full mx-4 rounded-sm babymamabear:mx-0 babymamabear:mb-1.5 babymamabear:bg-color-transparent babymamabear:w-full babymamabear:flex babymamabear:flex-wrap search-bar--minified-mobile" data-current-search-type="LEARNING"> <button class="search-bar__placeholder papabear:hidden text-input w-full mt-1.5 !pl-[14px] border-1 border-solid border-color-border-faint rounded-[2px] h-[40px] max-h-[40px] flex items-center overflow-hidden cursor-text" data-tracking-control-name="learning-topics_search-switcher-opener"> <icon class="text-color-icon w-3 h-3 mr-1" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/397vrsk6op88l4981ji1xe1qt"></icon> <div class="search-bar__full-placeholder font-sans text-md text-color-text max-w-[calc(100%-40px)] text-left whitespace-nowrap overflow-hidden text-ellipsis"> <!----><!----> Design web <!----> </div> <span class="sr-only">Étendre la recherche</span> </button> <div class="switcher-tabs__trigger-and-tabs babymamabear:flex"> <button aria-expanded="false" class="switcher-tabs__placeholder flex !h-full !py-0 !pl-2 !pr-1.5 border-r-1 border-solid border-r-color-border-faint babymamabear:hidden tab-md papabear:tab-vertical papabear:justify-start cursor-pointer" data-tracking-control-name="learning-topics_switcher-tabs-placeholder" aria-describedby="switcher-description"> <span class="switcher-tabs__placeholder-text m-auto"></span> <icon class="switcher-tabs__caret-down-filled onload pointer-events-none block my-auto min-h-[24px] min-w-[24px] h-[24px] babymamabear:hidden" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/7asbl4deqijhoy3z2ivveispv"></icon> </button> <div id="switcher-description" class="hidden">Ce bouton affiche le type de recherche actuellement sélectionné. Il permet de détailler la liste des options de recherche, qui modifieront les termes saisis pour correspondre à la sélection actuelle.</div> <!----> <div class="switcher-tabs hidden z-[1] w-auto min-w-[160px] mb-1.5 py-1 absolute top-[48px] left-0 border-solid border-1 border-color-border-faint papabear:container-raised babymamabear:static babymamabear:w-[100vw] babymamabear:h-[48px] babymamabear:p-0 overflow-y-hidden overflow-x-auto md:overflow-x-hidden"> <ul class="switcher-tabs__list flex flex-1 items-stretch papabear:flex-col" role="tablist"> <li class="switcher-tabs__tab h-[44px] babymamabear:basis-1/2" role="presentation"> <button aria-controls="jobs-search-panel" aria-selected="false" class="switcher-tabs__button w-full h-full tab-md papabear:tab-vertical papabear:justify-start cursor-pointer " data-switcher-type="JOBS" data-tracking-control-name="learning-topics_switcher-tabs-jobs-search-switcher" id="job-switcher-tab" role="tab"> Emplois </button> </li> <li class="switcher-tabs__tab h-[44px] babymamabear:basis-1/2" role="presentation"> <button aria-controls="people-search-panel" aria-selected="false" class="switcher-tabs__button w-full h-full tab-md papabear:tab-vertical papabear:justify-start cursor-pointer " data-switcher-type="PEOPLE" data-tracking-control-name="learning-topics_switcher-tabs-people-search-switcher" id="people-switcher-tab" role="tab"> Personnes </button> </li> <li class="switcher-tabs__tab h-[44px] babymamabear:basis-1/2" role="presentation"> <button aria-controls="learning-search-panel" aria-selected="true" class="switcher-tabs__button w-full h-full tab-md papabear:tab-vertical papabear:justify-start cursor-pointer tab-selected" data-switcher-type="LEARNING" data-tracking-control-name="learning-topics_switcher-tabs-learning-search-switcher" id="learning-switcher-tab" role="tab"> LinkedIn Learning </button> </li> </ul> <button aria-label="Fermer" class="switcher-tabs__cancel-btn papabear:hidden block w-6 h-6 m-auto text-color-text-low-emphasis" data-tracking-control-name="learning-topics_switcher-tabs-cancel-search-switcher" type="button"> <icon class="switcher-tabs__cancel-icon block w-3 h-3 m-auto onload" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </div> </div> <section class="base-search-bar w-full h-full" data-searchbar-type="PEOPLE" aria-labelledby="people-switcher-tab" id="people-search-panel" role="tabpanel"> <form class="base-search-bar__form w-full flex babymamabear:mx-mobile-container-padding babymamabear:flex-col" role="search" action="/pub/dir" data-tracking-control-name="learning-topics_people-search-bar_base-search-bar-form"> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 search-input"> <input aria-label="Prénom " autocomplete="on" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-topics_people-search-bar_first-name_dismissable-input" maxlength="500" name="firstName" placeholder="Prénom " type="search"> <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-topics_people-search-bar_first-name_dismissable-input-clear" type="button"> <label class="sr-only">Effacer le texte</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 search-input"> <input aria-label="Nom " autocomplete="on" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-topics_people-search-bar_last-name_dismissable-input" maxlength="500" name="lastName" placeholder="Nom " type="search"> <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-topics_people-search-bar_last-name_dismissable-input-clear" type="button"> <label class="sr-only">Effacer le texte</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <input name="trk" value="learning-topics_people-search-bar_search-submit" type="hidden"> <button class="base-search-bar__submit-btn block basis-[40px] flex-shrink-0 cursor-pointer babymamabear:invisible babymamabear:ml-[-9999px] babymamabear:w-[1px] babymamabear:h-[1px]" aria-label="Rechercher" data-tracking-control-name="learning-topics_people-search-bar_base-search-bar-search-submit" type="submit"> <icon class="base-search-bar__search-icon onload mx-auto" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cb5bsr4tsn2r4sjg9e3ls4tjl"></icon> </button> </form> </section> <section class="base-search-bar w-full h-full" data-searchbar-type="JOBS" aria-labelledby="job-switcher-tab" id="jobs-search-panel" role="tabpanel"> <form class="base-search-bar__form w-full flex babymamabear:mx-mobile-container-padding babymamabear:flex-col" role="search" action="/jobs/search" data-tracking-control-name="learning-topics_jobs-search-bar_base-search-bar-form"> <code id="i18n_aria_live_text_no-suggestions" style="display: none"><!--"Aucune suggestion"--></code> <code id="i18n_aria_live_text_one-suggestion" style="display: none"><!--"Une suggestion. Utilisez les flèches vers le haut et le bas pour naviguer"--></code> <code id="i18n_aria_live_text_multiple-suggestions" style="display: none"><!--"Plusieurs suggestions. Utilisez les flèches vers le haut et le bas pour naviguer"--></code> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 typeahead-input keywords-typeahead-input text-input"> <input aria-autocomplete="list" aria-controls="job-search-bar-keywords-typeahead-list" aria-haspopup="listbox" aria-label="Rechercher des emplois ou des entreprises" autocomplete="off" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-topics_dismissable-input" id="job-search-bar-keywords" maxlength="500" name="keywords" placeholder="Rechercher des emplois ou des entreprises" role="combobox" value="Design web" type="search"> <!----> <div class="typeahead-input__dropdown container-lined absolute top-[calc(100%+3px)] left-0 w-full rounded-b-md rounded-t-none z-[10] overflow-hidden max-w-none babybear:min-w-full babybear:bottom-0 babybear:overflow-y-auto"> <template class="typeahead-item-template"> <li class="typeahead-input__dropdown-item py-1.5 px-2 hover:cursor-pointer hover:bg-color-surface-new-hover hover:border-y-2 hover:border-solid hover:border-color-container-primary" role="option"> <span class="typeahead-input__dropdown-text font-sans text-sm font-bold text-color-text"></span> </li> </template> <ul class="typeahead-input__dropdown-list w-full" id="job-search-bar-keywords-typeahead-list" role="listbox"></ul> </div> <!----> <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-topics_dismissable-input-clear" type="button"> <label class="sr-only">Effacer le texte</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <!----> <code id="i18n_aria_live_text_no-suggestions" style="display: none"><!--"Aucune suggestion"--></code> <code id="i18n_aria_live_text_one-suggestion" style="display: none"><!--"Une suggestion. Utilisez les flèches vers le haut et le bas pour naviguer"--></code> <code id="i18n_aria_live_text_multiple-suggestions" style="display: none"><!--"Plusieurs suggestions. Utilisez les flèches vers le haut et le bas pour naviguer"--></code> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 typeahead-input location-typeahead-input"> <input aria-autocomplete="list" aria-controls="job-search-bar-location-typeahead-list" aria-haspopup="listbox" aria-label="Lieu" autocomplete="off" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-topics_dismissable-input" id="job-search-bar-location" maxlength="500" name="location" placeholder="Lieu" role="combobox" value="Île de Hong Kong" type="search"> <!----> <div class="typeahead-input__dropdown container-lined absolute top-[calc(100%+3px)] left-0 w-full rounded-b-md rounded-t-none z-[10] overflow-hidden max-w-none babybear:min-w-full babybear:bottom-0 babybear:overflow-y-auto"> <template class="typeahead-item-template"> <li class="typeahead-input__dropdown-item py-1.5 px-2 hover:cursor-pointer hover:bg-color-surface-new-hover hover:border-y-2 hover:border-solid hover:border-color-container-primary" role="option"> <span class="typeahead-input__dropdown-text font-sans text-sm font-bold text-color-text"></span> </li> </template> <ul class="typeahead-input__dropdown-list w-full" id="job-search-bar-location-typeahead-list" role="listbox"></ul> </div> <!----> <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-topics_dismissable-input-clear" type="button"> <label class="sr-only">Effacer le texte</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <input name="geoId" value="102817007" type="hidden"> <input name="trk" value="learning-topics_jobs-search-bar_search-submit" type="hidden"> <button class="base-search-bar__submit-btn block basis-[40px] flex-shrink-0 cursor-pointer babymamabear:invisible babymamabear:ml-[-9999px] babymamabear:w-[1px] babymamabear:h-[1px]" aria-label="Rechercher" data-tracking-control-name="learning-topics_jobs-search-bar_base-search-bar-search-submit" type="submit"> <icon class="base-search-bar__search-icon onload mx-auto" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cb5bsr4tsn2r4sjg9e3ls4tjl"></icon> </button> </form> </section> <section class="base-search-bar w-full h-full" data-searchbar-type="LEARNING" aria-labelledby="learning-switcher-tab" id="learning-search-panel" role="tabpanel"> <form class="base-search-bar__form w-full flex babymamabear:mx-mobile-container-padding babymamabear:flex-col" role="search" action="/learning/search" data-tracking-control-name="learning-topics_learning-search-bar_base-search-bar-form"> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 search-input"> <input aria-label="Chercher des compétences, sujets ou logiciels" autocomplete="on" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-topics_learning-search-bar_keywords_dismissable-input" maxlength="500" name="keywords" placeholder="Chercher des compétences, sujets ou logiciels" value="Design web" type="search"> <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-topics_learning-search-bar_keywords_dismissable-input-clear" type="button"> <label class="sr-only">Effacer le texte</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <input class="nav__search-uoo" name="upsellOrderOrigin" type="hidden"> <input name="trk" value="learning-topics_learning-search-bar_search-submit" type="hidden"> <button class="base-search-bar__submit-btn block basis-[40px] flex-shrink-0 cursor-pointer babymamabear:invisible babymamabear:ml-[-9999px] babymamabear:w-[1px] babymamabear:h-[1px]" aria-label="Rechercher" data-tracking-control-name="learning-topics_learning-search-bar_base-search-bar-search-submit" type="submit"> <icon class="base-search-bar__search-icon onload mx-auto" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cb5bsr4tsn2r4sjg9e3ls4tjl"></icon> </button> </form> </section> <!----> <div aria-live="polite" class="search-bar__live-text sr-only" role="status"></div> </section> <!----> <div class="nav__cta-container order-3 flex gap-x-1 justify-end min-w-[100px] flex-nowrap flex-shrink-0 babybear:flex-wrap flex-2 babymamabear:min-w-[50px] "> <a class="nav__button-tertiary btn-md btn-tertiary" href="http://fr.linkedin.com/learning/subscription/products?courseSlug=design-web-et-ux&amp;destRedirectURL=https%3A%2F%2Ffr%2Elinkedin%2Ecom%2Flearning%2Ftopics%2Fdesign-web-et-ux&amp;trk=learning-topics_nav-header-join&amp;upsellTrk=lil_upsell_nav_subscription" data-tracking-control-name="lil_upsell_nav_subscription" data-tracking-impression-name="lil_upsell_nav_subscription" data-test-live-nav-primary-cta data-tracking-will-navigate> Démarrer mon essai gratuit </a> <a class="nav__button-secondary btn-md btn-secondary-emphasis" href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Ftopics%2Fdesign-web-et-ux%3Ftrk%3Dlearning-course_browsemap_link&amp;fromSignIn=true&amp;trk=learning-topics_nav-header-signin" data-tracking-control-name="learning-topics_nav-header-signin" data-tracking-will-navigate> S’identifier </a> <a aria-label="S’identifier" class="nav__link-person papabear:hidden mamabear:hidden" data-tracking-control-name="learning-topics_nav-header-signin" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Ftopics%2Fdesign-web-et-ux%3Ftrk%3Dlearning-course_browsemap_link&amp;fromSignIn=true&amp;trk=learning-topics_nav-header-signin"> <img class="inline-block relative rounded-[50%] w-4 h-4 bg-color-entity-ghost-background" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </a> </div> <!----> <!----> </nav> </header> <section class="base-serp-page__filters-bar"> <div class="base-serp-page__filters"> <div class="search-filters"> <!----> <div class="filters filters--desktop"> <form class="filters__form" id="learning-filters" action="https://fr.linkedin.com/learning/topics/design-web-et-ux" data-tracking-control-name="learning-topics_filters"> <input name="trk" value="learning-course_browsemap_link" type="hidden"> <input name="didUpdateFilters" value="true" type="hidden"> <ul class="filters__list"> <li class="filter"> <div class="dropdown-to-modal filter__dropdown-to-modal"> <div class="collapsible-dropdown flex items-center relative hyphens-auto"> <button class="filter-button pill flex items-center !min-h-0 filter-button--selected pill-checked filter__dropdown-to-modal-trigger" aria-label="Filtre Filtrer par. Le filtre Pertinence est déjà appliqué. En cliquant sur ce bouton, toutes les options de filtres Filtrer par apparaîtront." data-tracking-control-name="learning-topics_sortBy" aria-expanded="false" type="button"> Pertinence <icon data-delayed-url="https://static.licdn.com/aero-v1/sc/h/7asbl4deqijhoy3z2ivveispv" class="filter-button__icon h-3 w-2"></icon> </button> <div class="collapsible-dropdown__list hidden container-raised absolute w-auto overflow-y-auto flex-col items-stretch z-1 bottom-auto top-[100%]" tabindex="-1"> <!----> <div class="filter-values-container"> <div class="filter-values-container__filter-values" aria-label="Options de filtre Filtrer par" role="group"> <div class="filter-values-container__filter-value"> <input id="sortBy-0" form="learning-filters" name="sortBy" checked value="RELEVANCE" type="radio"> <label for="sortBy-0"> Pertinence </label> </div> <div class="filter-values-container__filter-value"> <input id="sortBy-1" form="learning-filters" name="sortBy" value="POPULARITY" type="radio"> <label for="sortBy-1"> Nombre de vues </label> </div> <div class="filter-values-container__filter-value"> <input id="sortBy-2" form="learning-filters" name="sortBy" value="RECENCY" type="radio"> <label for="sortBy-2"> Les plus récents </label> </div> </div> </div> <button class="filter__submit-button" form="learning-filters" data-tracking-control-name="learning-topics_sortBy" type="submit"> Terminé </button> </div> <!----> </div> </div> </li> <li class="filter"> <div class="dropdown-to-modal filter__dropdown-to-modal"> <div class="collapsible-dropdown flex items-center relative hyphens-auto"> <button class="filter-button pill flex items-center !min-h-0 filter__dropdown-to-modal-trigger" aria-label="Filtre Niveau. En cliquant sur ce bouton, toutes les options de filtres Niveau apparaîtront." data-tracking-control-name="learning-topics_filters_difficultyLevel" aria-expanded="false" type="button"> Niveau <!----> <icon data-delayed-url="https://static.licdn.com/aero-v1/sc/h/7asbl4deqijhoy3z2ivveispv" class="filter-button__icon h-3 w-2"></icon> </button> <div class="collapsible-dropdown__list hidden container-raised absolute w-auto overflow-y-auto flex-col items-stretch z-1 bottom-auto top-[100%]" tabindex="-1"> <!----> <div class="filter-values-container"> <div class="filter-values-container__filter-values" aria-label="Options de filtre Niveau" role="group"> <div class="filter-values-container__filter-value"> <input id="difficultyLevel-0" form="learning-filters" name="difficultyLevel" value="BEGINNER" type="radio"> <label for="difficultyLevel-0"> Débutant (794) </label> </div> <div class="filter-values-container__filter-value"> <input id="difficultyLevel-1" form="learning-filters" name="difficultyLevel" value="INTERMEDIATE" type="radio"> <label for="difficultyLevel-1"> Intermédiaire (1 156) </label> </div> <div class="filter-values-container__filter-value"> <input id="difficultyLevel-2" form="learning-filters" name="difficultyLevel" value="ADVANCED" type="radio"> <label for="difficultyLevel-2"> Avancé (96) </label> </div> </div> </div> <button class="filter__submit-button" form="learning-filters" data-tracking-control-name="learning-topics_filters_difficultyLevel" type="submit"> Terminé </button> </div> <!----> </div> </div> </li> <li class="filter"> <div class="dropdown-to-modal filter__dropdown-to-modal"> <div class="collapsible-dropdown flex items-center relative hyphens-auto"> <button class="filter-button pill flex items-center !min-h-0 filter__dropdown-to-modal-trigger" aria-label="Filtre Type. En cliquant sur ce bouton, toutes les options de filtres Type apparaîtront." data-tracking-control-name="learning-topics_filters_entityType" aria-expanded="false" type="button"> Type <!----> <icon data-delayed-url="https://static.licdn.com/aero-v1/sc/h/7asbl4deqijhoy3z2ivveispv" class="filter-button__icon h-3 w-2"></icon> </button> <div class="collapsible-dropdown__list hidden container-raised absolute w-auto overflow-y-auto flex-col items-stretch z-1 bottom-auto top-[100%]" tabindex="-1"> <!----> <div class="filter-values-container"> <div class="filter-values-container__filter-values" aria-label="Options de filtre Type" role="group"> <div class="filter-values-container__filter-value"> <input id="entityType-0" form="learning-filters" name="entityType" value="COURSE" type="radio"> <label for="entityType-0"> Cours (53) </label> </div> <div class="filter-values-container__filter-value"> <input id="entityType-1" form="learning-filters" name="entityType" value="VIDEO" type="radio"> <label for="entityType-1"> Vidéo (1 556) </label> </div> <div class="filter-values-container__filter-value"> <input id="entityType-2" form="learning-filters" name="entityType" value="LEARNING_PATH" type="radio"> <label for="entityType-2"> Cursus d’apprentissage (14) </label> </div> </div> </div> <button class="filter__submit-button" form="learning-filters" data-tracking-control-name="learning-topics_filters_entityType" type="submit"> Terminé </button> </div> <!----> </div> </div> </li> <li class="filter"> <div class="dropdown-to-modal filter__dropdown-to-modal"> <div class="collapsible-dropdown flex items-center relative hyphens-auto"> <button class="filter-button pill flex items-center !min-h-0 filter__dropdown-to-modal-trigger" aria-label="Filtre Durée totale. En cliquant sur ce bouton, toutes les options de filtres Durée totale apparaîtront." data-tracking-control-name="learning-topics_filters_durationV2" aria-expanded="false" type="button"> Durée totale <!----> <icon data-delayed-url="https://static.licdn.com/aero-v1/sc/h/7asbl4deqijhoy3z2ivveispv" class="filter-button__icon h-3 w-2"></icon> </button> <div class="collapsible-dropdown__list hidden container-raised absolute w-auto overflow-y-auto flex-col items-stretch z-1 bottom-auto top-[100%]" tabindex="-1"> <!----> <div class="filter-values-container"> <div class="filter-values-container__filter-values" aria-label="Options de filtre Durée totale" role="group"> <div class="filter-values-container__filter-value"> <input id="durationV2-0" form="learning-filters" name="durationV2" value="BETWEEN_0_TO_10_MIN" type="radio"> <label for="durationV2-0"> &lt; 10 min. (1 552) </label> </div> <div class="filter-values-container__filter-value"> <input id="durationV2-1" form="learning-filters" name="durationV2" value="BETWEEN_10_TO_30_MIN" type="radio"> <label for="durationV2-1"> 10 - 30 min. (13) </label> </div> <div class="filter-values-container__filter-value"> <input id="durationV2-2" form="learning-filters" name="durationV2" value="BETWEEN_30_TO_60_MIN" type="radio"> <label for="durationV2-2"> 30 - 60 min. (10) </label> </div> <div class="filter-values-container__filter-value"> <input id="durationV2-3" form="learning-filters" name="durationV2" value="BETWEEN_1_TO_2_HOURS" type="radio"> <label for="durationV2-3"> 1 - 2 heures (16) </label> </div> <div class="filter-values-container__filter-value"> <input id="durationV2-4" form="learning-filters" name="durationV2" value="BETWEEN_2_TO_3_HOURS" type="radio"> <label for="durationV2-4"> 2 - 3 heures (11) </label> </div> <div class="filter-values-container__filter-value"> <input id="durationV2-5" form="learning-filters" name="durationV2" value="MORE_THAN_3_HOURS" type="radio"> <label for="durationV2-5"> + de 3 heures (21) </label> </div> </div> </div> <button class="filter__submit-button" form="learning-filters" data-tracking-control-name="learning-topics_filters_durationV2" type="submit"> Terminé </button> </div> <!----> </div> </div> </li> <li class="filter"> <div class="dropdown-to-modal filter__dropdown-to-modal"> <div class="collapsible-dropdown flex items-center relative hyphens-auto"> <button class="filter-button pill flex items-center !min-h-0 filter__dropdown-to-modal-trigger" aria-label="Filtre Logiciel. En cliquant sur ce bouton, toutes les options de filtres Logiciel apparaîtront." data-tracking-control-name="learning-topics_filters_softwareNames" aria-expanded="false" type="button"> Logiciel <!----> <icon data-delayed-url="https://static.licdn.com/aero-v1/sc/h/7asbl4deqijhoy3z2ivveispv" class="filter-button__icon h-3 w-2"></icon> </button> <div class="collapsible-dropdown__list hidden container-raised absolute w-auto overflow-y-auto flex-col items-stretch z-1 bottom-auto top-[100%]" tabindex="-1"> <!----> <div class="filter-values-container"> <div class="filter-values-container__filter-values" aria-label="Options de filtre Logiciel" role="group"> <div class="filter-values-container__filter-value"> <input id="softwareNames-0" form="learning-filters" name="softwareNames" value="CSS" type="radio"> <label for="softwareNames-0"> CSS (456) </label> </div> <div class="filter-values-container__filter-value"> <input id="softwareNames-1" form="learning-filters" name="softwareNames" value="Figma" type="radio"> <label for="softwareNames-1"> Figma (219) </label> </div> <div class="filter-values-container__filter-value"> <input id="softwareNames-2" form="learning-filters" name="softwareNames" value="HTML" type="radio"> <label for="softwareNames-2"> HTML (175) </label> </div> <div class="filter-values-container__filter-value"> <input id="softwareNames-3" form="learning-filters" name="softwareNames" value="Adobe XD" type="radio"> <label for="softwareNames-3"> Adobe XD (109) </label> </div> <div class="filter-values-container__filter-value"> <input id="softwareNames-4" form="learning-filters" name="softwareNames" value="Photoshop" type="radio"> <label for="softwareNames-4"> Photoshop (97) </label> </div> <div class="filter-values-container__filter-value"> <input id="softwareNames-5" form="learning-filters" name="softwareNames" value="Sketch" type="radio"> <label for="softwareNames-5"> Sketch (38) </label> </div> <div class="filter-values-container__filter-value"> <input id="softwareNames-6" form="learning-filters" name="softwareNames" value="Illustrator" type="radio"> <label for="softwareNames-6"> Illustrator (31) </label> </div> <div class="filter-values-container__filter-value"> <input id="softwareNames-7" form="learning-filters" name="softwareNames" value="Microsoft Word" type="radio"> <label for="softwareNames-7"> Microsoft Word (31) </label> </div> <div class="filter-values-container__filter-value"> <input id="softwareNames-8" form="learning-filters" name="softwareNames" value="Windows" type="radio"> <label for="softwareNames-8"> Windows (23) </label> </div> <div class="filter-values-container__filter-value"> <input id="softwareNames-9" form="learning-filters" name="softwareNames" value="Emmet" type="radio"> <label for="softwareNames-9"> Emmet (17) </label> </div> <div class="filter-values-container__filter-value"> <input id="softwareNames-10" form="learning-filters" name="softwareNames" value="JavaScript" type="radio"> <label for="softwareNames-10"> JavaScript (3) </label> </div> <div class="filter-values-container__filter-value"> <input id="softwareNames-11" form="learning-filters" name="softwareNames" value="Bootstrap" type="radio"> <label for="softwareNames-11"> Bootstrap (1) </label> </div> <div class="filter-values-container__filter-value"> <input id="softwareNames-12" form="learning-filters" name="softwareNames" value="Dreamweaver" type="radio"> <label for="softwareNames-12"> Dreamweaver (1) </label> </div> <div class="filter-values-container__filter-value"> <input id="softwareNames-13" form="learning-filters" name="softwareNames" value="Git" type="radio"> <label for="softwareNames-13"> Git (1) </label> </div> <div class="filter-values-container__filter-value"> <input id="softwareNames-14" form="learning-filters" name="softwareNames" value="GitHub" type="radio"> <label for="softwareNames-14"> GitHub (1) </label> </div> <div class="filter-values-container__filter-value"> <input id="softwareNames-15" form="learning-filters" name="softwareNames" value="HTML5 Boilerplate" type="radio"> <label for="softwareNames-15"> HTML5 Boilerplate (1) </label> </div> <div class="filter-values-container__filter-value"> <input id="softwareNames-16" form="learning-filters" name="softwareNames" value="InDesign" type="radio"> <label for="softwareNames-16"> InDesign (1) </label> </div> <div class="filter-values-container__filter-value"> <input id="softwareNames-17" form="learning-filters" name="softwareNames" value="Office 365" type="radio"> <label for="softwareNames-17"> Office 365 (1) </label> </div> <div class="filter-values-container__filter-value"> <input id="softwareNames-18" form="learning-filters" name="softwareNames" value="jQuery" type="radio"> <label for="softwareNames-18"> jQuery (1) </label> </div> <div class="filter-values-container__filter-value"> <input id="softwareNames-19" form="learning-filters" name="softwareNames" value="webpack" type="radio"> <label for="softwareNames-19"> webpack (1) </label> </div> </div> </div> <button class="filter__submit-button" form="learning-filters" data-tracking-control-name="learning-topics_filters_softwareNames" type="submit"> Terminé </button> </div> <!----> </div> </div> </li> </ul> </form> <!----> </div> </div> </div> </section> <div class="enterprise-nav"> <div class="enterprise-nav__content-wrapper"> <p id="enterprise-nav-solutions" class="enterprise-nav__content" tabindex="-1"> Solutions pour : </p> <a href="https://learning.linkedin.com/fr-fr/for-entire-companies?src=li-learning-nav&trk=learning-topics_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-business" class="enterprise-nav__content" data-tracking-control-name="learning-topics_enterprise-nav" data-tracking-will-navigate="true" id="business-nav-business">Entreprise</a> <a href="https://learning.linkedin.com/fr-fr/for-higher-education?src=li-learning-nav&trk=learning-topics_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-education" class="enterprise-nav__content" data-tracking-control-name="learning-topics_enterprise-nav" data-tracking-will-navigate="true" id="business-nav-education">Enseignement supérieur</a> <a href="https://learning.linkedin.com/fr-fr/for-governments?src=li-learning-nav&trk=learning-topics_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-government" class="enterprise-nav__content" data-tracking-control-name="learning-topics_enterprise-nav" data-tracking-will-navigate="true" id="business-nav-government">Administration publique</a> <a href="/learning/subscription/teams?veh=lil_upx&src=li-learning-nav&trk=learning-topics_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-buy" class="enterprise-nav__content" data-test-live-enterprise-upsell="true" data-tracking-control-name="learning-topics_enterprise-nav" data-tracking-will-navigate="true" data-tracking-impression-name="lil_upsell_learning-topics_enterprise-nav_teambuy" id="business-nav-buy">Acheter pour mon équipe</a> </div> </div> <div class="base-serp-page__content"> <main id="main-content" class="serp-page__results" role="main"> <section class="serp-page__search-header"> <ol class="breadcrumb__list"> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://fr.linkedin.com/learning/browse?trk=learning-topics_breadcrumb" data-tracking-control-name="learning-topics_breadcrumb" data-tracking-will-navigate>Toutes les rubriques</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://fr.linkedin.com/learning/topics/creativite?trk=learning-topics_breadcrumb" data-tracking-control-name="learning-topics_breadcrumb" data-tracking-will-navigate>Créativité</a> </li> </ol> <script type="application/ld+json"> {"@context":"http://schema.org/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Toutes les rubriques","item":"https://fr.linkedin.com/learning/browse"},{"@type":"ListItem","position":2,"name":"Créativité","item":"https://fr.linkedin.com/learning/topics/creativite"}]} </script> <section class="core-section-container my-3"> <h1 class="core-section-container__main-title main-title"> Cours de formation en ligne de <b>Design web</b> </h1> <!----> <!----> <div class="core-section-container__content break-words"> <p> Il est très facile d’apprendre le design web depuis chez vous grâce à nos formations vidéo. Apprenez l’HTML5, les CSS et JavaScript. Maîtrisez WordPress et initiez-vous aux dernières tendances du design web. </p> </div> </section> <section class="core-section-container my-3"> <!----> <!----> <!----> <div class="core-section-container__content break-words"> <!----> <section class="slide-list relative trending-courses"> <header class="slide-list__header mb-1.5"> <h2 class="slide-list__heading font-bold mb-0.5 text-color-text text-lg">Cours populaires</h2> <!----> </header> <div class="slide-list__nav"> <div class="slide-list__nav-wrap absolute flex h-full items-center top-0 z-1 slide-list__nav-wrap--prev left-[-20px]"> <div class="previous-slide-list__a11y-notification sr-only hidden" role="alert"> Plus de contenu précédent </div> <button data-tracking-control-name="learning-topics_trending-courses_slide_list_prev_button" class="slide-list__nav-button btn-sm btn-overlay cursor-pointer disabled:hidden" aria-label="Diapositive précédente sur les cours populaires" data-direction="prev" disabled> <icon class="slide-list__nav-icon flex items-center justify-center pointer-events-none h-3 rtl:-scale-x-100 rtl:translate-x-[7px]" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/e5ka7p8s9n5r0z9p6kpmm3hig"></icon> </button> </div> </div> <div class="relative overflow-hidden "> <ul class="slide-list__list items-stretch flex list-none transition-all duration-slow ease-standard "> <li class="trending-courses__list-item"> <a href="https://fr.linkedin.com/learning/dessiner-des-graphiques-vectoriels?trk=learning-topics_trending-courses_related-content-card" target="_self" data-tracking-control-name="learning-topics_trending-courses_related-content-card" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link related-content-card w-[228px] block relative related-content-card--link absolute z-[1] top-0 bottom-0 left-0 right-0 hover:no-underline focus:no-underline" aria-label="Dessiner des graphiques vectoriels, 2 h 24 m, 19 304 vues"> <!----> <div class="related-entity-media relative block w-[228px] h-[134px] rounded-[2px]"> <img class="related-entity-media__img w-full h-full object-cover rounded-[2px]" alt="Dessiner des graphiques vectoriels" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQER3q3kCZ23kA/learning-public-crop_288_512/learning-public-crop_288_512/0/1567118336571?e=2147483647&amp;v=beta&amp;t=XQGT4kIYqsOHA_t2CaNXwzJlzUXzFLVrPzrEgDBZCMM"> <div class="related-entity-media__duration duration"> 2 h 24 m </div> <!----> </div> <p class="related-content-card__identifier font-sans text-xs font-bold text-color-text-low-emphasis uppercase leading-[20px]"> Cours </p> <div class="related-content-card__info flex flex-col mt-1"> <h3 class="related-content-card__title font-sans text-[18px] font-bold text-color-text line-clamp-2"> Dessiner des graphiques vectoriels </h3> <!----> <div class="font-sans font-regular text-sm text-color-text-low-emphasis mt-0.5 line-clamp-3 related-content-card__metadata"> <p class="font-sans font-regular text-sm text-color-text-low-emphasis mt-0.5 line-clamp-3 related-content-card__metadata-item">19 304 vues</p> </div> </div> </a> </li> <li class="trending-courses__list-item"> <a href="https://fr.linkedin.com/learning/l-essentiel-des-css-2?trk=learning-topics_trending-courses_related-content-card" target="_self" data-tracking-control-name="learning-topics_trending-courses_related-content-card" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link related-content-card w-[228px] block relative related-content-card--link absolute z-[1] top-0 bottom-0 left-0 right-0 hover:no-underline focus:no-underline" aria-label="L&amp;#39;essentiel des CSS, 6 h 14 m, 16 890 vues"> <!----> <div class="related-entity-media relative block w-[228px] h-[134px] rounded-[2px]"> <img class="related-entity-media__img w-full h-full object-cover rounded-[2px]" alt="L'essentiel des CSS" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQF7ldjVDOc9sg/learning-public-crop_288_512/learning-public-crop_288_512/0/1571125552148?e=2147483647&amp;v=beta&amp;t=Tv7YvCF5b6yI3FKeAPO197deqF5XtzljJzIpG-__49M"> <div class="related-entity-media__duration duration"> 6 h 14 m </div> <!----> </div> <p class="related-content-card__identifier font-sans text-xs font-bold text-color-text-low-emphasis uppercase leading-[20px]"> Cours </p> <div class="related-content-card__info flex flex-col mt-1"> <h3 class="related-content-card__title font-sans text-[18px] font-bold text-color-text line-clamp-2"> L'essentiel des CSS </h3> <!----> <div class="font-sans font-regular text-sm text-color-text-low-emphasis mt-0.5 line-clamp-3 related-content-card__metadata"> <p class="font-sans font-regular text-sm text-color-text-low-emphasis mt-0.5 line-clamp-3 related-content-card__metadata-item">16 890 vues</p> </div> </div> </a> </li> <li class="trending-courses__list-item"> <a href="https://fr.linkedin.com/learning/chris-do-et-son-entreprise-de-motion-design-blind?trk=learning-topics_trending-courses_related-content-card" target="_self" data-tracking-control-name="learning-topics_trending-courses_related-content-card" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link related-content-card w-[228px] block relative related-content-card--link absolute z-[1] top-0 bottom-0 left-0 right-0 hover:no-underline focus:no-underline" aria-label="Chris Do et son entreprise de motion design Blind, 9 m, 15 870 vues"> <!----> <div class="related-entity-media relative block w-[228px] h-[134px] rounded-[2px]"> <img class="related-entity-media__img w-full h-full object-cover rounded-[2px]" alt="Chris Do et son entreprise de motion design Blind" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQF31LR7SxMGow/learning-public-crop_288_512/learning-public-crop_288_512/0/1645622355798?e=2147483647&amp;v=beta&amp;t=DfWtUpjvZLnV_5jJQVyX1efiz0wY_QD4-dqg9rt7NUk"> <div class="related-entity-media__duration duration"> 9 m </div> <!----> </div> <p class="related-content-card__identifier font-sans text-xs font-bold text-color-text-low-emphasis uppercase leading-[20px]"> Cours </p> <div class="related-content-card__info flex flex-col mt-1"> <h3 class="related-content-card__title font-sans text-[18px] font-bold text-color-text line-clamp-2"> Chris Do et son entreprise de motion design Blind </h3> <!----> <div class="font-sans font-regular text-sm text-color-text-low-emphasis mt-0.5 line-clamp-3 related-content-card__metadata"> <p class="font-sans font-regular text-sm text-color-text-low-emphasis mt-0.5 line-clamp-3 related-content-card__metadata-item">15 870 vues</p> </div> </div> </a> </li> <li class="trending-courses__list-item"> <a href="https://fr.linkedin.com/learning/design-ux-la-creation-de-scenarios-et-de-storyboards?trk=learning-topics_trending-courses_related-content-card" target="_self" data-tracking-control-name="learning-topics_trending-courses_related-content-card" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link related-content-card w-[228px] block relative related-content-card--link absolute z-[1] top-0 bottom-0 left-0 right-0 hover:no-underline focus:no-underline" aria-label="Design UX : La création de scénarios et de storyboards, 27 m, 13 477 vues"> <!----> <div class="related-entity-media relative block w-[228px] h-[134px] rounded-[2px]"> <img class="related-entity-media__img w-full h-full object-cover rounded-[2px]" alt="Design UX : La création de scénarios et de storyboards" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQGqYhLsaYEHtg/learning-public-crop_288_512/learning-public-crop_288_512/0/1568667200126?e=2147483647&amp;v=beta&amp;t=a99hAEv_iEJSI2PSpS_pYISm2Qpd2b_8zuS4fL1W9Ec"> <div class="related-entity-media__duration duration"> 27 m </div> <!----> </div> <p class="related-content-card__identifier font-sans text-xs font-bold text-color-text-low-emphasis uppercase leading-[20px]"> Cours </p> <div class="related-content-card__info flex flex-col mt-1"> <h3 class="related-content-card__title font-sans text-[18px] font-bold text-color-text line-clamp-2"> Design UX : La création de scénarios et de storyboards </h3> <!----> <div class="font-sans font-regular text-sm text-color-text-low-emphasis mt-0.5 line-clamp-3 related-content-card__metadata"> <p class="font-sans font-regular text-sm text-color-text-low-emphasis mt-0.5 line-clamp-3 related-content-card__metadata-item">13 477 vues</p> </div> </div> </a> </li> </ul> </div> <div class="slide-list__nav"> <div class="slide-list__nav-wrap absolute flex h-full items-center top-0 z-1 slide-list__nav-wrap--next right-[-20px]"> <div class="next-slide-list__a11y-notification sr-only hidden" role="alert"> Plus de contenu suivant </div> <button data-tracking-control-name="learning-topics_trending-courses_slide_list_next_button" class="slide-list__nav-button btn-sm btn-overlay cursor-pointer disabled:hidden" aria-label="Diapositive suivante sur les cours populaires" data-direction="next"> <icon class="slide-list__nav-icon flex items-center justify-center pointer-events-none h-3 rtl:-scale-x-100 rtl:translate-x-[7px]" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/c9dcz2pyrbwi3sr6xwxigmvlz"></icon> </button> </div> </div> <!----> <code id="i18n_slide_list_current_slide_aria_label" style="display: none"><!--"Élément actuel"--></code> </section> </div> </section> </section> <section class="serp-page__results-list"> <div class="search-results-header serp-page__results-heading"> <h1 class="search-results-header__heading"> <span class="search-results-header__count">1 623</span>résultats pour “Design web” <!----> </h1> <!----> </div> <ul class="results-list"> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://fr.linkedin.com/learning/l-essentiel-des-css-2?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> L'essentiel des CSS </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="L'essentiel des CSS" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQF7ldjVDOc9sg/learning-public-crop_288_512/learning-public-crop_288_512/0/1571125552148?e=2147483647&amp;v=beta&amp;t=Tv7YvCF5b6yI3FKeAPO197deqF5XtzljJzIpG-__49M"> <div class="search-entity-media__duration"> 6 h 14 m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> L'essentiel des CSS </h3> <h4 class="base-search-card__subtitle"> Par : Damien Bruyndonckx </h4> <p class="base-search-card__identifier"> Cours </p> <div class="base-search-card__metadata"> <span class="base-search-card__metadata-item">16 890 vues</span> <span class="base-search-card__metadata-item">Publié le 15 oct. 2019</span> </div> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://fr.linkedin.com/learning/l-essentiel-de-figma?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> L'essentiel de Figma </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="L'essentiel de Figma" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQEK3FAccUzi4w/learning-public-crop_288_512/learning-public-crop_288_512/0/1644821351877?e=2147483647&amp;v=beta&amp;t=Jc1Xs6AXY8HWsrepbGsVAk2TIWUu7pXDkHKf1XD7nBw"> <div class="search-entity-media__duration"> 2 h 15 m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> L'essentiel de Figma </h3> <h4 class="base-search-card__subtitle"> Par : Laura Stromboni </h4> <p class="base-search-card__identifier"> Cours </p> <div class="base-search-card__metadata"> <span class="base-search-card__metadata-item">6 541 vues</span> <span class="base-search-card__metadata-item">Publié le 14 févr. 2022</span> </div> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://fr.linkedin.com/learning/figma-creer-une-maquette-de-site-internet?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Figma : Créer une maquette de site Internet </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Figma : Créer une maquette de site Internet" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQFcYcHbImUXZQ/learning-public-crop_288_512/learning-public-crop_288_512/0/1658132079061?e=2147483647&amp;v=beta&amp;t=VDbRGgAJUvfF8OrTm47xeh0ApnDNvuZTRGFqseRDUYw"> <div class="search-entity-media__duration"> 1 h 16 m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Figma : Créer une maquette de site Internet </h3> <h4 class="base-search-card__subtitle"> Par : Laura Stromboni </h4> <p class="base-search-card__identifier"> Cours </p> <div class="base-search-card__metadata"> <span class="base-search-card__metadata-item">4 189 vues</span> <span class="base-search-card__metadata-item">Publié le 18 juil. 2022</span> </div> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://fr.linkedin.com/learning/l-essentiel-d-adobe-xd-22671663?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> L'essentiel d'Adobe XD </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="L'essentiel d'Adobe XD" data-delayed-url="https://media.licdn.com/dms/image/v2/D560DAQFr2X4xGHXw3w/learning-public-crop_288_512/learning-public-crop_288_512/0/1690804755810?e=2147483647&amp;v=beta&amp;t=77c86QneVuG7WDkm16d6U0wbQPM0_MOXLSrlo-Kje8s"> <div class="search-entity-media__duration"> 2 h 33 m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> L'essentiel d'Adobe XD </h3> <h4 class="base-search-card__subtitle"> Par : Didier Mazier </h4> <p class="base-search-card__identifier"> Cours </p> <div class="base-search-card__metadata"> <!----> <span class="base-search-card__metadata-item">Publié le 14 août 2023</span> </div> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://fr.linkedin.com/learning/figma-creer-une-interface-mobile?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Figma : Créer une interface mobile </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Figma : Créer une interface mobile" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQGxlK9__D9Diw/learning-public-crop_288_512/learning-public-crop_288_512/0/1647351321437?e=2147483647&amp;v=beta&amp;t=QanjIRxdKBNhmxaZpqjxWsPKgCsBi6iY3H6EYDzqvsY"> <div class="search-entity-media__duration"> 1 h 22 m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Figma : Créer une interface mobile </h3> <h4 class="base-search-card__subtitle"> Par : Laura Stromboni </h4> <p class="base-search-card__identifier"> Cours </p> <div class="base-search-card__metadata"> <span class="base-search-card__metadata-item">3 127 vues</span> <span class="base-search-card__metadata-item">Publié le 22 mars 2022</span> </div> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://fr.linkedin.com/learning/les-fondements-de-l-ux-l-accessibilite?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Les fondements de l'UX : L'accessibilité </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Les fondements de l'UX : L'accessibilité" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQGHINYD_wV5mA/learning-public-crop_288_512/learning-public-crop_288_512/0/1598009918165?e=2147483647&amp;v=beta&amp;t=Ham7AblBqE2Ydycd8OGWOk-mZisMR6aHJMHgTAFubzs"> <div class="search-entity-media__duration"> 1 h 22 m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Les fondements de l'UX : L'accessibilité </h3> <h4 class="base-search-card__subtitle"> Par : Didier Mazier </h4> <p class="base-search-card__identifier"> Cours </p> <div class="base-search-card__metadata"> <span class="base-search-card__metadata-item">5 674 vues</span> <span class="base-search-card__metadata-item">Publié le 27 sept. 2016</span> </div> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://fr.linkedin.com/learning/integrer-des-personnes-en-situation-de-handicap?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Intégrer des personnes en situation de handicap </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Intégrer des personnes en situation de handicap" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQHD56JPWSvkOg/learning-public-crop_288_512/learning-public-crop_288_512/0/1637166969308?e=2147483647&amp;v=beta&amp;t=WsX0q0aWSDKC-JX_f9PUSu_7_eX_AxsSpE7y42mRf_c"> <div class="search-entity-media__duration"> 28 m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Intégrer des personnes en situation de handicap </h3> <h4 class="base-search-card__subtitle"> Par : Camille Lin </h4> <p class="base-search-card__identifier"> Cours </p> <div class="base-search-card__metadata"> <span class="base-search-card__metadata-item">2 927 vues</span> <span class="base-search-card__metadata-item">Publié le 23 nov. 2021</span> </div> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://fr.linkedin.com/learning/css-maitriser-les-flexbox?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> CSS : Maîtriser les Flexbox </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="CSS : Maîtriser les Flexbox" data-delayed-url="https://media.licdn.com/dms/image/v2/D560DAQGOpkw98OeWTA/learning-public-crop_288_512/learning-public-crop_288_512/0/1692362675634?e=2147483647&amp;v=beta&amp;t=aF5_3-WZuzbRoHq-iyZbV-Q6wWdmU5u2c3Kc7c41arY"> <div class="search-entity-media__duration"> 1 h 45 m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> CSS : Maîtriser les Flexbox </h3> <h4 class="base-search-card__subtitle"> Par : Damien Bruyndonckx </h4> <p class="base-search-card__identifier"> Cours </p> <div class="base-search-card__metadata"> <span class="base-search-card__metadata-item">1 001 vues</span> <span class="base-search-card__metadata-item">Publié le 27 juil. 2023</span> </div> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://fr.linkedin.com/learning/realiser-l-audit-d-un-site-web?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Réaliser l'audit d'un site web </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Réaliser l'audit d'un site web" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQERLOpzf7pyhg/learning-public-crop_288_512/learning-public-crop_288_512/0/1568054121930?e=2147483647&amp;v=beta&amp;t=cDAi_lWb2b-MwX7ytf3Nt3lZGJkYUp1o7iHfdhLimlM"> <div class="search-entity-media__duration"> 1 h 47 m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Réaliser l'audit d'un site web </h3> <h4 class="base-search-card__subtitle"> Par : Cyril Wolfangel </h4> <p class="base-search-card__identifier"> Cours </p> <div class="base-search-card__metadata"> <span class="base-search-card__metadata-item">4 405 vues</span> <span class="base-search-card__metadata-item">Publié le 7 juil. 2016</span> </div> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://fr.linkedin.com/learning/les-fondements-de-l-ux-logique-et-contenu?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Les fondements de l'UX : Logique et contenu </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Les fondements de l'UX : Logique et contenu" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQHWsead0qD-Yw/learning-public-crop_288_512/learning-public-crop_288_512/0/1567118248273?e=2147483647&amp;v=beta&amp;t=_qcMM9-Sm2dKr09aWoTKTyAiL6yZgywD8iNoG_SJeuk"> <div class="search-entity-media__duration"> 1 h 39 m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Les fondements de l'UX : Logique et contenu </h3> <h4 class="base-search-card__subtitle"> Par : Morten Rand-Hendriksen et Didier Mazier </h4> <p class="base-search-card__identifier"> Cours </p> <div class="base-search-card__metadata"> <span class="base-search-card__metadata-item">6 450 vues</span> <span class="base-search-card__metadata-item">Publié le 2 juil. 2015</span> </div> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://fr.linkedin.com/learning/l-integration-web-coder-un-design-en-html-et-css?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> L’intégration web : Coder un design en HTML et CSS </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="L’intégration web : Coder un design en HTML et CSS" data-delayed-url="https://media.licdn.com/dms/image/v2/D4E0DAQEbgmuKX8xQcA/learning-public-crop_288_512/learning-public-crop_288_512/0/1729663606340?e=2147483647&amp;v=beta&amp;t=fQKvame71QEJtXEck4Xu6FMiVyEc7e10N3Iy7kC1zak"> <div class="search-entity-media__duration"> 3 h 35 m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> L’intégration web : Coder un design en HTML et CSS </h3> <h4 class="base-search-card__subtitle"> Par : Damien Bruyndonckx </h4> <p class="base-search-card__identifier"> Cours </p> <div class="base-search-card__metadata"> <!----> <span class="base-search-card__metadata-item">Publié le 30 oct. 2024</span> </div> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://fr.linkedin.com/learning/la-mise-en-page-css-combiner-les-flex-et-les-grids?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> La mise en page CSS : Combiner les flex et les grids </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="La mise en page CSS : Combiner les flex et les grids" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQEDY5vaOo5GCA/learning-public-crop_288_512/learning-public-crop_288_512/0/1666096870689?e=2147483647&amp;v=beta&amp;t=ROXiMrcHjcHoMySaFmAWG-fK4uAssNMxIBGygwhJ_4E"> <div class="search-entity-media__duration"> 4 h </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> La mise en page CSS : Combiner les flex et les grids </h3> <h4 class="base-search-card__subtitle"> Par : Damien Bruyndonckx </h4> <p class="base-search-card__identifier"> Cours </p> <div class="base-search-card__metadata"> <span class="base-search-card__metadata-item">1 007 vues</span> <span class="base-search-card__metadata-item">Publié le 25 oct. 2022</span> </div> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://fr.linkedin.com/learning/decouvrir-les-techniques-du-design-ux?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Découvrir les techniques du design UX </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Découvrir les techniques du design UX" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQFFUk5yWzQzxA/learning-public-crop_288_512/learning-public-crop_288_512/0/1568667655699?e=2147483647&amp;v=beta&amp;t=FIY5xcbh4E603i1yjogZIF5l70tND-R3heYumYJnBB4"> <div class="search-entity-media__duration"> 40 m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Découvrir les techniques du design UX </h3> <h4 class="base-search-card__subtitle"> Par : Didier Mazier </h4> <p class="base-search-card__identifier"> Cours </p> <div class="base-search-card__metadata"> <span class="base-search-card__metadata-item">8 985 vues</span> <span class="base-search-card__metadata-item">Publié le 20 avr. 2017</span> </div> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://fr.linkedin.com/learning/figma-creer-la-maquette-d-un-site-pour-une-marque-eco-responsable/animer-les-boutons?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Animer les boutons </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Animer les boutons" data-delayed-url="https://media.licdn.com/dms/image/v2/D560DAQHM8RbabZcFBQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1689685511418?e=2147483647&amp;v=beta&amp;t=SFeUkKpD6fds48AJT19rVRWil8V1e_Zl7ZoAxyvujpE"> <div class="search-entity-media__duration"> 3 m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Animer les boutons </h3> <h4 class="base-search-card__subtitle"> De : Figma : Créer la maquette d&#39;un site pour une marque éco-responsable </h4> <p class="base-search-card__identifier"> Vidéo </p> <!----> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://fr.linkedin.com/learning/l-accessibilite-dans-le-design-web?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> L'accessibilité dans le design web </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="L'accessibilité dans le design web " data-delayed-url="https://media.licdn.com/dms/image/v2/D560DAQEIs4oy7VAbtA/learning-public-crop_288_512/learning-public-crop_288_512/0/1685014843368?e=2147483647&amp;v=beta&amp;t=ldfHS6aqX7OBXeex8AmcMyYinvSZR3DvAzmuNV1aqSE"> <div class="search-entity-media__duration"> 48 m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> L'accessibilité dans le design web </h3> <h4 class="base-search-card__subtitle"> Par : Kristen Girard </h4> <p class="base-search-card__identifier"> Cours </p> <div class="base-search-card__metadata"> <!----> <span class="base-search-card__metadata-item">Publié le 31 mai 2023</span> </div> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://fr.linkedin.com/learning/creer-des-formulaires-avec-html-et-css?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Créer des formulaires avec HTML et CSS </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Créer des formulaires avec HTML et CSS" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQHq_47g0dJNKA/learning-public-crop_288_512/learning-public-crop_288_512/0/1568667207437?e=2147483647&amp;v=beta&amp;t=JWx9A0MmWOIv0bNoPWYWDOc2gBS6GtgPmqrWI-FulIQ"> <div class="search-entity-media__duration"> 2 h 41 m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Créer des formulaires avec HTML et CSS </h3> <h4 class="base-search-card__subtitle"> Par : Damien Bruyndonckx </h4> <p class="base-search-card__identifier"> Cours </p> <div class="base-search-card__metadata"> <span class="base-search-card__metadata-item">5 714 vues</span> <span class="base-search-card__metadata-item">Publié le 14 août 2018</span> </div> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://fr.linkedin.com/learning/le-design-web-les-methodes-modernes-de-creation-de-sites?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Le design web : Les méthodes modernes de création de sites </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Le design web : Les méthodes modernes de création de sites" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQG2eJb3MD9DAQ/learning-public-crop_288_512/learning-public-crop_288_512/0/1568665845904?e=2147483647&amp;v=beta&amp;t=-mboWNBzw9mdPpE7y3twXRem48riKmVdGni1y2SnJ1A"> <div class="search-entity-media__duration"> 2 h 11 m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Le design web : Les méthodes modernes de création de sites </h3> <h4 class="base-search-card__subtitle"> Par : Morten Rand-Hendriksen et Didier Mazier </h4> <p class="base-search-card__identifier"> Cours </p> <div class="base-search-card__metadata"> <span class="base-search-card__metadata-item">5 258 vues</span> <span class="base-search-card__metadata-item">Publié le 5 nov. 2015</span> </div> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://fr.linkedin.com/learning/l-essentiel-de-sketch?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> L'essentiel de Sketch </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="L'essentiel de Sketch" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQFEEp7ucopZfw/learning-public-crop_288_512/learning-public-crop_288_512/0/1601550287910?e=2147483647&amp;v=beta&amp;t=e5tJWKewSelEOGhNb3v3AEx5jMIvCxQm5Akx3nLyMBI"> <div class="search-entity-media__duration"> 2 h 6 m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> L'essentiel de Sketch </h3> <h4 class="base-search-card__subtitle"> Par : Nicolas Levé </h4> <p class="base-search-card__identifier"> Cours </p> <div class="base-search-card__metadata"> <span class="base-search-card__metadata-item">1 468 vues</span> <span class="base-search-card__metadata-item">Publié le 25 sept. 2020</span> </div> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://fr.linkedin.com/learning/figma-creer-la-maquette-d-un-site-pour-une-marque-eco-responsable/animer-la-page-de-chargement?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Animer la page de chargement </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Animer la page de chargement" data-delayed-url="https://media.licdn.com/dms/image/v2/D560DAQHM8RbabZcFBQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1689685511418?e=2147483647&amp;v=beta&amp;t=SFeUkKpD6fds48AJT19rVRWil8V1e_Zl7ZoAxyvujpE"> <div class="search-entity-media__duration"> 1 m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Animer la page de chargement </h3> <h4 class="base-search-card__subtitle"> De : Figma : Créer la maquette d&#39;un site pour une marque éco-responsable </h4> <p class="base-search-card__identifier"> Vidéo </p> <!----> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://fr.linkedin.com/learning/adobe-xd-creation-d-un-prototype-interactif?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Adobe XD : Création d’un prototype interactif </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Adobe XD : Création d’un prototype interactif" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQF9dxrq1QLcHA/learning-public-crop_288_512/learning-public-crop_288_512/0/1587979630401?e=2147483647&amp;v=beta&amp;t=ukYGI3aeBspap28wKxp1tfwn9uHCFIy3lI61HfZPI08"> <div class="search-entity-media__duration"> 58 m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Adobe XD : Création d’un prototype interactif </h3> <h4 class="base-search-card__subtitle"> Par : Franck Payen </h4> <p class="base-search-card__identifier"> Cours </p> <div class="base-search-card__metadata"> <span class="base-search-card__metadata-item">2 138 vues</span> <span class="base-search-card__metadata-item">Publié le 6 mai 2020</span> </div> </div> <!----> </div> </li> </ul> <div class="see-all-results-cta"> <h3 class="see-all-results-cta__header"> Vous ne trouvez pas ce que vous recherchez ? Inscrivez-vous pour voir les 1 623 résultats. </h3> <a class="see-all-results-cta__link" href="https://www.linkedin.com/signup/cold-join?session_redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Ftopics%2Fdesign-web-et-ux&amp;source=subs_learn_start&amp;trk=learning-topics_see-all-results-cta" data-tracking-control-name="learning-topics_see-all-results-cta" data-tracking-will-navigate> S’inscrire </a> </div> </section> </main> <aside class="serp-page__aside"> <section class="aside-section-container mb-4 aside-topics sidebar__child-topics"> <h2 class="aside-section-container__title section-title"> Explorer les sujets : Design web </h2> <!----> <div class="aside-section-container__content break-words"> <ul class="aside-topics__pill-list"> <li class="aside-topics__pill-list-item"> <a href="https://fr.linkedin.com/learning/topics/conception-de-sites-web-mobiles?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Conception de sites web mobiles </a> </li> <li class="aside-topics__pill-list-item"> <a href="https://fr.linkedin.com/learning/topics/conception-de-sites-web-reactifs?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Conception de sites web réactifs </a> </li> <li class="aside-topics__pill-list-item"> <a href="https://fr.linkedin.com/learning/topics/contenus-web-interactifs?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Contenus web interactifs </a> </li> <li class="aside-topics__pill-list-item"> <a href="https://fr.linkedin.com/learning/topics/graphisme-web?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Graphisme web </a> </li> <li class="aside-topics__pill-list-item"> <a href="https://fr.linkedin.com/learning/topics/metiers-du-design-web?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Métiers du design web </a> </li> <li class="aside-topics__pill-list-item"> <a href="https://fr.linkedin.com/learning/topics/standards-du-web?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Standards du web </a> </li> <li class="aside-topics__pill-list-item"> <a href="https://fr.linkedin.com/learning/topics/typographie-web?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Typographie web </a> </li> </ul> </div> </section> <section class="aside-section-container mb-4 aside-topics sidebar__related-topics"> <h2 class="aside-section-container__title section-title"> Parcourez les sujets liés </h2> <!----> <div class="aside-section-container__content break-words"> <ul class="aside-topics__pill-list"> <li class="aside-topics__pill-list-item"> <a href="https://fr.linkedin.com/learning/topics/conception-sonore?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Conception sonore </a> </li> <li class="aside-topics__pill-list-item"> <a href="https://fr.linkedin.com/learning/topics/correction-colorimetrique?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Correction colorimétrique </a> </li> <li class="aside-topics__pill-list-item"> <a href="https://fr.linkedin.com/learning/topics/couleur?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Couleur </a> </li> <li class="aside-topics__pill-list-item"> <a href="https://fr.linkedin.com/learning/topics/creativite?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Créativité </a> </li> <li class="aside-topics__pill-list-item"> <a href="https://fr.linkedin.com/learning/topics/dessin-computationnel?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Dessin computationnel </a> </li> <li class="aside-topics__pill-list-item"> <a href="https://fr.linkedin.com/learning/topics/fabrication-de-produit?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Fabrication de produit </a> </li> <li class="aside-topics__pill-list-item"> <a href="https://fr.linkedin.com/learning/topics/graphisme?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Graphisme </a> </li> <li class="aside-topics__pill-list-item"> <a href="https://fr.linkedin.com/learning/topics/illustration?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Illustration </a> </li> <li class="aside-topics__pill-list-item"> <a href="https://fr.linkedin.com/learning/topics/rendu-visuel?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Rendu visuel </a> </li> <li class="aside-topics__pill-list-item"> <a href="https://fr.linkedin.com/learning/topics/typographie?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Typographie </a> </li> </ul> </div> </section> <div class="buy-for-your-team-cta"> <p class="buy-for-your-team-cta__text">Achetez LinkedIn Learning pour votre entreprise, établissement d’enseignement ou administration</p> <a class="buy-for-your-team-cta__link" href="/learning/subscription/teams?veh=lil_upx&amp;src=li-lil-upsell&amp;trk=learning-topics_buy-for-your-team-cta" data-tracking-control-name="learning-topics_buy-for-your-team-cta" data-tracking-impression-name="lil_upsell_learning-topics_buy-for-your-team-cta_teambuy" data-test-live-buy-for-your-team-upsell data-tracking-will-navigate> Acheter pour mon équipe </a> </div> </aside> </div> <section class="tw-linkster bg-cool-gray-20 browse-map" data-impression-id="learning-topics_linkster" data-js-module-id="linkster"> <div class="max-w-screen-content-max-w w-full flex justify-between my-0 mx-auto mamabear:px-3 babybear:px-2 babybear:flex-col"> <div class="flex-1 w-1/2 pt-2 pr-4 pb-4 pl-0 babybear:pb-2 babybear:w-full babybear:border-b-1 babybear:border-solid babybear:border-color-border-low-emphasis babybear:last:border-b-0"> <h3 class="text-md font-bold text-color-text leading-open"> Parcourez la catégorie business </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/strategie-et-analyse-metier?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Analyse et stratégie d'affaires </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/leadership-et-developpement-professionnel?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Compétences professionnelles </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/diversite-equite-et-inclusion-dei?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Diversité, équité, et inclusion (DEI&B) </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/developpement-de-carriere-16111848?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Développement de carrière </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/enseignement-et-pedagogie-16116198?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Enseignement et pédagogie </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/finance-et-comptabilite?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Finance et comptabilité </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/gestion-de-projet-16112729?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Gestion de projet </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/leadership-et-management-16112728?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Leadership et management </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/marketing-3?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Marketing </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/outils-et-logiciels-bureautiques?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Outils et logiciels bureautiques </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/petites-entreprises-et-entrepreneuriat?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Petites entreprises et entrepreneuriat </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/ressources-humaines-16117026?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Ressources humaines </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/service-clients-16113696?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Service client </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/ventes-16114566?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Ventes </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="Voir tous les cours en business" href="https://fr.linkedin.com/learning/topics/business-2?trk=learning-topics_browsemap_general-link" data-tracking-control-name="learning-topics_browsemap_general-link" data-tracking-will-navigate> Tout voir </a> </div> <div class="flex-1 w-1/2 pt-2 pr-4 pb-4 pl-0 babybear:pb-2 babybear:w-full babybear:border-b-1 babybear:border-solid babybear:border-color-border-low-emphasis babybear:last:border-b-0"> <h3 class="text-md font-bold text-color-text leading-open"> Parcourez la catégorie créativité </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/aic-architecture-ingenierie-et-construction?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> AIC (Architecture, ingénierie et construction) </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/animation-et-illustration?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Animation et illustration </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/audio-et-musique?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Audio et musique </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/design-web-et-ux?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Design web </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/experience-utilisateur-16115211?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Expérience utilisateur </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/fabrication-de-produit?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Fabrication de produit </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/graphisme?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Graphisme </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/motion-graphics-et-effet-speciaux-vfx?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Motion graphics et effet spéciaux (VFX) </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/retouche-d-images-photographie-2?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Retouche d'images & Photographie </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/video-audio-2?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Vidéo </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/visualisation-et-temps-reel?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Visualisation et temps réel </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="Voir tous les cours en créativité" href="https://fr.linkedin.com/learning/topics/creativite?trk=learning-topics_browsemap_general-link" data-tracking-control-name="learning-topics_browsemap_general-link" data-tracking-will-navigate> Tout voir </a> </div> <div class="flex-1 w-1/2 pt-2 pr-4 pb-4 pl-0 babybear:pb-2 babybear:w-full babybear:border-b-1 babybear:border-solid babybear:border-color-border-low-emphasis babybear:last:border-b-0"> <h3 class="text-md font-bold text-color-text leading-open"> Parcourez la catégorie technologie </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/cloud-computing?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Administration système et réseaux </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/cloud-computing-16114570?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Cloud Computing </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/securite?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Cybersécurité </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/data-science-16113699?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Data science </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/devops-16110802?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> DevOps </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/developpement-logiciel?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Développement logiciel </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/developpement-mobile?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Développement mobile </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/developpement-web?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Développement web </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/gestion-des-bases-de-donnees?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Gestion des bases de données </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/help-desk-it-16114571?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Help desk IT </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/intelligence-artificielle-ia?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Intelligence artificielle (IA) </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://fr.linkedin.com/learning/topics/materiel?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Matériel </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="Voir tous les cours en technologie" href="https://fr.linkedin.com/learning/topics/technologie?trk=learning-topics_browsemap_general-link" data-tracking-control-name="learning-topics_browsemap_general-link" data-tracking-will-navigate> Tout voir </a> </div> </div> </section> <footer class="li-footer bg-transparent w-full "> <ul class="li-footer__list flex flex-wrap flex-row items-start justify-start w-full h-auto min-h-[50px] my-[0px] mx-auto py-3 px-2 papabear:w-[1128px] papabear:p-0"> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <span class="sr-only">LinkedIn</span> <icon class="li-footer__copy-logo text-color-logo-brand-alt inline-block self-center h-[14px] w-[56px] mr-1" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/e12h2cd8ac580qen9qdd0qks8"></icon> <span class="li-footer__copy-text flex items-center">© 2024</span> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://about.linkedin.com?trk=learning-topics_footer-about" data-tracking-control-name="learning-topics_footer-about" data-tracking-will-navigate> À propos </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/accessibility?trk=learning-topics_footer-accessibility" data-tracking-control-name="learning-topics_footer-accessibility" data-tracking-will-navigate> Accessibilité </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/user-agreement?trk=learning-topics_footer-user-agreement" data-tracking-control-name="learning-topics_footer-user-agreement" data-tracking-will-navigate> Conditions générales d’utilisation de LinkedIn </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/privacy-policy?trk=learning-topics_footer-privacy-policy" data-tracking-control-name="learning-topics_footer-privacy-policy" data-tracking-will-navigate> Politique de confidentialité </a> </li> <!----> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/cookie-policy?trk=learning-topics_footer-cookie-policy" data-tracking-control-name="learning-topics_footer-cookie-policy" data-tracking-will-navigate> Politique relative aux cookies </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/copyright-policy?trk=learning-topics_footer-copyright-policy" data-tracking-control-name="learning-topics_footer-copyright-policy" data-tracking-will-navigate> Politique de copyright </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://brand.linkedin.com/policies?trk=learning-topics_footer-brand-policy" data-tracking-control-name="learning-topics_footer-brand-policy" data-tracking-will-navigate> Politique de la marque </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/psettings/guest-controls?trk=learning-topics_footer-guest-controls" data-tracking-control-name="learning-topics_footer-guest-controls" data-tracking-will-navigate> Réglages invités </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/professional-community-policies?trk=learning-topics_footer-community-guide" data-tracking-control-name="learning-topics_footer-community-guide" data-tracking-will-navigate> Directives de la communauté </a> </li> <!----> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <div class="collapsible-dropdown collapsible-dropdown--footer collapsible-dropdown--up flex items-center relative hyphens-auto language-selector z-2"> <!----> <ul class="collapsible-dropdown__list hidden container-raised absolute w-auto overflow-y-auto flex-col items-stretch z-1 bottom-[100%] top-auto" role="menu" tabindex="-1"> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="العربية (Arabe)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ar_AE" data-locale="ar_AE" role="menuitem" lang="ar_AE"> العربية (Arabe) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="বাংলা (Bengali)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-bn_IN" data-locale="bn_IN" role="menuitem" lang="bn_IN"> বাংলা (Bengali) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Čeština (Tchèque)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-cs_CZ" data-locale="cs_CZ" role="menuitem" lang="cs_CZ"> Čeština (Tchèque) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Dansk (Danois)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-da_DK" data-locale="da_DK" role="menuitem" lang="da_DK"> Dansk (Danois) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Deutsch (Allemand)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-de_DE" data-locale="de_DE" role="menuitem" lang="de_DE"> Deutsch (Allemand) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Ελληνικά (Grec)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-el_GR" data-locale="el_GR" role="menuitem" lang="el_GR"> Ελληνικά (Grec) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="English (Anglais)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-en_US" data-locale="en_US" role="menuitem" lang="en_US"> English (Anglais) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Español (Espagnol)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-es_ES" data-locale="es_ES" role="menuitem" lang="es_ES"> Español (Espagnol) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="فارسی (Perse)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-fa_IR" data-locale="fa_IR" role="menuitem" lang="fa_IR"> فارسی (Perse) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Suomi (Finnois)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-fi_FI" data-locale="fi_FI" role="menuitem" lang="fi_FI"> Suomi (Finnois) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Français (Français) sélectionné" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link--selected" data-tracking-control-name="language-selector-fr_FR" data-locale="fr_FR" role="menuitem" lang="fr_FR"> <strong>Français (Français)</strong> </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="हिंदी (Hindi)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-hi_IN" data-locale="hi_IN" role="menuitem" lang="hi_IN"> हिंदी (Hindi) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Magyar (Hongrois)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-hu_HU" data-locale="hu_HU" role="menuitem" lang="hu_HU"> Magyar (Hongrois) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Bahasa Indonesia (Indonésien)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-in_ID" data-locale="in_ID" role="menuitem" lang="in_ID"> Bahasa Indonesia (Indonésien) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Italiano (Italien)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-it_IT" data-locale="it_IT" role="menuitem" lang="it_IT"> Italiano (Italien) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="עברית (Hébreu)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-iw_IL" data-locale="iw_IL" role="menuitem" lang="iw_IL"> עברית (Hébreu) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="日本語 (Japonais)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ja_JP" data-locale="ja_JP" role="menuitem" lang="ja_JP"> 日本語 (Japonais) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="한국어 (Coréen)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ko_KR" data-locale="ko_KR" role="menuitem" lang="ko_KR"> 한국어 (Coréen) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="मराठी (Marathi)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-mr_IN" data-locale="mr_IN" role="menuitem" lang="mr_IN"> मराठी (Marathi) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Bahasa Malaysia (Malaisien)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ms_MY" data-locale="ms_MY" role="menuitem" lang="ms_MY"> Bahasa Malaysia (Malaisien) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Nederlands (Néerlandais)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-nl_NL" data-locale="nl_NL" role="menuitem" lang="nl_NL"> Nederlands (Néerlandais) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Norsk (Norvégien)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-no_NO" data-locale="no_NO" role="menuitem" lang="no_NO"> Norsk (Norvégien) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="ਪੰਜਾਬੀ (Penjabi)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-pa_IN" data-locale="pa_IN" role="menuitem" lang="pa_IN"> ਪੰਜਾਬੀ (Penjabi) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Polski (Polonais)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-pl_PL" data-locale="pl_PL" role="menuitem" lang="pl_PL"> Polski (Polonais) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Português (Portugais)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-pt_BR" data-locale="pt_BR" role="menuitem" lang="pt_BR"> Português (Portugais) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Română (Roumain)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ro_RO" data-locale="ro_RO" role="menuitem" lang="ro_RO"> Română (Roumain) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Русский (Russe)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ru_RU" data-locale="ru_RU" role="menuitem" lang="ru_RU"> Русский (Russe) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Svenska (Suédois)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-sv_SE" data-locale="sv_SE" role="menuitem" lang="sv_SE"> Svenska (Suédois) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="తెలుగు (Télougou)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-te_IN" data-locale="te_IN" role="menuitem" lang="te_IN"> తెలుగు (Télougou) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="ภาษาไทย (Thaï)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-th_TH" data-locale="th_TH" role="menuitem" lang="th_TH"> ภาษาไทย (Thaï) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Tagalog (Tagalog)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-tl_PH" data-locale="tl_PH" role="menuitem" lang="tl_PH"> Tagalog (Tagalog) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Türkçe (Turc)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-tr_TR" data-locale="tr_TR" role="menuitem" lang="tr_TR"> Türkçe (Turc) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Українська (Ukrainien)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-uk_UA" data-locale="uk_UA" role="menuitem" lang="uk_UA"> Українська (Ukrainien) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Tiạng Viạt (Vietnamien)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-vi_VN" data-locale="vi_VN" role="menuitem" lang="vi_VN"> Tiạng Viạt (Vietnamien) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="简体中文 (Chinois simplifié)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-zh_CN" data-locale="zh_CN" role="menuitem" lang="zh_CN"> 简体中文 (Chinois simplifié) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="正體中文 (Chinois traditionnel)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-zh_TW" data-locale="zh_TW" role="menuitem" lang="zh_TW"> 正體中文 (Chinois traditionnel) </button> </li> <!----> </ul> <button class="language-selector__button select-none relative pr-2 font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover hover:cursor-pointer focus:text-color-link-focus focus:outline-dotted focus:outline-1" aria-expanded="false" data-tracking-control-name="footer-lang-dropdown_trigger"> <span class="language-selector__label-text mr-0.5 break-words"> Langue </span> <icon class="language-selector__label-chevron w-2 h-2 absolute top-0 right-0" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> </div> </li> </ul> <!----> </footer> </div> <script src="https://static.licdn.com/aero-v1/sc/h/eh08muqvrde4h3hc6koyij5ti" async></script> <!----> <script src="https://static.licdn.com/aero-v1/sc/h/ddmgukl5m9inv98n5vuurjrl5" async defer></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10