CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available" lang="fr" dir="ltr"> <head> <meta charset="UTF-8"> <title>Mise en page — Wikipédia</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-enabled skin-theme-clientpref-day vector-toc-available";var cookie=document.cookie.match(/(?:^|; )frwikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":[",\t."," \t,"],"wgDigitTransformTable":["",""], "wgDefaultDateFormat":"dmy","wgMonthNames":["","janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"],"wgRequestId":"13ecef49-18fd-49f7-b4dc-d400e07f9d55","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Mise_en_page","wgTitle":"Mise en page","wgCurRevisionId":220384862,"wgRevisionId":220384862,"wgArticleId":400658,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Page utilisant un modèle Bases inactif","Page utilisant P8313","Page utilisant P4342","Page pointant vers des bases externes","Page pointant vers des dictionnaires ou encyclopédies généralistes","Article de Wikipédia avec notice d'autorité","Portail:Édition/Articles liés","Portail:Économie/Articles liés","Portail:Écriture/Articles liés","Portail:Langues/Articles liés","Portail:Technologies/Articles liés","Portail:Typographie/Articles liés", "Graphisme","Typographie","Technique du livre"],"wgPageViewLanguage":"fr","wgPageContentLanguage":"fr","wgPageContentModel":"wikitext","wgRelevantPageName":"Mise_en_page","wgRelevantArticleId":400658,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikipedia","wgCiteReferencePreviewsActive":true,"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":0,"wgVisualEditor":{"pageLanguageCode":"fr","pageLanguageDir":"ltr","pageVariantFallbacks":"fr"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":true,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":30000,"wgRelatedArticlesCompat":[],"wgEditSubmitButtonLabelPublish":true,"wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgWikibaseItemId":"Q868954","wgCheckUserClientHintsHeadersJsApi":[ "brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"GEHomepageSuggestedEditsEnableTopics":true,"wgGETopicsMatchModeEnabled":false,"wgGEStructuredTaskRejectionReasonTextInputEnabled":false,"wgGELevelingUpEnabledForUser":false};RLSTATE={"ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.cite.styles":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready","skins.vector.icons":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready"};RLPAGEMODULES=["ext.cite.ux-enhancements","mediawiki.page.media","site","mediawiki.page.ready","mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.gadget.ArchiveLinks","ext.gadget.Wdsearch", "ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.popups","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface","ext.cx.eventlogging.campaigns","ext.cx.uls.quick.actions","wikibase.client.vector-2022","ext.checkUser.clientHints","ext.quicksurveys.init","ext.growthExperiments.SuggestedEditSession","wikibase.sidebar.tracking"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=fr&modules=ext.cite.styles%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediaBadges%7Cext.wikimediamessages.styles%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=fr&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=fr&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.5"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Nouveau_Dictionnaire_Larousse_page.JPG/1200px-Nouveau_Dictionnaire_Larousse_page.JPG"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="831"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Nouveau_Dictionnaire_Larousse_page.JPG/800px-Nouveau_Dictionnaire_Larousse_page.JPG"> <meta property="og:image:width" content="800"> <meta property="og:image:height" content="554"> <meta property="og:image" content="https://upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Nouveau_Dictionnaire_Larousse_page.JPG/640px-Nouveau_Dictionnaire_Larousse_page.JPG"> <meta property="og:image:width" content="640"> <meta property="og:image:height" content="443"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="Mise en page — Wikipédia"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//fr.m.wikipedia.org/wiki/Mise_en_page"> <link rel="alternate" type="application/x-wiki" title="Modifier" href="/w/index.php?title=Mise_en_page&action=edit"> <link rel="apple-touch-icon" href="/static/apple-touch/wikipedia.png"> <link rel="icon" href="/static/favicon/wikipedia.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikipédia (fr)"> <link rel="EditURI" type="application/rsd+xml" href="//fr.wikipedia.org/w/api.php?action=rsd"> <link rel="canonical" href="https://fr.wikipedia.org/wiki/Mise_en_page"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr"> <link rel="alternate" type="application/atom+xml" title="Flux Atom de Wikipédia" href="/w/index.php?title=Sp%C3%A9cial:Modifications_r%C3%A9centes&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="//login.wikimedia.org"> </head> <body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject mw-editable page-Mise_en_page rootpage-Mise_en_page skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Aller au contenu</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Menu principal" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Menu principal</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Menu principal</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">masquer</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Navigation </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage-description" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Accueil_principal" title="Accueil général [z]" accesskey="z"><span>Accueil</span></a></li><li id="n-thema" class="mw-list-item"><a href="/wiki/Portail:Accueil"><span>Portails thématiques</span></a></li><li id="n-randompage" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Page_au_hasard" title="Affiche un article au hasard [x]" accesskey="x"><span>Article au hasard</span></a></li><li id="n-contact" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Contact"><span>Contact</span></a></li> </ul> </div> </div> <div id="p-Contribuer" class="vector-menu mw-portlet mw-portlet-Contribuer" > <div class="vector-menu-heading"> Contribuer </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-aboutwp" class="mw-list-item"><a href="/wiki/Aide:D%C3%A9buter"><span>Débuter sur Wikipédia</span></a></li><li id="n-help" class="mw-list-item"><a href="/wiki/Aide:Accueil" title="Accès à l’aide"><span>Aide</span></a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Wikip%C3%A9dia:Accueil_de_la_communaut%C3%A9" title="À propos du projet, ce que vous pouvez faire, où trouver les informations"><span>Communauté</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Modifications_r%C3%A9centes" title="Liste des modifications récentes sur le wiki [r]" accesskey="r"><span>Modifications récentes</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Wikip%C3%A9dia:Accueil_principal" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikipedia.png" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="Wikipédia" src="/static/images/mobile/copyright/wikipedia-wordmark-fr.svg" style="width: 7.4375em; height: 1.125em;"> <img class="mw-logo-tagline" alt="l'encyclopédie libre" src="/static/images/mobile/copyright/wikipedia-tagline-fr.svg" width="120" height="13" style="width: 7.5em; height: 0.8125em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Sp%C3%A9cial:Recherche" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Rechercher sur Wikipédia [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Rechercher</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Rechercher sur Wikipédia" aria-label="Rechercher sur Wikipédia" autocapitalize="sentences" title="Rechercher sur Wikipédia [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Spécial:Recherche"> </div> <button class="cdx-button cdx-search-input__end-button">Rechercher</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Outils personnels"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Apparence"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Modifier l'apparence de la taille, de la largeur et de la couleur de la police de la page" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Apparence" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Apparence</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_fr.wikipedia.org&uselang=fr" class=""><span>Faire un don</span></a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Sp%C3%A9cial:Cr%C3%A9er_un_compte&returnto=Mise+en+page" title="Nous vous encourageons à créer un compte utilisateur et vous connecter ; ce n’est cependant pas obligatoire." class=""><span>Créer un compte</span></a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Sp%C3%A9cial:Connexion&returnto=Mise+en+page" title="Nous vous encourageons à vous connecter ; ce n’est cependant pas obligatoire. [o]" accesskey="o" class=""><span>Se connecter</span></a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="Plus d’options" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Outils personnels" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Outils personnels</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="Menu utilisateur" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_fr.wikipedia.org&uselang=fr"><span>Faire un don</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:Cr%C3%A9er_un_compte&returnto=Mise+en+page" title="Nous vous encourageons à créer un compte utilisateur et vous connecter ; ce n’est cependant pas obligatoire."><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Créer un compte</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:Connexion&returnto=Mise+en+page" title="Nous vous encourageons à vous connecter ; ce n’est cependant pas obligatoire. [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Se connecter</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Pages pour les contributeurs déconnectés <a href="/wiki/Aide:Premiers_pas" aria-label="En savoir plus sur la contribution"><span>en savoir plus</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Mes_contributions" title="Une liste des modifications effectuées depuis cette adresse IP [y]" accesskey="y"><span>Contributions</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Mes_discussions" title="La page de discussion pour les contributions depuis cette adresse IP [n]" accesskey="n"><span>Discussion</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Sommaire" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Sommaire</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">masquer</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">Début</div> </a> </li> <li id="toc-Historique" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Historique"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>Historique</span> </div> </a> <ul id="toc-Historique-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Méthodes_de_mise_en_page" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Méthodes_de_mise_en_page"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>Méthodes de mise en page</span> </div> </a> <ul id="toc-Méthodes_de_mise_en_page-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Facteurs_influençant_les_choix_de_la_mise_en_page" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Facteurs_influençant_les_choix_de_la_mise_en_page"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span>Facteurs influençant les choix de la mise en page</span> </div> </a> <button aria-controls="toc-Facteurs_influençant_les_choix_de_la_mise_en_page-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Afficher / masquer la sous-section Facteurs influençant les choix de la mise en page</span> </button> <ul id="toc-Facteurs_influençant_les_choix_de_la_mise_en_page-sublist" class="vector-toc-list"> <li id="toc-Papier_ou_numérique" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Papier_ou_numérique"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.1</span> <span>Papier ou numérique</span> </div> </a> <ul id="toc-Papier_ou_numérique-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Le_type_du_document" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Le_type_du_document"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.2</span> <span>Le type du document</span> </div> </a> <ul id="toc-Le_type_du_document-sublist" class="vector-toc-list"> <li id="toc-Les_livres" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Les_livres"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.2.1</span> <span>Les livres</span> </div> </a> <ul id="toc-Les_livres-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-La_presse" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#La_presse"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.2.2</span> <span>La presse</span> </div> </a> <ul id="toc-La_presse-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Les_magazines_illustrés" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Les_magazines_illustrés"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.2.3</span> <span>Les magazines illustrés</span> </div> </a> <ul id="toc-Les_magazines_illustrés-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Les_bandes_dessinées" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Les_bandes_dessinées"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.2.4</span> <span>Les bandes dessinées</span> </div> </a> <ul id="toc-Les_bandes_dessinées-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Les_documents_pédagogiques" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Les_documents_pédagogiques"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.2.5</span> <span>Les documents pédagogiques</span> </div> </a> <ul id="toc-Les_documents_pédagogiques-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Sens_de_l'écriture" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Sens_de_l'écriture"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.3</span> <span>Sens de l'écriture</span> </div> </a> <ul id="toc-Sens_de_l'écriture-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Mise_en_page_des_documents_numériques" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Mise_en_page_des_documents_numériques"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span> <span>Mise en page des documents numériques</span> </div> </a> <button aria-controls="toc-Mise_en_page_des_documents_numériques-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Afficher / masquer la sous-section Mise en page des documents numériques</span> </button> <ul id="toc-Mise_en_page_des_documents_numériques-sublist" class="vector-toc-list"> <li id="toc-Outils_d'édition" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Outils_d'édition"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.1</span> <span>Outils d'édition</span> </div> </a> <ul id="toc-Outils_d'édition-sublist" class="vector-toc-list"> <li id="toc-Nomenclature_selon_la_logique_d'édition" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Nomenclature_selon_la_logique_d'édition"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.1.1</span> <span>Nomenclature selon la logique d'édition</span> </div> </a> <ul id="toc-Nomenclature_selon_la_logique_d'édition-sublist" class="vector-toc-list"> <li id="toc-Logiciels_WYSIWYG" class="vector-toc-list-item vector-toc-level-4"> <a class="vector-toc-link" href="#Logiciels_WYSIWYG"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.1.1.1</span> <span>Logiciels WYSIWYG</span> </div> </a> <ul id="toc-Logiciels_WYSIWYG-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Logiciels_WYSIWYM" class="vector-toc-list-item vector-toc-level-4"> <a class="vector-toc-link" href="#Logiciels_WYSIWYM"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.1.1.2</span> <span>Logiciels WYSIWYM</span> </div> </a> <ul id="toc-Logiciels_WYSIWYM-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Nomenclature_selon_les_fonctionnalités_proposées" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Nomenclature_selon_les_fonctionnalités_proposées"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.1.2</span> <span>Nomenclature selon les fonctionnalités proposées</span> </div> </a> <ul id="toc-Nomenclature_selon_les_fonctionnalités_proposées-sublist" class="vector-toc-list"> <li id="toc-Traitement_de_texte" class="vector-toc-list-item vector-toc-level-4"> <a class="vector-toc-link" href="#Traitement_de_texte"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.1.2.1</span> <span>Traitement de texte</span> </div> </a> <ul id="toc-Traitement_de_texte-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Logiciels_de_PAO" class="vector-toc-list-item vector-toc-level-4"> <a class="vector-toc-link" href="#Logiciels_de_PAO"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.1.2.2</span> <span>Logiciels de PAO</span> </div> </a> <ul id="toc-Logiciels_de_PAO-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Logiciels_de_graphisme" class="vector-toc-list-item vector-toc-level-4"> <a class="vector-toc-link" href="#Logiciels_de_graphisme"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.1.2.3</span> <span>Logiciels de graphisme</span> </div> </a> <ul id="toc-Logiciels_de_graphisme-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> </ul> </li> <li id="toc-Mise_en_page_automatique" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Mise_en_page_automatique"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.2</span> <span>Mise en page automatique</span> </div> </a> <ul id="toc-Mise_en_page_automatique-sublist" class="vector-toc-list"> <li id="toc-Approche_par_modèles" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Approche_par_modèles"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.2.1</span> <span>Approche par modèles</span> </div> </a> <ul id="toc-Approche_par_modèles-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Approche_déclarative" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Approche_déclarative"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.2.2</span> <span>Approche déclarative</span> </div> </a> <ul id="toc-Approche_déclarative-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Mise_en_page_dynamique" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Mise_en_page_dynamique"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.3</span> <span>Mise en page dynamique</span> </div> </a> <ul id="toc-Mise_en_page_dynamique-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Contraintes_des_supports_numériques" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Contraintes_des_supports_numériques"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.4</span> <span>Contraintes des supports numériques</span> </div> </a> <ul id="toc-Contraintes_des_supports_numériques-sublist" class="vector-toc-list"> <li id="toc-Contraintes_liées_aux_dispositifs_d'affichage" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Contraintes_liées_aux_dispositifs_d'affichage"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.4.1</span> <span>Contraintes liées aux dispositifs d'affichage</span> </div> </a> <ul id="toc-Contraintes_liées_aux_dispositifs_d'affichage-sublist" class="vector-toc-list"> <li id="toc-Résolution" class="vector-toc-list-item vector-toc-level-4"> <a class="vector-toc-link" href="#Résolution"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.4.1.1</span> <span>Résolution</span> </div> </a> <ul id="toc-Résolution-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Ratio_d'affichage" class="vector-toc-list-item vector-toc-level-4"> <a class="vector-toc-link" href="#Ratio_d'affichage"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.4.1.2</span> <span>Ratio d'affichage</span> </div> </a> <ul id="toc-Ratio_d'affichage-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Rétro-éclairage" class="vector-toc-list-item vector-toc-level-4"> <a class="vector-toc-link" href="#Rétro-éclairage"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.4.1.3</span> <span>Rétro-éclairage</span> </div> </a> <ul id="toc-Rétro-éclairage-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Contraintes_liées_à_la_mise_en_page_de_certaines_langues" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Contraintes_liées_à_la_mise_en_page_de_certaines_langues"> <div class="vector-toc-text"> <span class="vector-toc-numb">4.4.2</span> <span>Contraintes liées à la mise en page de certaines langues</span> </div> </a> <ul id="toc-Contraintes_liées_à_la_mise_en_page_de_certaines_langues-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> </ul> </li> <li id="toc-Autres_supports_de_mise_en_page" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Autres_supports_de_mise_en_page"> <div class="vector-toc-text"> <span class="vector-toc-numb">5</span> <span>Autres supports de mise en page</span> </div> </a> <button aria-controls="toc-Autres_supports_de_mise_en_page-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Afficher / masquer la sous-section Autres supports de mise en page</span> </button> <ul id="toc-Autres_supports_de_mise_en_page-sublist" class="vector-toc-list"> <li id="toc-Animation" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Animation"> <div class="vector-toc-text"> <span class="vector-toc-numb">5.1</span> <span>Animation</span> </div> </a> <ul id="toc-Animation-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Pages_web" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Pages_web"> <div class="vector-toc-text"> <span class="vector-toc-numb">5.2</span> <span>Pages web</span> </div> </a> <ul id="toc-Pages_web-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Bibliographie" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Bibliographie"> <div class="vector-toc-text"> <span class="vector-toc-numb">6</span> <span>Bibliographie</span> </div> </a> <ul id="toc-Bibliographie-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Notes_et_références" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Notes_et_références"> <div class="vector-toc-text"> <span class="vector-toc-numb">7</span> <span>Notes et références</span> </div> </a> <ul id="toc-Notes_et_références-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Voir_aussi" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#Voir_aussi"> <div class="vector-toc-text"> <span class="vector-toc-numb">8</span> <span>Voir aussi</span> </div> </a> <button aria-controls="toc-Voir_aussi-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Afficher / masquer la sous-section Voir aussi</span> </button> <ul id="toc-Voir_aussi-sublist" class="vector-toc-list"> <li id="toc-Articles_connexes" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Articles_connexes"> <div class="vector-toc-text"> <span class="vector-toc-numb">8.1</span> <span>Articles connexes</span> </div> </a> <ul id="toc-Articles_connexes-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Liens_externes" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Liens_externes"> <div class="vector-toc-text"> <span class="vector-toc-numb">8.2</span> <span>Liens externes</span> </div> </a> <ul id="toc-Liens_externes-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Sommaire" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Basculer la table des matières" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Basculer la table des matières</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Mise en page</span></h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="Aller à un article dans une autre langue. Disponible en 27 langues." > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-27" aria-hidden="true" ><span class="vector-icon mw-ui-icon-language-progressive mw-ui-icon-wikimedia-language-progressive"></span> <span class="vector-dropdown-label-text">27 langues</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="interlanguage-link interwiki-ar mw-list-item"><a href="https://ar.wikipedia.org/wiki/%D8%AA%D9%86%D8%B3%D9%8A%D9%82_%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A9" title="تنسيق الصفحة – arabe" lang="ar" hreflang="ar" data-title="تنسيق الصفحة" data-language-autonym="العربية" data-language-local-name="arabe" class="interlanguage-link-target"><span>العربية</span></a></li><li class="interlanguage-link interwiki-bn mw-list-item"><a href="https://bn.wikipedia.org/wiki/%E0%A6%AA%E0%A7%83%E0%A6%B7%E0%A7%8D%E0%A6%A0%E0%A6%BE%E0%A6%B8%E0%A6%9C%E0%A7%8D%E0%A6%9C%E0%A6%BE" title="পৃষ্ঠাসজ্জা – bengali" lang="bn" hreflang="bn" data-title="পৃষ্ঠাসজ্জা" data-language-autonym="বাংলা" data-language-local-name="bengali" class="interlanguage-link-target"><span>বাংলা</span></a></li><li class="interlanguage-link interwiki-ca mw-list-item"><a href="https://ca.wikipedia.org/wiki/Maquetaci%C3%B3" title="Maquetació – catalan" lang="ca" hreflang="ca" data-title="Maquetació" data-language-autonym="Català" data-language-local-name="catalan" class="interlanguage-link-target"><span>Català</span></a></li><li class="interlanguage-link interwiki-cs mw-list-item"><a href="https://cs.wikipedia.org/wiki/Layout" title="Layout – tchèque" lang="cs" hreflang="cs" data-title="Layout" data-language-autonym="Čeština" data-language-local-name="tchèque" class="interlanguage-link-target"><span>Čeština</span></a></li><li class="interlanguage-link interwiki-da mw-list-item"><a href="https://da.wikipedia.org/wiki/Layout" title="Layout – danois" lang="da" hreflang="da" data-title="Layout" data-language-autonym="Dansk" data-language-local-name="danois" class="interlanguage-link-target"><span>Dansk</span></a></li><li class="interlanguage-link interwiki-de mw-list-item"><a href="https://de.wikipedia.org/wiki/Layout" title="Layout – allemand" lang="de" hreflang="de" data-title="Layout" data-language-autonym="Deutsch" data-language-local-name="allemand" class="interlanguage-link-target"><span>Deutsch</span></a></li><li class="interlanguage-link interwiki-el mw-list-item"><a href="https://el.wikipedia.org/wiki/%CE%A3%CE%B5%CE%BB%CE%B9%CE%B4%CE%BF%CF%80%CE%BF%CE%AF%CE%B7%CF%83%CE%B7" title="Σελιδοποίηση – grec" lang="el" hreflang="el" data-title="Σελιδοποίηση" data-language-autonym="Ελληνικά" data-language-local-name="grec" class="interlanguage-link-target"><span>Ελληνικά</span></a></li><li class="interlanguage-link interwiki-en mw-list-item"><a href="https://en.wikipedia.org/wiki/Page_layout" title="Page layout – anglais" lang="en" hreflang="en" data-title="Page layout" data-language-autonym="English" data-language-local-name="anglais" class="interlanguage-link-target"><span>English</span></a></li><li class="interlanguage-link interwiki-eo mw-list-item"><a href="https://eo.wikipedia.org/wiki/Enpa%C4%9Digo" title="Enpaĝigo – espéranto" lang="eo" hreflang="eo" data-title="Enpaĝigo" data-language-autonym="Esperanto" data-language-local-name="espéranto" class="interlanguage-link-target"><span>Esperanto</span></a></li><li class="interlanguage-link interwiki-es mw-list-item"><a href="https://es.wikipedia.org/wiki/Maquetaci%C3%B3n" title="Maquetación – espagnol" lang="es" hreflang="es" data-title="Maquetación" data-language-autonym="Español" data-language-local-name="espagnol" class="interlanguage-link-target"><span>Español</span></a></li><li class="interlanguage-link interwiki-et mw-list-item"><a href="https://et.wikipedia.org/wiki/K%C3%BCljendamine" title="Küljendamine – estonien" lang="et" hreflang="et" data-title="Küljendamine" data-language-autonym="Eesti" data-language-local-name="estonien" class="interlanguage-link-target"><span>Eesti</span></a></li><li class="interlanguage-link interwiki-fa mw-list-item"><a href="https://fa.wikipedia.org/wiki/%D8%B5%D9%81%D8%AD%D9%87%E2%80%8C%D8%A2%D8%B1%D8%A7%DB%8C%DB%8C" title="صفحه‌آرایی – persan" lang="fa" hreflang="fa" data-title="صفحه‌آرایی" data-language-autonym="فارسی" data-language-local-name="persan" class="interlanguage-link-target"><span>فارسی</span></a></li><li class="interlanguage-link interwiki-fi mw-list-item"><a href="https://fi.wikipedia.org/wiki/Taitto" title="Taitto – finnois" lang="fi" hreflang="fi" data-title="Taitto" data-language-autonym="Suomi" data-language-local-name="finnois" class="interlanguage-link-target"><span>Suomi</span></a></li><li class="interlanguage-link interwiki-id mw-list-item"><a href="https://id.wikipedia.org/wiki/Tata_letak" title="Tata letak – indonésien" lang="id" hreflang="id" data-title="Tata letak" data-language-autonym="Bahasa Indonesia" data-language-local-name="indonésien" class="interlanguage-link-target"><span>Bahasa Indonesia</span></a></li><li class="interlanguage-link interwiki-it mw-list-item"><a href="https://it.wikipedia.org/wiki/Impaginazione" title="Impaginazione – italien" lang="it" hreflang="it" data-title="Impaginazione" data-language-autonym="Italiano" data-language-local-name="italien" class="interlanguage-link-target"><span>Italiano</span></a></li><li class="interlanguage-link interwiki-kk mw-list-item"><a href="https://kk.wikipedia.org/wiki/%D0%91%D0%B5%D1%82%D1%82%D1%96_%D0%B5%D0%BD%D1%82%D0%B0%D2%A3%D0%B1%D0%B0%D0%BB%D0%B0%D1%83_%D1%80%D0%B5%D0%B6%D1%96%D0%BC%D1%96" title="Бетті ентаңбалау режімі – kazakh" lang="kk" hreflang="kk" data-title="Бетті ентаңбалау режімі" data-language-autonym="Қазақша" data-language-local-name="kazakh" class="interlanguage-link-target"><span>Қазақша</span></a></li><li class="interlanguage-link interwiki-ko mw-list-item"><a href="https://ko.wikipedia.org/wiki/%ED%8E%98%EC%9D%B4%EC%A7%80_%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83" title="페이지 레이아웃 – coréen" lang="ko" hreflang="ko" data-title="페이지 레이아웃" data-language-autonym="한국어" data-language-local-name="coréen" class="interlanguage-link-target"><span>한국어</span></a></li><li class="interlanguage-link interwiki-nl mw-list-item"><a href="https://nl.wikipedia.org/wiki/Paginaopmaak" title="Paginaopmaak – néerlandais" lang="nl" hreflang="nl" data-title="Paginaopmaak" data-language-autonym="Nederlands" data-language-local-name="néerlandais" class="interlanguage-link-target"><span>Nederlands</span></a></li><li class="interlanguage-link interwiki-pa mw-list-item"><a href="https://pa.wikipedia.org/wiki/%E0%A8%AA%E0%A9%87%E0%A8%9C_%E0%A8%B2%E0%A9%87%E0%A8%86%E0%A8%8A%E0%A8%9F_%E0%A8%85%E0%A8%A4%E0%A9%87_%E0%A8%AA%E0%A9%8D%E0%A8%B0%E0%A8%BF%E0%A9%B0%E0%A8%9F%E0%A8%BF%E0%A9%B0%E0%A8%97" title="ਪੇਜ ਲੇਆਊਟ ਅਤੇ ਪ੍ਰਿੰਟਿੰਗ – pendjabi" lang="pa" hreflang="pa" data-title="ਪੇਜ ਲੇਆਊਟ ਅਤੇ ਪ੍ਰਿੰਟਿੰਗ" data-language-autonym="ਪੰਜਾਬੀ" data-language-local-name="pendjabi" class="interlanguage-link-target"><span>ਪੰਜਾਬੀ</span></a></li><li class="interlanguage-link interwiki-pl mw-list-item"><a href="https://pl.wikipedia.org/wiki/Layout_(DTP)" title="Layout (DTP) – polonais" lang="pl" hreflang="pl" data-title="Layout (DTP)" data-language-autonym="Polski" data-language-local-name="polonais" class="interlanguage-link-target"><span>Polski</span></a></li><li class="interlanguage-link interwiki-pt mw-list-item"><a href="https://pt.wikipedia.org/wiki/Layout_gr%C3%A1fico" title="Layout gráfico – portugais" lang="pt" hreflang="pt" data-title="Layout gráfico" data-language-autonym="Português" data-language-local-name="portugais" class="interlanguage-link-target"><span>Português</span></a></li><li class="interlanguage-link interwiki-ru mw-list-item"><a href="https://ru.wikipedia.org/wiki/%D0%9C%D0%B0%D0%BA%D0%B5%D1%82_%D0%B8%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D1%8F" title="Макет издания – russe" lang="ru" hreflang="ru" data-title="Макет издания" data-language-autonym="Русский" data-language-local-name="russe" class="interlanguage-link-target"><span>Русский</span></a></li><li class="interlanguage-link interwiki-simple mw-list-item"><a href="https://simple.wikipedia.org/wiki/Page_layout" title="Page layout – Simple English" lang="en-simple" hreflang="en-simple" data-title="Page layout" data-language-autonym="Simple English" data-language-local-name="Simple English" class="interlanguage-link-target"><span>Simple English</span></a></li><li class="interlanguage-link interwiki-sq mw-list-item"><a href="https://sq.wikipedia.org/wiki/Faqosje" title="Faqosje – albanais" lang="sq" hreflang="sq" data-title="Faqosje" data-language-autonym="Shqip" data-language-local-name="albanais" class="interlanguage-link-target"><span>Shqip</span></a></li><li class="interlanguage-link interwiki-sv badge-Q70893996 mw-list-item" title=""><a href="https://sv.wikipedia.org/wiki/Layout" title="Layout – suédois" lang="sv" hreflang="sv" data-title="Layout" data-language-autonym="Svenska" data-language-local-name="suédois" class="interlanguage-link-target"><span>Svenska</span></a></li><li class="interlanguage-link interwiki-uk mw-list-item"><a href="https://uk.wikipedia.org/wiki/%D0%92%D0%B5%D1%80%D1%81%D1%82%D0%BA%D0%B0" title="Верстка – ukrainien" lang="uk" hreflang="uk" data-title="Верстка" data-language-autonym="Українська" data-language-local-name="ukrainien" class="interlanguage-link-target"><span>Українська</span></a></li><li class="interlanguage-link interwiki-zh mw-list-item"><a href="https://zh.wikipedia.org/wiki/%E7%89%88%E9%9D%A2%E8%AE%BE%E8%AE%A1" title="版面设计 – chinois" lang="zh" hreflang="zh" data-title="版面设计" data-language-autonym="中文" data-language-local-name="chinois" class="interlanguage-link-target"><span>中文</span></a></li> </ul> <div class="after-portlet after-portlet-lang"><span class="wb-langlinks-edit wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q868954#sitelinks-wikipedia" title="Modifier les liens interlangues" class="wbc-editpage">Modifier les liens</a></span></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Espaces de noms"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-main" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Mise_en_page" title="Voir le contenu de la page [c]" accesskey="c"><span>Article</span></a></li><li id="ca-talk" class="vector-tab-noicon mw-list-item"><a href="/wiki/Discussion:Mise_en_page" rel="discussion" title="Discussion au sujet de cette page de contenu [t]" accesskey="t"><span>Discussion</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Modifier la variante de langue" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">français</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Affichages"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Mise_en_page"><span>Lire</span></a></li><li id="ca-ve-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Mise_en_page&veaction=edit" title="Modifier cette page [v]" accesskey="v"><span>Modifier</span></a></li><li id="ca-edit" class="collapsible vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Mise_en_page&action=edit" title="Modifier le wikicode de cette page [e]" accesskey="e"><span>Modifier le code</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Mise_en_page&action=history" title="Historique des versions de cette page [h]" accesskey="h"><span>Voir l’historique</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Outils de la page"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Outils" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Outils</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Outils</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">masquer</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="Plus d’options" > <div class="vector-menu-heading"> Actions </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/wiki/Mise_en_page"><span>Lire</span></a></li><li id="ca-more-ve-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Mise_en_page&veaction=edit" title="Modifier cette page [v]" accesskey="v"><span>Modifier</span></a></li><li id="ca-more-edit" class="collapsible vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Mise_en_page&action=edit" title="Modifier le wikicode de cette page [e]" accesskey="e"><span>Modifier le code</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Mise_en_page&action=history"><span>Voir l’historique</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> Général </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Pages_li%C3%A9es/Mise_en_page" title="Liste des pages liées qui pointent sur celle-ci [j]" accesskey="j"><span>Pages liées</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Suivi_des_liens/Mise_en_page" rel="nofollow" title="Liste des modifications récentes des pages appelées par celle-ci [k]" accesskey="k"><span>Suivi des pages liées</span></a></li><li id="t-upload" class="mw-list-item"><a href="/wiki/Aide:Importer_un_fichier" title="Téléverser des fichiers [u]" accesskey="u"><span>Téléverser un fichier</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Sp%C3%A9cial:Pages_sp%C3%A9ciales" title="Liste de toutes les pages spéciales [q]" accesskey="q"><span>Pages spéciales</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=Mise_en_page&oldid=220384862" title="Adresse permanente de cette version de cette page"><span>Lien permanent</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=Mise_en_page&action=info" title="Davantage d’informations sur cette page"><span>Informations sur la page</span></a></li><li id="t-cite" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:Citer&page=Mise_en_page&id=220384862&wpFormIdentifier=titleform" title="Informations sur la manière de citer cette page"><span>Citer cette page</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:UrlShortener&url=https%3A%2F%2Ffr.wikipedia.org%2Fwiki%2FMise_en_page"><span>Obtenir l'URL raccourcie</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:QrCode&url=https%3A%2F%2Ffr.wikipedia.org%2Fwiki%2FMise_en_page"><span>Télécharger le code QR</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Imprimer / exporter </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-create_a_book" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:Livre&bookcmd=book_creator&referer=Mise+en+page"><span>Créer un livre</span></a></li><li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Sp%C3%A9cial:DownloadAsPdf&page=Mise_en_page&action=show-download-screen"><span>Télécharger comme PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=Mise_en_page&printable=yes" title="Version imprimable de cette page [p]" accesskey="p"><span>Version imprimable</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects" > <div class="vector-menu-heading"> Dans d’autres projets </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li class="wb-otherproject-link wb-otherproject-commons mw-list-item"><a href="https://commons.wikimedia.org/wiki/Category:Page_layout" hreflang="en"><span>Wikimedia Commons</span></a></li><li id="t-wikibase" class="wb-otherproject-link wb-otherproject-wikibase-dataitem mw-list-item"><a href="https://www.wikidata.org/wiki/Special:EntityPage/Q868954" title="Lien vers l’élément dans le dépôt de données connecté [g]" accesskey="g"><span>Élément Wikidata</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Outils de la page"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Apparence"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Apparence</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">déplacer vers la barre latérale</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">masquer</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> </div> <div id="siteSub" class="noprint">Un article de Wikipédia, l'encyclopédie libre.</div> </div> <div id="contentSub"><div id="mw-content-subtitle"></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="fr" dir="ltr"><div class="bandeau-container metadata homonymie hatnote"><div class="bandeau-cell bandeau-icone" style="display:table-cell;padding-right:0.5em"><span class="noviewer" typeof="mw:File"><a href="/wiki/Aide:Homonymie" title="Aide:Homonymie"><img alt="Page d’aide sur l’homonymie" src="//upload.wikimedia.org/wikipedia/commons/thumb/a/a9/Logo_disambig.svg/20px-Logo_disambig.svg.png" decoding="async" width="20" height="15" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/a9/Logo_disambig.svg/30px-Logo_disambig.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/a9/Logo_disambig.svg/40px-Logo_disambig.svg.png 2x" data-file-width="512" data-file-height="375" /></a></span></div><div class="bandeau-cell" style="display:table-cell;padding-right:0.5em"> <p>Cet article concerne une technique. Pour les autres significations, voir <a href="/wiki/Mise_en_page_(homonymie)" class="mw-disambig" title="Mise en page (homonymie)">Mise en page (homonymie)</a>. </p> </div></div> <figure typeof="mw:File/Thumb"><a href="/wiki/Fichier:Nouveau_Dictionnaire_Larousse_page.JPG" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Nouveau_Dictionnaire_Larousse_page.JPG/400px-Nouveau_Dictionnaire_Larousse_page.JPG" decoding="async" width="400" height="277" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Nouveau_Dictionnaire_Larousse_page.JPG/600px-Nouveau_Dictionnaire_Larousse_page.JPG 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Nouveau_Dictionnaire_Larousse_page.JPG/800px-Nouveau_Dictionnaire_Larousse_page.JPG 2x" data-file-width="3718" data-file-height="2575" /></a><figcaption>Exemple de mise en page : titres en gras, texte <a href="/wiki/Justification_(typographie)" title="Justification (typographie)">justifié</a> sur trois colonnes, vignettes alignées à droite avec <a href="/wiki/Habillage_(typographie)" title="Habillage (typographie)">habillage</a> (aperçu de la mise en page des articles et illustrations dans le <i>Nouveau Dictionnaire Larousse</i> de 1899).</figcaption></figure> <p>La <b>mise en page</b>, ou <b>mise en pages</b>, est l'opération de disposition <a href="/wiki/Graphisme" title="Graphisme">graphique</a> d'un <a href="/wiki/Contenu_informationnel" class="mw-redirect" title="Contenu informationnel">contenu informationnel</a> dans un espace donné (<a href="/wiki/Feuille_de_papier" class="mw-redirect" title="Feuille de papier">feuille de papier</a>, planche de bande dessinée, <a href="/wiki/Pages_web" class="mw-redirect" title="Pages web">pages web</a>, etc.). </p><p>Elle succède au travail de collecte et de composition du contenu (<a href="/wiki/Composition_(imprimerie)" title="Composition (imprimerie)">composition</a> de <a href="/wiki/Texte" title="Texte">texte</a> « au kilomètre », collection des composants) et précède souvent le travail d'<a href="/wiki/Imprimerie" title="Imprimerie">impression</a>. Elle peut le précéder dans la mesure où elle est prédéfinie (dimensions des colonnes, styles du texte, placement des illustrations, etc.). </p><p>Elle vise à représenter le contenu (<a href="/wiki/Texte" title="Texte">textes</a>, <a href="/wiki/Image" title="Image">images</a>, <a href="/wiki/Animation_(audiovisuel)" title="Animation (audiovisuel)">animations</a>…) de manière hiérarchique et harmonieuse (équilibre des zones, des <a href="/wiki/Couleur" title="Couleur">couleurs</a> et des espaces, contrastes), afin de faciliter un parcours de lecture à plusieurs niveaux, avec un souci constant d'<a href="/wiki/Ergonomie" title="Ergonomie">ergonomie</a>. </p><p>Elle comprend les techniques : </p> <ul><li>de <a href="/wiki/Police_d%E2%80%99%C3%A9criture" class="mw-redirect" title="Police d’écriture">polices de caractères</a> ;</li> <li>de <a href="/wiki/Typographie" title="Typographie">typographie</a> ;</li> <li>de mise en forme et d'espacement ;</li> <li>de titrage et de <a href="/wiki/Lettrine" title="Lettrine">lettrines</a> ;</li> <li>d'<a href="/wiki/Illustration" title="Illustration">illustration</a> et de leur <a href="/wiki/Habillage_(typographie)" title="Habillage (typographie)">habillage</a>.</li></ul> <p>Elle peut utiliser un thème en rapport avec le contenu (par exemple une numérotation de page en forme de perles pour un document sur les colliers, ou un filigrane d'une encyclopédie sur le fond d'un article encyclopédique…). </p> <meta property="mw:PageProp/toc" /> <div class="mw-heading mw-heading2"><h2 id="Historique">Historique</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=1" title="Modifier la section : Historique" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=1" title="Modifier le code source de la section : Historique"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure typeof="mw:File/Thumb"><a href="/wiki/Fichier:Das_Wohltemperirte_Clavier_titlepage_2.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Das_Wohltemperirte_Clavier_titlepage_2.jpg/150px-Das_Wohltemperirte_Clavier_titlepage_2.jpg" decoding="async" width="150" height="238" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Das_Wohltemperirte_Clavier_titlepage_2.jpg/225px-Das_Wohltemperirte_Clavier_titlepage_2.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Das_Wohltemperirte_Clavier_titlepage_2.jpg/300px-Das_Wohltemperirte_Clavier_titlepage_2.jpg 2x" data-file-width="464" data-file-height="736" /></a><figcaption>Mise en page manuscrite.</figcaption></figure> <p>La mise en page des documents a subi plusieurs transformations avec la multiplicité des supports d’écriture qui sont apparus au cours de l’histoire. En effet, depuis l'apparition de l'écriture, de nombreux procédés ont été mis au point pour réaliser des textes longs : codification de <a href="/wiki/Tablettes_d%27argile" class="mw-redirect" title="Tablettes d'argile">tablettes d'argile</a> pour en comprendre la succession, liens reliant des planchettes de bois, assemblage de feuilles de <a href="/wiki/Papyrus_(papier)" title="Papyrus (papier)">papyrus</a> formant le rouleau qui reste longtemps la forme la plus répandue. </p><p>Le <a href="/wiki/Parchemin" title="Parchemin">parchemin</a> s'enroule aussi à ses débuts. Plus mince, plus souple et résistant que le papyrus, il provoque l'émergence d'une nouvelle organisation : le <a href="/wiki/Codex" title="Codex">codex</a>, ancêtre du livre actuel. D'abord marginal, il se trouve en situation de monopole dès le <abbr class="abbr" title="5ᵉ siècle"><span class="romain">V</span><sup style="font-size:72%">e</sup></abbr> siècle. Désormais, les feuilles sont pliées, assemblées en cahiers reliés à leur tour. L'écriture devient possible sur les deux faces (deux fois plus qu'un rouleau de papyrus). Depuis l'époque des tablettes d'argile jusqu'à l'apparition du codex, la mise en page était effectuée à la main par les copistes dans les livres, intégrant les <a href="/wiki/Enluminure" title="Enluminure">enluminures</a>, les marges, les titres, le texte principal, les <a href="/wiki/Glose" title="Glose">gloses</a>, les notes et jusqu’aux appels de pages à l’usage des relieurs mais aussi pour faciliter la lecture, cette préparation étant préalable à l’écriture de chaque page : elle était alors déjà considérée comme un art à part entière. </p><p>L'arrivée de l'<a href="/wiki/Imprimerie" title="Imprimerie">imprimerie</a> a apporté de nouvelles méthodes et règles : la composition en plomb perdait en fantaisie et en liberté, mais gagnait en rigueur et en lisibilité. Pratiquée empiriquement, la mise en page a bénéficié d’une longue expérience qui n’a jamais interdit la fantaisie. Ce n’est qu’au <abbr class="abbr" title="20ᵉ siècle"><span class="romain">XX</span><sup style="font-size:72%">e</sup></abbr> siècle, notamment avec les théoriciens du <a href="/wiki/Bauhaus" title="Bauhaus">Bauhaus</a>, tels <a href="/wiki/Jan_Tschichold" title="Jan Tschichold">Jan Tschichold</a>, et leurs successeurs, que la mise en page fait l’objet d’une étude spécifique. Des tendances et des écoles apparaissent, comme la très célèbre <a href="/wiki/Style_typographique_international" title="Style typographique international">typographie suisse</a> des années 1960, toute en rigueur et clarté, qui prône l’usage des linéales sans capitales, des compositions en colonnes alignées « au fer », etc. bien illustrée par le changement de formule de la revue mensuelle <a href="/wiki/R%C3%A9alit%C3%A9s_(revue_mensuelle)" class="mw-redirect" title="Réalités (revue mensuelle)"><i>Réalités</i></a> </p><p>Enfin, avec l'avènement de l'informatique, la <a href="/wiki/Publication_assist%C3%A9e_par_ordinateur" title="Publication assistée par ordinateur">publication assistée par ordinateur</a> (PAO) permet des variations à l'infini. </p> <div class="mw-heading mw-heading2"><h2 id="Méthodes_de_mise_en_page"><span id="M.C3.A9thodes_de_mise_en_page"></span>Méthodes de mise en page</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=2" title="Modifier la section : Méthodes de mise en page" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=2" title="Modifier le code source de la section : Méthodes de mise en page"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <figure class="mw-default-size" typeof="mw:File/Thumb"><a href="/wiki/Fichier:Typometres2.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/f/f1/Typometres2.jpg/220px-Typometres2.jpg" decoding="async" width="220" height="133" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/f/f1/Typometres2.jpg/330px-Typometres2.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/f/f1/Typometres2.jpg/440px-Typometres2.jpg 2x" data-file-width="2000" data-file-height="1205" /></a><figcaption>Deux typomètres en matière plastique, années 1980.</figcaption></figure> <p>Pour la mise en page d'un texte dans un journal, un livre, et d'autres types de publications, un <a href="/wiki/Gabarit_(typographie)" class="mw-redirect" title="Gabarit (typographie)">gabarit</a> est choisi : des lignes de repère horizontales et verticales sont placées sur l'espace généralement rectangulaire de la page, définissant des blocs dans lesquels du texte ou des images viendront se positionner. </p><p>D'autres blocs que ceux définis par le gabarit peuvent évidemment être choisis pour le texte, et les illustrations peuvent venir soit à l'arrière du texte (un effet de filigrane doit être appliqué afin de garder un niveau de contraste permettant une lecture facile du texte), soit entre deux lignes de texte (en espaçant ces lignes d'une hauteur équivalente à la hauteur de l'image), soit en habillage rapproché : le texte épouse avec un certain espacement les bordures latérales de l'image. </p><p>Avant l’informatique, la mise en page manuelle impose le calcul de la longueur et de l’encombrement du texte : le calibrage. Il se base sur le nombre de signes du manuscrit, et la comparaison avec des modèles de typographie qui permettent pour la police choisie de déterminer le corps en fonction de la place disponible, ou inversement, l’encombrement en fonction du corps. Le <a href="/wiki/Typom%C3%A8tre" title="Typomètre">typomètre</a> est l’outil de base. Le texte est alors envoyé à la composition avec toutes les indications nécessaires et revient, pour l’impression typographique, sous forme de blocs de caractères assemblés, auxquels s’ajoutent les clichés des illustrations ; pour l’impression offset, les textes composés arrivent sous forme de tirages papier ou de films, qui seront découpés et collés selon le gabarit prédéfini, avec les autres éléments graphiques (illustrations, photographies) pour constituer le document final qui sera imprimé. </p><p>Voir <a href="/wiki/Maquette#.C3.89dition_et_publicit.C3.A9" title="Maquette">Maquette</a>. </p> <div class="mw-heading mw-heading2"><h2 id="Facteurs_influençant_les_choix_de_la_mise_en_page"><span id="Facteurs_influen.C3.A7ant_les_choix_de_la_mise_en_page"></span>Facteurs influençant les choix de la mise en page</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=3" title="Modifier la section : Facteurs influençant les choix de la mise en page" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=3" title="Modifier le code source de la section : Facteurs influençant les choix de la mise en page"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-heading mw-heading3"><h3 id="Papier_ou_numérique"><span id="Papier_ou_num.C3.A9rique"></span>Papier ou numérique</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=4" title="Modifier la section : Papier ou numérique" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=4" title="Modifier le code source de la section : Papier ou numérique"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Le passage au <a href="/wiki/Num%C3%A9rique" title="Numérique">numérique</a> a significativement modifié la manière dont l'information est organisée sur un document. Les possibilités de mise en page offertes par les logiciels d’édition de texte diffèrent de celles que les scripteurs peuvent réaliser manuellement. En effet, les pratiques d'écriture manuelle ont été profondément transformées par les supports numériques. </p><p>Le but étant de fournir un document lisible et bien structuré, la prise en considération du mode d’édition du texte (édition manuelle ou édition numérique) est primordiale pour faire les bons choix de la mise en page. </p><p>Ainsi, améliorer la mise en page, c’est respecter certaines règles graphiques (pour les textes écrits à la main) et typographiques (pour les textes imprimés). Par exemple, pour un texte manuscrit, il faut éviter de trop serrer les lettres et les mots. L’aération de la page à travers les <a href="/wiki/Marge#Imprimerie" class="mw-disambig" title="Marge">marges</a> et les alinéas est fortement recommandée. La mise en valeur de certaines parties du texte manuscrit peut être faite par un <a href="/wiki/Soulignement" title="Soulignement">soulignement</a>. Cependant, pour un texte imprimé, nous disposons d’une grande variété de <a href="/wiki/Police_de_caract%C3%A8re" class="mw-redirect" title="Police de caractère">polices de caractère</a>, de signes typographiques et d'alignement dont le choix dépendra du type de texte à écrire (informatif, incitatif<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite_crochet">[</span>1<span class="cite_crochet">]</span></a></sup>…). </p> <div class="mw-heading mw-heading3"><h3 id="Le_type_du_document">Le type du document</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=5" title="Modifier la section : Le type du document" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=5" title="Modifier le code source de la section : Le type du document"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>La mise en forme dépend aussi du type du document à écrire. Quelle que soit la langue dans laquelle le texte est écrit, numérique ou manuscrit, il existe des <a href="/wiki/Norme" title="Norme">normes</a> qui définissent la mise en page de certains types de documents. Tel est le cas des documents formels : ils obéissent tous à des normes prédéfinies qui permettent de les identifier avant même de lire leur contenu. Dans ce contexte, on peut citer l’exemple de la <a href="/wiki/Courrier" title="Courrier">lettre</a>. La lettre est un document qui doit obéir à une certaine structure de base dans les différentes langues et cultures<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite_crochet">[</span>2<span class="cite_crochet">]</span></a></sup>. Cela dit, tout autre document informel laisse une marge de liberté par rapport au choix de la mise en page. </p> <div class="mw-heading mw-heading4"><h4 id="Les_livres">Les livres</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=6" title="Modifier la section : Les livres" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=6" title="Modifier le code source de la section : Les livres"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Des livres format de poche aux encyclopédies. </p> <div class="mw-heading mw-heading4"><h4 id="La_presse">La presse</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=7" title="Modifier la section : La presse" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=7" title="Modifier le code source de la section : La presse"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Quotidiens et hebdomadaires. </p> <div class="mw-heading mw-heading4"><h4 id="Les_magazines_illustrés"><span id="Les_magazines_illustr.C3.A9s"></span>Les magazines illustrés</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=8" title="Modifier la section : Les magazines illustrés" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=8" title="Modifier le code source de la section : Les magazines illustrés"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>La mise en pages comprend alors un titre, des sous-titres, du texte, des légendes et des photos. </p><p><a href="/wiki/Jean-Louis_Swiners" title="Jean-Louis Swiners">Jean-Louis Swiners</a> en a proposé en 1965 une classification<sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite_crochet">[</span>3<span class="cite_crochet">]</span></a></sup>. Il distinguait alors les mises en pages pour donner à voir et celles pour donner à penser. </p><p>Parmi les premières, on trouverait selon lui : </p> <ul><li>Les mises en page « commerciales » : vignette lustrative (qui donne du lustre)</li> <li>Une mise en page « typographique » : facilité matérielle, facilité intellectuelle, facilité esthétique</li> <li>Les mises en page « illustratives » : soit explicative ou pédagogique, soit confirmative ou rhétorique</li> <li>Les mises en page « esthétiques » : académique, hyperbolique, novatrice</li></ul> <p>Alors que les secondes seraient constitué de: </p> <ul><li>Les mises en page « sémiologiques » : la mise en page musico-cinémato-graphique, la mise en page symbolique et la mise en page sémantique</li></ul> <div class="mw-heading mw-heading4"><h4 id="Les_bandes_dessinées"><span id="Les_bandes_dessin.C3.A9es"></span>Les bandes dessinées</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=9" title="Modifier la section : Les bandes dessinées" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=9" title="Modifier le code source de la section : Les bandes dessinées"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Avec des mises en page très différentes suivant que ce sont des bandes dessinées franco-belges, des comics, des mangas, etc. </p> <div class="mw-heading mw-heading4"><h4 id="Les_documents_pédagogiques"><span id="Les_documents_p.C3.A9dagogiques"></span>Les documents pédagogiques</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=10" title="Modifier la section : Les documents pédagogiques" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=10" title="Modifier le code source de la section : Les documents pédagogiques"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Par exemple, les documents pédagogiques, qui doivent respecter une certaine organisation pour faciliter l’<a href="/wiki/Apprentissage" title="Apprentissage">apprentissage</a> (les livres de cours, les tutoriels…). Deux éléments indispensables dans la mise en forme de ce type de document sont la table des matières — ou le <a href="/wiki/Sommaire" title="Sommaire">sommaire</a> —, qui facilitent l’accès aux différentes parties du document<sup id="cite_ref-4" class="reference"><a href="#cite_note-4"><span class="cite_crochet">[</span>4<span class="cite_crochet">]</span></a></sup> du texte et de la lecture. La hiérarchisation du contenu ainsi que la clarté de la <a href="/wiki/Police_d%27%C3%A9criture" class="mw-redirect" title="Police d'écriture">police d'écriture</a> et des <a href="/wiki/Illustrations" class="mw-redirect" title="Illustrations">illustrations</a> sont aussi des éléments importants qui permettent de faciliter l’apprentissage. La mise en page est également un élément constitutif du texte <a href="/wiki/Po%C3%A9sie" title="Poésie">poétique</a>. Elle met en valeur l'aspect visuel, ou même pictural, du texte. Le choix de la <a href="/wiki/Typographie" title="Typographie">typographie</a> et la présence d’interlignes qui marquent le début et la fin des strophes participent au sens du poème et permettent d’identifier le type du texte sans lire son contenu. </p> <div class="mw-heading mw-heading3"><h3 id="Sens_de_l'écriture"><span id="Sens_de_l.27.C3.A9criture"></span>Sens de l'écriture</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=11" title="Modifier la section : Sens de l'écriture" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=11" title="Modifier le code source de la section : Sens de l'écriture"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>La direction de l’écriture est également l’un des facteurs qui influencent la mise en page de documents. De nos jours, dans les <a href="/wiki/Langues_s%C3%A9mitiques" title="Langues sémitiques">langues sémitiques</a> (<a href="/wiki/H%C3%A9breu" title="Hébreu">hébreu</a>, <a href="/wiki/Arabe" title="Arabe">arabe</a>, <a href="/wiki/Syriaque" title="Syriaque">syriaque</a>), l’<a href="/wiki/Alphabet" title="Alphabet">alphabet</a> est écrit en lignes horizontales, de droite à gauche, alors que dans les langues occidentales (<a href="/wiki/Grec_(langue)" class="mw-redirect" title="Grec (langue)">grec</a>, <a href="/wiki/Latin" title="Latin">latin</a>, <a href="/wiki/Russe" title="Russe">russe</a>), l’alphabet est écrit en lignes horizontales dirigées de la gauche vers la droite. </p><p>De ce fait, la mise en page et la <a href="/wiki/Hi%C3%A9rarchie" title="Hiérarchie">hiérarchie</a> du texte dans ces deux types d’écritures sont présentées d’une façon qui leur est propre. Certaines préférences par rapport à la disposition des différents éléments (images, titres, paragraphes…) sur le support d’écriture ont été mises en place pour les deux types d’écritures. Pour les langues sémitiques, il est préférable que les illustrations soient placées à gauche et que la partie textuelle soit placée à droite pour des raisons d’ergonomie. Cependant, pour les langues occidentales, il est préférable que le contenu textuel soit placé à gauche et que toutes les illustrations accompagnant le texte soient placées à droite, ceci afin que les débuts de lignes soient tous alignés, facilitant ainsi la lecture<sup id="cite_ref-5" class="reference"><a href="#cite_note-5"><span class="cite_crochet">[</span>5<span class="cite_crochet">]</span></a></sup>. </p> <div class="mw-heading mw-heading2"><h2 id="Mise_en_page_des_documents_numériques"><span id="Mise_en_page_des_documents_num.C3.A9riques"></span>Mise en page des documents numériques</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=12" title="Modifier la section : Mise en page des documents numériques" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=12" title="Modifier le code source de la section : Mise en page des documents numériques"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-heading mw-heading3"><h3 id="Outils_d'édition"><span id="Outils_d.27.C3.A9dition"></span>Outils d'édition</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=13" title="Modifier la section : Outils d'édition" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=13" title="Modifier le code source de la section : Outils d'édition"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>De très nombreux outils permettent de mettre en page du contenu numérique, qu'il soit textuel ou multimédia. En général, ces logiciels sont orientés vers la production d'un type de document particulier ; on peut citer par exemple les suites <a href="/wiki/LibreOffice" title="LibreOffice">LibreOffice</a> ou <a href="/wiki/Microsoft_Office" title="Microsoft Office">Microsoft Office</a> qui suivent une logique bureautique, ou encore <a href="/wiki/Dreamweaver" class="mw-redirect" title="Dreamweaver">Dreamweaver</a> qui est orienté vers la publication web. </p> <div class="mw-heading mw-heading4"><h4 id="Nomenclature_selon_la_logique_d'édition"><span id="Nomenclature_selon_la_logique_d.27.C3.A9dition"></span>Nomenclature selon la logique d'édition</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=14" title="Modifier la section : Nomenclature selon la logique d'édition" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=14" title="Modifier le code source de la section : Nomenclature selon la logique d'édition"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-heading mw-heading5"><h5 id="Logiciels_WYSIWYG">Logiciels <a href="/wiki/WYSIWYG" class="mw-redirect" title="WYSIWYG">WYSIWYG</a></h5><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=15" title="Modifier la section : Logiciels WYSIWYG" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=15" title="Modifier le code source de la section : Logiciels WYSIWYG"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>La première catégorie est souvent qualifiée de <a href="/wiki/WYSIWYG" class="mw-redirect" title="WYSIWYG">WYSIWYG</a>, qui signifie <i>What You See Is What You Get</i>. Ces logiciels maintiennent une forte analogie avec la composition de documents papier et tirent parti des possibilités offertes par les interfaces graphiques : un document vierge ou un modèle est affiché à l'écran et peut être modifié par l'utilisateur à l'aide d'une série d'outils proposés par le logiciel. </p><p>Le résultat de ces modifications est visualisé en temps réel par l'utilisateur qui a donc une idée précise de ce à quoi ressemblera le document une fois terminé. <a href="/wiki/Microsoft_Word" title="Microsoft Word">Microsoft Word</a> et <a href="/wiki/Photoshop" class="mw-redirect" title="Photoshop">Photoshop</a> sont des exemples caractéristiques de cette catégorie de logiciels. </p> <div class="mw-heading mw-heading5"><h5 id="Logiciels_WYSIWYM">Logiciels <a href="/wiki/WYSIWYM" class="mw-redirect" title="WYSIWYM">WYSIWYM</a></h5><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=16" title="Modifier la section : Logiciels WYSIWYM" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=16" title="Modifier le code source de la section : Logiciels WYSIWYM"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>La seconde catégorie est désignée par l'acronyme <a href="/wiki/WYSIWYM" class="mw-redirect" title="WYSIWYM">WYSIWYM</a>, <i>What You See Is What You Mean</i>. Ces logiciels mettent l'accent sur le fait que l'utilisateur ne devrait pas décrire l'aspect du document mais la nature de son contenu, et laisser le soin au logiciel de réaliser une mise en page adaptée. </p><p>Ces logiciels utilisent le plus souvent une séparation du contenu et les règles de mise en forme et suivent une <a href="#Approche_déclarative">logique déclarative</a>. </p><p>On peut citer les langages <a href="/wiki/HTML" class="mw-redirect" title="HTML">HTML</a>/<a href="/wiki/Feuilles_de_style_en_cascade" title="Feuilles de style en cascade">CSS</a> et <a href="/wiki/LaTeX" title="LaTeX">LaTeX</a> comme représentants de cette seconde catégorie de technologies. </p> <div class="mw-heading mw-heading4"><h4 id="Nomenclature_selon_les_fonctionnalités_proposées"><span id="Nomenclature_selon_les_fonctionnalit.C3.A9s_propos.C3.A9es"></span>Nomenclature selon les fonctionnalités proposées</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=17" title="Modifier la section : Nomenclature selon les fonctionnalités proposées" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=17" title="Modifier le code source de la section : Nomenclature selon les fonctionnalités proposées"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>On peut distinguer trois familles de logiciels de mise en page : </p> <ul><li>les <a href="/wiki/Traitements_de_texte" class="mw-redirect" title="Traitements de texte">traitements de texte</a> : ils permettent de mettre en pages et de formater du texte s’étalant sur plusieurs pages, d’y ajouter des images et d’imprimer le document généré ;</li> <li>les logiciels de PAO : ils vont plus loin en offrant des fonctionnalités graphiques et des options d’impression avancées (en particulier la gestion CMJN, la défonce des caractères, etc.) ;</li> <li>les logiciels de graphisme : plus orientés vers la création graphique, ils sont parfaitement adaptés à la mise en page de documents dans lequel le texte ne se poursuit pas de page en page (tract, affiche, <a href="/wiki/Packaging" title="Packaging">packaging</a>, etc.).</li></ul> <p>Les logiciels de type <a href="/wiki/%C3%89diteur_de_texte" title="Éditeur de texte">éditeur de texte</a> n'entrent pas dans la catégorie des logiciels de mise en page car ils ne permettent ni le formatage du texte, ni le positionnement d’images. </p> <div class="mw-heading mw-heading5"><h5 id="Traitement_de_texte">Traitement de texte</h5><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=18" title="Modifier la section : Traitement de texte" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=18" title="Modifier le code source de la section : Traitement de texte"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="bandeau-container bandeau-section metadata bandeau-niveau-information"><div class="bandeau-cell bandeau-icone-css loupe">Article détaillé : <a href="/wiki/Logiciel_de_traitement_de_texte" title="Logiciel de traitement de texte">Logiciel de traitement de texte</a>.</div></div> <p>Ces logiciels assurent le formatage de texte et le positionnement d’images. Ils sont adaptés à la création et l’impression de tout type de document (brochure, lettre, livre, etc.). Leur prise en main est aisée. Longtemps mal adaptés avec les standards des imprimeurs, le support récent du format <a href="/wiki/Portable_Document_Format" title="Portable Document Format">PDF</a> par certains d’entre eux tend à corriger ce manque. </p> <div class="mw-heading mw-heading5"><h5 id="Logiciels_de_PAO">Logiciels de PAO</h5><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=19" title="Modifier la section : Logiciels de PAO" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=19" title="Modifier le code source de la section : Logiciels de PAO"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Les logiciels de mise en page les plus couramment utilisés par les professionnels ne sont pas très nombreux ; on distingue principalement : </p> <ul><li><a href="/wiki/QuarkXPress" title="QuarkXPress">XPress</a> de la société Quark.</li> <li><a href="/wiki/InDesign" class="mw-redirect" title="InDesign">InDesign</a> de la société <a href="/wiki/Adobe_Systems" class="mw-redirect" title="Adobe Systems">Adobe Systems</a>, qui connaît un fort engouement depuis quelques années et est devenu un standard de fait, utilisé par toutes les agences de communication, les éditeurs de presse et les maisons d'édition.</li> <li><a href="/wiki/Scribus" title="Scribus">Scribus</a>, <a href="/wiki/Logiciel_libre" title="Logiciel libre">logiciel libre</a> et gratuit, développé originellement pour <a href="/wiki/GNU/Linux" class="mw-redirect" title="GNU/Linux">GNU/Linux</a> et désormais porté sous <a href="/wiki/Mac_OS" class="mw-redirect" title="Mac OS">Mac OS</a>, ainsi que sous <a href="/wiki/Microsoft_Windows" title="Microsoft Windows">Windows</a>, depuis <time class="nowrap" datetime="2006-01" data-sort-value="2006-01">janvier 2006</time>.</li></ul> <div class="mw-heading mw-heading5"><h5 id="Logiciels_de_graphisme">Logiciels de graphisme</h5><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=20" title="Modifier la section : Logiciels de graphisme" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=20" title="Modifier le code source de la section : Logiciels de graphisme"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Ils se divisent en deux catégories : <a href="/wiki/Image_matricielle" title="Image matricielle">matriciels</a> et <a href="/wiki/Image_vectorielle" title="Image vectorielle">vectoriels</a>. </p><p>Les logiciels de graphisme matriciel sont assez mal adaptés à la mise en page pour l’impression, car ils ont tendance à « pixéliser » les textes : </p> <ul><li><a href="/wiki/Adobe_Photoshop" title="Adobe Photoshop">Adobe Photoshop</a></li> <li><a href="/wiki/Gimp" class="mw-redirect" title="Gimp">Gimp</a></li> <li><a href="/wiki/Paint_Shop_Pro" class="mw-redirect" title="Paint Shop Pro">Paint Shop Pro</a>, etc.</li></ul> <p>Les logiciels de graphisme vectoriel conviennent pour l'élaboration d'illustrations et sont déconseillés pour la mise en page, même pour les documents où les textes ne se suivent pas de page en page (tract, affiche, document recto-verso, etc.), car l'absence d'options comme les <a href="https://fr.wiktionary.org/wiki/fond_perdu" class="extiw" title="wikt:fond perdu">fonds perdus</a> dans les paramètres d'exportation, ou la mauvaise gestion des fichiers <a href="/wiki/Image_matricielle" title="Image matricielle">bitmap</a> peut s'avérer handicapante pour le graphiste. </p> <ul><li><a href="/wiki/Adobe_Illustrator" title="Adobe Illustrator">Adobe Illustrator</a></li> <li><a href="/wiki/OpenOffice.org_Draw" class="mw-redirect" title="OpenOffice.org Draw">OpenOffice.org Draw</a></li> <li><a href="/wiki/Inkscape" title="Inkscape">Inkscape</a>, etc.</li></ul> <div class="mw-heading mw-heading3"><h3 id="Mise_en_page_automatique">Mise en page automatique</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=21" title="Modifier la section : Mise en page automatique" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=21" title="Modifier le code source de la section : Mise en page automatique"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-heading mw-heading4"><h4 id="Approche_par_modèles"><span id="Approche_par_mod.C3.A8les"></span>Approche par modèles</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=22" title="Modifier la section : Approche par modèles" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=22" title="Modifier le code source de la section : Approche par modèles"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Très présents dans les <a href="/wiki/Bureautique#Logiciels_de_PAO" title="Bureautique">logiciels de bureautique</a> grand public, les modèles fournissent des patrons de mise en page comportant tableaux, colonnes, et autres éléments de présentation déjà organisés. Une <a href="/wiki/Charte_graphique" title="Charte graphique">charte graphique</a> prédéfinie est généralement associée. Outre leur très bonne intégration aux logiques de type <a href="/wiki/WYSIWYG" class="mw-redirect" title="WYSIWYG">WYSIWYG</a>, les modèles ont l'avantage de nécessiter très peu d'apprentissage de la part de l'utilisateur. En contrepartie, le modèle a tendance à contraindre très fortement le contenu produit ; il est en général représentatif d'un genre (lettre, carte de vœux, rapport, etc.) dont il ne peut s'écarter. </p><p>On notera également que les éditeurs de magazines utilisent des <a href="/wiki/Gabarit_(mise_en_page)" title="Gabarit (mise en page)">gabarits</a> afin de proposer des mises en page cohérentes entre leurs numéros ; ces gabarits peuvent être apparentés à des modèles taillés sur mesure pour les besoins de l'éditeur. </p> <div class="mw-heading mw-heading4"><h4 id="Approche_déclarative"><span id="Approche_d.C3.A9clarative"></span>Approche déclarative</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=23" title="Modifier la section : Approche déclarative" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=23" title="Modifier le code source de la section : Approche déclarative"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Plutôt que de remplir un gabarit préétabli comme le fait l'approche par modèle, l'approche déclarative suit une logique de construction qui se décompose le plus souvent en quatre phases. </p><p>Après une première phase de rédaction (on parle souvent de texte écrit « au kilomètre » dans le monde de l'édition), la mise en page est réalisée en déclarant la nature des différents composants (paragraphe, titre, tableau, image, etc.) et les relations qu'ils entretiennent entre eux (une note de bas de page référence un mot particulier, un titre s'applique à une section particulière…). On obtient à la fin de cette deuxième phase un modèle qui représente la structure logique du document. La troisième consiste en la réalisation d'un ensemble de règles qui vont décrire la manière dont le modèle documentaire doit être mis en page (par exemple une note de bas de page doit être présente sur la même page que le mot qu'elle référence). Ensuite, la quatrième et dernière phrase fait intervenir un processus (le plus souvent automatisé) qui génère un document final à partir du modèle documentaire et de la base de règles de mise en forme. </p><p>On notera que cette approche établit une séparation stricte du contenu (les informations et leur structure) et de la forme du document. Cette distinction comporte un certain nombre d'avantages : </p> <ul><li>une même base de règle peut servir à la mise en page de nombreux documents. Cela permet une grande homogénéité graphique de ces documents et un gain de temps substantiel lors de leur création ;</li> <li>le contenu du document reste facilement accessible à d'autres formes de traitement automatisés (création d'un graphique pour les éléments d'un tableur par exemple), car il n'est pas « pollué » par des informations de mise en page ;</li> <li>la création de modèles documentaires complets permet un archivage facilité de l'information.</li></ul> <p>De plus, la possibilité d'appliquer dynamiquement différents ensembles de règles peut s'avérer très utile, puisqu'elle permet : </p> <ul><li>de visualiser rapidement le résultat de différentes politiques de mise en page, sans avoir à appliquer chaque propriété graphique manuellement aux éléments du document ;</li> <li>d'adapter dynamiquement la mise en page au contexte de consultation.</li></ul> <p>On remarquera que l'usage des styles dans les logiciels de bureautique ou le logiciel <a href="/wiki/LaTeX" title="LaTeX">LaTeX</a> suivent une logique déclarative. </p><p>Enfin, cette approche comporte également certains inconvénients : elle demande en particulier de mener une réflexion approfondie <i>a priori</i> de la structure du document, et peut se révéler coûteuse en temps s'il n'existe pas de base de règles de mise en page pour le type de document que l'on souhaite réaliser. </p> <div class="mw-heading mw-heading3"><h3 id="Mise_en_page_dynamique">Mise en page dynamique</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=24" title="Modifier la section : Mise en page dynamique" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=24" title="Modifier le code source de la section : Mise en page dynamique"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Au contraire des processus statiques qui produisent des mises en page figées dans le temps, la mise en page dynamique vise à générer une mise en page particulière à chaque fois que c'est nécessaire (par exemple à chaque consultation), en fonction du contexte. </p><p>Les mises en pages dynamiques permettent notamment d'adapter un même contenu au média de restitution sur lequel il est affiché ; en effet, il n'est pas pertinent d'adopter la même mise en page sur un média papier, une tablette ou un écran d'ordinateur, car ces supports divergent trop par <a href="#Contraintes_des_supports_numériques">leurs caractéristiques physiques</a>. </p><p>On pourrait également imaginer des documents dont la mise en page s'adapterait en fonction des capacités sensorielles de l'utilisateur (pour prendre en compte un handicap visuel par exemple). </p><p>Étant donné le grand nombre de possibilités, les processus de mise en page dynamique sont généralement automatisés et se basent sur des processus de séparation de la forme et du fond. </p><p>Les procédés de mise en page dynamique sont fortement utilisés sur le Web, et font appel à de nombreuses technologies parmi lesquelles <a href="/wiki/PHP" title="PHP">PHP</a>, <a href="/wiki/JavaServer_Pages" class="mw-redirect" title="JavaServer Pages">JSP</a>, <a href="/wiki/Feuilles_de_style_en_cascade" title="Feuilles de style en cascade">CSS</a>, <a href="/wiki/HTML" class="mw-redirect" title="HTML">HTML</a>. </p><p>Dans le domaine de la publication numérique, on peut également citer la technologie de <i>liquid layout</i> d'Adobe. </p> <div class="mw-heading mw-heading3"><h3 id="Contraintes_des_supports_numériques"><span id="Contraintes_des_supports_num.C3.A9riques"></span>Contraintes des supports numériques</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=25" title="Modifier la section : Contraintes des supports numériques" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=25" title="Modifier le code source de la section : Contraintes des supports numériques"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-heading mw-heading4"><h4 id="Contraintes_liées_aux_dispositifs_d'affichage"><span id="Contraintes_li.C3.A9es_aux_dispositifs_d.27affichage"></span>Contraintes liées aux dispositifs d'affichage</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=26" title="Modifier la section : Contraintes liées aux dispositifs d'affichage" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=26" title="Modifier le code source de la section : Contraintes liées aux dispositifs d'affichage"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-heading mw-heading5"><h5 id="Résolution"><span id="R.C3.A9solution"></span>Résolution</h5><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=27" title="Modifier la section : Résolution" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=27" title="Modifier le code source de la section : Résolution"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Quel que soit le mode de représentation des données sur le support de stockage, la visualisation des documents numériques s'effectue dans la majorité des cas sous forme d'<a href="/wiki/Image_matricielle" title="Image matricielle">image matricielle</a> ; autrement dit, la partie visible par l'utilisateur du document est convertie en une suite de pixels qui sont affichés sur son écran. Cette approche est naturellement entachée d'erreurs ; il arrive en effet qu'un élément du document ne puisse pas se décomposer en un nombre entier de pixels. Une ligne fine peut être d'épaisseur inférieure à un pixel, alors que le point d'un i peut dépasser légèrement la taille d'un pixel. On comprend cependant que plus les pixels sont petits, plus l'erreur est faible, et meilleure est la qualité de la visualisation. </p><p>La résolution est une mesure du nombre de pixels affichable par le support dans une même unité de surface. La résolution est généralement exprimée en <a href="/wiki/Pixel_par_pouce" class="mw-redirect" title="Pixel par pouce">pixels par pouce</a> pour un écran ou <a href="/wiki/Points_par_pouce" class="mw-redirect" title="Points par pouce">points par pouce</a> pour une imprimante. </p><p>Pour le concepteur de documents numériques, deux problèmes principaux sont liés à la résolution. Le premier est lié à la faible résolution des écrans d'ordinateurs, qui sont un média de restitution très répandu ; en effet, au début de l'informatique personnelle, les écrans disposaient d'une résolution de 72 <abbr class="abbr" title="pixel par pouce">ppp</abbr>, qui a peu évolué depuis (bien que leur résolution et leur taille aient fortement augmenté). Cette résolution est relativement faible comparée à celle des supports papier (une imprimante laser atteint facilement 300 ou 600 <abbr class="abbr" title="pixel par pouce">ppp</abbr>), ce qui a un impact important sur le confort de lecture. Si le document est conçu pour être visualisé sur un ordinateur, il faudra adapter sa mise en page en conséquence, en particulier en ce qui concerne le choix des polices. </p><p>Ce problème est cependant beaucoup moins présent sur les smartphones, les tablettes et les liseuses électroniques, où la tendance est à la hausse forte de la résolution, au point s'approcher de celle des supports papier (ici un exemple en note de bas de page). </p><p>Le second problème est récent et réside dans la très grande disparité de résolution entre les différents supports : si le document numérique doit être affiché sur des supports variés (ordinateur personnel, tablette, liseuse, etc.), alors les contraintes techniques de ces différents supports risquent de rentrer en concurrence au moment de la mise en page ; ainsi, le choix d'une <a href="/wiki/Empattement_(typographie)" title="Empattement (typographie)">police sans empattements</a> peut être pertinent pour un écran à faible résolution alors qu'une police avec empattement aurait facilité la lecture sur un écran à haute résolution. </p> <div class="mw-heading mw-heading5"><h5 id="Ratio_d'affichage"><span id="Ratio_d.27affichage"></span>Ratio d'affichage</h5><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=28" title="Modifier la section : Ratio d'affichage" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=28" title="Modifier le code source de la section : Ratio d'affichage"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Depuis leur apparition, le rapport hauteur/largeur des écrans d'ordinateur a évolué relativement lentement ; il était initialement de 4/3 et a tendance à diminuer avec le temps (dû à un élargissement progressif des écrans). Cependant, la connaissance de la forme du support de restitution est particulièrement importante au moment de la mise en page ; en effet, plus le format de l'écran sera proche de celui du document, moins l'utilisateur aura besoin de faire appel au défilement. </p><p>Avant l'arrivée des dispositifs mobiles, les designers web adoptaient en général une approche conservatrice, en prévoyant leurs mises en page de manière à se qu'elles s'affichent correctement sur un écran 4/3, quitte à ne pas tirer parti des écrans plus larges dont les utilisateurs pourraient être équipés. </p><p>La vague de mobilité a cependant fortement changé la donne ; entre un écran d'ordinateur, de tablette ou de smartphone, il n'existe pas de dénominateur commun utilisable. Il est donc nécessaire de proposer plusieurs mises en page, ou de générer dynamiquement une mise en page adaptée au format du support. </p> <div class="mw-heading mw-heading5"><h5 id="Rétro-éclairage"><span id="R.C3.A9tro-.C3.A9clairage"></span>Rétro-éclairage</h5><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=29" title="Modifier la section : Rétro-éclairage" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=29" title="Modifier le code source de la section : Rétro-éclairage"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Le <a href="/wiki/R%C3%A9tro%C3%A9clairage" title="Rétroéclairage">rétroéclairage</a> est connu pour accentuer la fatigue visuelle, ce qui explique que l'essentiel des <a href="/wiki/Liseuse" title="Liseuse">liseuses</a> (qui sont des dispositifs adaptés à une lecture prolongée) en soient dépourvus. Cependant, l’absence d'un tel éclairage peut poser des problèmes de lisibilité dans les environnements sombres. Cela doit être pris en compte au moment de la mise en page du document, notamment pour le choix du contraste entre les différents éléments (fond, titre, texte, etc.). </p> <div class="mw-heading mw-heading4"><h4 id="Contraintes_liées_à_la_mise_en_page_de_certaines_langues"><span id="Contraintes_li.C3.A9es_.C3.A0_la_mise_en_page_de_certaines_langues"></span>Contraintes liées à la mise en page de certaines langues</h4><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=30" title="Modifier la section : Contraintes liées à la mise en page de certaines langues" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=30" title="Modifier le code source de la section : Contraintes liées à la mise en page de certaines langues"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Bien que le passage à l’écriture numérique ait contribué à l’évolution du monde de l’écriture et de l’<a href="/wiki/Imprimerie" title="Imprimerie">imprimerie</a>, il est à signaler que cette transition a eu un impact négatif sur certaines langues, notamment les <a href="/wiki/Langues_s%C3%A9mitiques" title="Langues sémitiques">langues sémitiques</a>. Dans ce contexte, il y a l’exemple de l’<a href="/wiki/Arabe" title="Arabe">arabe</a>, une des langues qui n’ont pas significativement bénéficié du passage à l’écriture numérique. Beaucoup plus que dans d'autres langues, l'ordinateur a gravement endommagé la typographie dans les pays arabes. Et ceci parce que l'écriture arabe est complexe et nécessite des outils de composition horizontale et verticale. Plus que dans toute autre écriture, il y a une différence énorme entre l'arabe tapé à la <a href="/wiki/Machine_%C3%A0_%C3%A9crire" title="Machine à écrire">machine à écrire</a> et l'arabe imprimé, qu'il soit composé au <a href="/wiki/Plomb" title="Plomb">plomb</a>, à la <a href="/wiki/Monotype_(machine)" title="Monotype (machine)">monotype</a> ou à la <a href="/wiki/Linotype" title="Linotype">linotype</a>. L'ordinateur, suite logique de la machine à écrire, a de ce fait contribué à l'appauvrissement esthétique de l'imprimé arabe. On peut aussi évoquer l’exemple du <a href="/wiki/Syriaque" title="Syriaque">syriaque</a>, une autre <a href="/wiki/Langue_s%C3%A9mitique" class="mw-redirect" title="Langue sémitique">langue sémitique</a>, dont les méthodes et outils informatiques développés ne sont pas opérationnels<sup id="cite_ref-6" class="reference"><a href="#cite_note-6"><span class="cite_crochet">[</span>6<span class="cite_crochet">]</span></a></sup>. D'où le besoin de créer de nouveaux outils spécifiques pour l’analyse de la structure des documents écrits dans les <a href="/wiki/Langues_s%C3%A9mitiques" title="Langues sémitiques">langues sémitiques</a>, ainsi que des outils de reconnaissance adaptés. </p><p>Il y a quelques années, Apple a décidé de faire face à ces problèmes du codage de l’écrit en proposant un <a href="/wiki/Syst%C3%A8me_d%E2%80%99exploitation" class="mw-redirect" title="Système d’exploitation">système d’exploitation</a> adapté à toutes les langues, quel que soit le sens de l’écriture et quelle que soit la complexité des signes (<a href="/wiki/Arabe" title="Arabe">arabe</a>, écritures extrême-orientales)<sup id="cite_ref-7" class="reference"><a href="#cite_note-7"><span class="cite_crochet">[</span>7<span class="cite_crochet">]</span></a></sup>. </p> <div class="mw-heading mw-heading2"><h2 id="Autres_supports_de_mise_en_page">Autres supports de mise en page</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=31" title="Modifier la section : Autres supports de mise en page" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=31" title="Modifier le code source de la section : Autres supports de mise en page"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Bien que, traditionnellement, la mise en page concerne les documents à imprimer, son champ d’action s’étend à d’autres domaines : écran de télévision, de cinéma et, bien sûr, pages web. </p> <div class="mw-heading mw-heading3"><h3 id="Animation">Animation</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=32" title="Modifier la section : Animation" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=32" title="Modifier le code source de la section : Animation"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>En <a href="/wiki/Animation_(audiovisuel)" title="Animation (audiovisuel)">animation</a>, la mise en page, ou agencement (parfois le terme <i>layout</i> est conservé), désigne l'étape durant laquelle des artistes définissent les angles de prise de vue, les mouvements, les zones d'éclairage et la position des personnages ou autres éléments mobiles par rapport au décor. Officiellement, ces artistes ne sont pas désignés par le terme <a href="/wiki/Animateur_(artiste)" title="Animateur (artiste)">animateur</a>. </p> <div class="mw-heading mw-heading3"><h3 id="Pages_web">Pages web</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=33" title="Modifier la section : Pages web" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=33" title="Modifier le code source de la section : Pages web"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Pour un modèle de présentation, on parle ici le plus souvent de <i>template</i>. </p><p>Le principe des dernières évolutions des standards consiste à effectuer une séparation du contenu et de leur mise en forme et de leur mise en page : le contenu en (<a href="/wiki/XHTML" class="mw-redirect" title="XHTML">X</a>)<a href="/wiki/Hypertext_Markup_Language" title="Hypertext Markup Language">HTML</a> appelle des <a href="/wiki/Feuilles_de_style_en_cascade" title="Feuilles de style en cascade">feuilles de style en cascade</a>. </p> <div class="mw-heading mw-heading2"><h2 id="Bibliographie">Bibliographie</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=34" title="Modifier la section : Bibliographie" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=34" title="Modifier le code source de la section : Bibliographie"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Années 1940 </p> <ul><li><a href="/wiki/Marius_Audin" title="Marius Audin">Marius Audin</a>, <i>Somme typographique</i>, vol. 1, 1948, Paris, Paul Dupont ; vol. 2, 1949, Lyon, Audin.</li></ul> <p>Années 1960 </p> <ul><li><a href="/wiki/Jean-Louis_Swiners" title="Jean-Louis Swiners">J. L. Swiners</a>, « Problèmes du photojournalisme contemporain », dans : <i>Techniques graphiques</i>, n° 57, <time class="nowrap" datetime="1965-06" data-sort-value="1965-06">juin 1965</time>, p. 40-57.</li> <li>J. L. Swiners, « Problèmes du photojournalisme contemporain. 2 - De la mise en page comme moyen d’expression » dans : <i>Techniques graphiques</i>, n° 58, juillet/<time class="nowrap" datetime="1965-08" data-sort-value="1965-08">août 1965</time>, p. 148-177.</li> <li>J. L. Swiners, « Problèmes du photojournalisme contemporain. 3 - Pour une mise en page sémantique , dans : <i>Techniques graphiques</i>, n° 59, <time class="nowrap" datetime="1965-09" data-sort-value="1965-09">septembre 1965</time>, p. 288-314.</li> <li>J. L. Swiners, « Problèmes du photojournalisme contemporain » (extraits) , dans : <i>Journalistes reporters photographes</i>, n°7, <abbr class="abbr" title="Troisième">3<sup>e</sup></abbr> trimestre 1965, p. 16-18.</li> <li>Jean-Louis Swiners, « Sémies scripto-visuelles et mise en pages opérationnelle », dans : <i><a href="/wiki/Gens_d%27images" title="Gens d'images">Gens d'images</a></i> n° 8, Journées internationales de Porquerolles, 1966, p. 33-36.</li></ul> <p>Années 1970 </p> <ul><li><a href="/wiki/Maurice_Audin_(%C3%A9diteur)" title="Maurice Audin (éditeur)">Maurice Audin</a>, <i>Histoire de l'imprimerie</i>, A. et J. Picard, 1972.</li></ul> <p>Années 1990 </p> <ul><li>Yves Perrousseaux, <i>Mise en page et impression</i>, Atelier Perrousseaux, 1996, <span class="nowrap">159 <abbr class="abbr" title="pages">p.</abbr></span> <small style="line-height:1em;">(<a href="/wiki/International_Standard_Book_Number" title="International Standard Book Number">ISBN</a> <a href="/wiki/Sp%C3%A9cial:Ouvrages_de_r%C3%A9f%C3%A9rence/978-2911220012" title="Spécial:Ouvrages de référence/978-2911220012"><span class="nowrap">978-2911220012</span></a>)</small>.</li> <li>Christian Vandendorpe, <i>Du papyrus à l’hypertexte. Essai sur les mutations</i>, La Découverte, coll. « Sciences et société », 1999, <span class="nowrap">276 <abbr class="abbr" title="pages">p.</abbr></span> <small style="line-height:1em;">(<a href="/wiki/International_Standard_Book_Number" title="International Standard Book Number">ISBN</a> <a href="/wiki/Sp%C3%A9cial:Ouvrages_de_r%C3%A9f%C3%A9rence/978-2707131355" title="Spécial:Ouvrages de référence/978-2707131355"><span class="nowrap">978-2707131355</span></a>)</small>.</li></ul> <p>Années 2000 </p> <ul><li>Benoît Peeters, <i>Lire la bande dessinée</i> (1998), Champs art, 2003.</li></ul> <p>Années 2010 </p> <ul><li>Damien Gautier, <i>Typographie, guide pratique</i>, Pyramyd, coll. « Design », <span class="nowrap">100 <abbr class="abbr" title="pages">p.</abbr></span> <small style="line-height:1em;">(<a href="/wiki/International_Standard_Book_Number" title="International Standard Book Number">ISBN</a> <a href="/wiki/Sp%C3%A9cial:Ouvrages_de_r%C3%A9f%C3%A9rence/978-2910565169" title="Spécial:Ouvrages de référence/978-2910565169"><span class="nowrap">978-2910565169</span></a>)</small>.</li> <li><a href="/wiki/Thierry_Groensteen" title="Thierry Groensteen">Thierry Groensteen</a> , « De quelques conceptions de la mise en page », dans : <i>Bande dessinée et narration. Système de la bande dessinée, 2</i>, Puf, 2011, p. 44-51.</li> <li>Damien et Claire Gautier, <i>Mise en page(s), etc. Manuel</i>, Niggli (All.) et Pyramyd (Fr.), 2013, <span class="nowrap">272 <abbr class="abbr" title="pages">p.</abbr></span> <small style="line-height:1em;">(<a href="/wiki/International_Standard_Book_Number" title="International Standard Book Number">ISBN</a> <a href="/wiki/Sp%C3%A9cial:Ouvrages_de_r%C3%A9f%C3%A9rence/978-2350171692" title="Spécial:Ouvrages de référence/978-2350171692"><span class="nowrap">978-2350171692</span></a>)</small>.</li></ul> <div class="mw-heading mw-heading2"><h2 id="Notes_et_références"><span id="Notes_et_r.C3.A9f.C3.A9rences"></span>Notes et références</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=35" title="Modifier la section : Notes et références" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=35" title="Modifier le code source de la section : Notes et références"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-references-wrap"><ol class="references"> <li id="cite_note-1"><span class="mw-cite-backlink noprint"><a href="#cite_ref-1">↑</a> </span><span class="reference-text"><i>Manuel d'appui à la rédaction de mémoires et de thèses</i>, <a href="/wiki/%C3%89ditions_Le_Manuscrit" title="Éditions Le Manuscrit">Éditions Le Manuscrit</a>, 2004, <abbr class="abbr" title="page(s)">p.</abbr> 31 à 35.</span> </li> <li id="cite_note-2"><span class="mw-cite-backlink noprint"><a href="#cite_ref-2">↑</a> </span><span class="reference-text"><a rel="nofollow" class="external text" href="http://lelivrescolaire.fr/3690/2_Savoir_reconnaitre_et_ecrire_une_lettre_personnelle_une_lettre_administrative.html">« Savoir reconnaître et écrire une lettre personnelle / une lettre administrative »</a>, fiche méthode de français pour élèves de <abbr class="abbr" title="Quatrième">4<sup>e</sup></abbr>, Lelivrescolaire.fr.</span> </li> <li id="cite_note-3"><span class="mw-cite-backlink noprint"><a href="#cite_ref-3">↑</a> </span><span class="reference-text">J. L. Swiners, « Problèmes du photojournalisme contemporain. 2 - De la mise en page comme moyen d’expression » dans : <i>Techniques graphiques</i>, n° 58, juillet/août 1965, p. 148-177.</span> </li> <li id="cite_note-4"><span class="mw-cite-backlink noprint"><a href="#cite_ref-4">↑</a> </span><span class="reference-text">Christian Vandendorpe, <i>Du papyrus à l’hypertexte. Essai sur les mutations</i>, <abbr class="abbr" title="page(s)">p.</abbr> 61 à 64.</span> </li> <li id="cite_note-5"><span class="mw-cite-backlink noprint"><a href="#cite_ref-5">↑</a> </span><span class="reference-text">Philippe Bobichon, <a rel="nofollow" class="external text" href="https://www.academia.edu/44071487/Le_lexicon_Mise_en_page_et_mise_en_texte_des_manuscrits_h%C3%A9breux_grecs_latins_romans_et_arabes"><i>Le lexicon : Mise en page et mise en texte des manuscrits hébreux, grecs, latins, romans et arabes</i></a>, Paris, Aedilis, 2008</span> </li> <li id="cite_note-6"><span class="mw-cite-backlink noprint"><a href="#cite_ref-6">↑</a> </span><span class="reference-text">Pétra Bilane, <i>Contributions à l'indexation et à la reconnaissance des manuscrits syriaques</i>, thèse, <abbr class="abbr" title="page(s)">p.</abbr> 9 et 10.</span> </li> <li id="cite_note-7"><span class="mw-cite-backlink noprint"><a href="#cite_ref-7">↑</a> </span><span class="reference-text">Jacques Anis, <i>Texte et ordinateur. L'écriture réinventée ?</i>, <abbr class="abbr" title="page(s)">p.</abbr> 33 et 34.</span> </li> </ol></div> <div class="mw-heading mw-heading2"><h2 id="Voir_aussi">Voir aussi</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=36" title="Modifier la section : Voir aussi" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=36" title="Modifier le code source de la section : Voir aussi"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <div class="mw-heading mw-heading3"><h3 id="Articles_connexes">Articles connexes</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=37" title="Modifier la section : Articles connexes" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=37" title="Modifier le code source de la section : Articles connexes"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <ul><li><a href="/wiki/Web_design" class="mw-redirect" title="Web design">Web design</a></li></ul> <div class="mw-heading mw-heading3"><h3 id="Liens_externes">Liens externes</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Mise_en_page&veaction=edit&section=38" title="Modifier la section : Liens externes" class="mw-editsection-visualeditor"><span>modifier</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Mise_en_page&action=edit&section=38" title="Modifier le code source de la section : Liens externes"><span>modifier le code</span></a><span class="mw-editsection-bracket">]</span></span></div> <p class="mw-empty-elt"> </p> <ul><li class="mw-empty-elt"></li> <li class="mw-empty-elt"></li> <li><div class="liste-horizontale"><span class="wd_identifiers">Notices dans des dictionnaires ou encyclopédies généralistes<span class="noprint wikidata-linkback skin-invert"><span class="mw-valign-baseline noviewer" typeof="mw:File"><a href="https://www.wikidata.org/wiki/Q868954?uselang=fr#identifiers" title="Voir et modifier les données sur Wikidata"><img alt="Voir et modifier les données sur Wikidata" src="//upload.wikimedia.org/wikipedia/commons/thumb/7/73/Blue_pencil.svg/10px-Blue_pencil.svg.png" decoding="async" width="10" height="10" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/7/73/Blue_pencil.svg/15px-Blue_pencil.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/7/73/Blue_pencil.svg/20px-Blue_pencil.svg.png 2x" data-file-width="600" data-file-height="600" /></a></span></span></span> : <ul><li><a rel="nofollow" class="external text" href="https://denstoredanske.lex.dk//layout/"><i>Den Store Danske Encyklopædi</i></a></li> <li><a rel="nofollow" class="external text" href="https://snl.no/layout"><i>Store norske leksikon</i></a></li> </ul></div></li> <li><div class="liste-horizontale"><span class="wd_identifiers"><a href="/wiki/Autorit%C3%A9_(sciences_de_l%27information)" title="Autorité (sciences de l'information)">Notices d'autorité</a><span class="noprint wikidata-linkback skin-invert"><span class="mw-valign-baseline noviewer" typeof="mw:File"><a href="https://www.wikidata.org/wiki/Q868954?uselang=fr#identifiers" title="Voir et modifier les données sur Wikidata"><img alt="Voir et modifier les données sur Wikidata" src="//upload.wikimedia.org/wikipedia/commons/thumb/7/73/Blue_pencil.svg/10px-Blue_pencil.svg.png" decoding="async" width="10" height="10" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/7/73/Blue_pencil.svg/15px-Blue_pencil.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/7/73/Blue_pencil.svg/20px-Blue_pencil.svg.png 2x" data-file-width="600" data-file-height="600" /></a></span></span></span> : <ul><li><span class="nowrap uid noarchive"><a rel="nofollow" class="external text" href="http://id.loc.gov/authorities/sh85106791">LCCN</a></span></li> <li><span class="nowrap uid noarchive"><a rel="nofollow" class="external text" href="http://d-nb.info/gnd/4269003-1">GND</a></span></li> <li><span class="nowrap uid noarchive"><a rel="nofollow" class="external text" href="https://id.ndl.go.jp/auth/ndlna/00569342">Japon</a></span></li> <li><span class="nowrap uid noarchive"><a rel="nofollow" class="external text" href="http://olduli.nli.org.il/F/?func=find-b&local_base=NLX10&find_code=UID&request=987007536360205171">Israël</a></span></li> </ul></div></li></ul> <ul id="bandeau-portail" class="bandeau-portail"><li><span class="bandeau-portail-element"><span class="bandeau-portail-icone"><span class="noviewer" typeof="mw:File"><a href="/wiki/Portail:%C3%89dition" title="Portail de l’édition"><img alt="icône décorative" src="//upload.wikimedia.org/wikipedia/commons/thumb/8/87/Old_book_bindings.jpg/36px-Old_book_bindings.jpg" decoding="async" width="36" height="24" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/87/Old_book_bindings.jpg/54px-Old_book_bindings.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/87/Old_book_bindings.jpg/72px-Old_book_bindings.jpg 2x" data-file-width="3072" data-file-height="2048" /></a></span></span> <span class="bandeau-portail-texte"><a href="/wiki/Portail:%C3%89dition" title="Portail:Édition">Portail de l’édition</a></span> </span></li> <li><span class="bandeau-portail-element"><span class="bandeau-portail-icone"><span class="noviewer" typeof="mw:File"><a href="/wiki/Portail:%C3%89criture" title="Portail de l’écriture"><img alt="icône décorative" src="//upload.wikimedia.org/wikipedia/commons/thumb/c/c5/Icon_flat_style_plume_03.svg/24px-Icon_flat_style_plume_03.svg.png" decoding="async" width="24" height="24" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/c/c5/Icon_flat_style_plume_03.svg/36px-Icon_flat_style_plume_03.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/c/c5/Icon_flat_style_plume_03.svg/48px-Icon_flat_style_plume_03.svg.png 2x" data-file-width="20" data-file-height="20" /></a></span></span> <span class="bandeau-portail-texte"><a href="/wiki/Portail:%C3%89criture" title="Portail:Écriture">Portail de l’écriture</a></span> </span></li> <li><span class="bandeau-portail-element"><span class="bandeau-portail-icone"><span class="noviewer" typeof="mw:File"><a href="/wiki/Portail:Technologies" title="Portail des technologies"><img alt="icône décorative" src="//upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Crystal_kcontrol_2.svg/23px-Crystal_kcontrol_2.svg.png" decoding="async" width="23" height="24" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Crystal_kcontrol_2.svg/34px-Crystal_kcontrol_2.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Crystal_kcontrol_2.svg/45px-Crystal_kcontrol_2.svg.png 2x" data-file-width="93" data-file-height="99" /></a></span></span> <span class="bandeau-portail-texte"><a href="/wiki/Portail:Technologies" title="Portail:Technologies">Portail des technologies</a></span> </span></li> <li><span class="bandeau-portail-element"><span class="bandeau-portail-icone"><span class="noviewer skin-invert-image" typeof="mw:File"><a href="/wiki/Portail:Typographie" title="Portail de la typographie"><img alt="icône décorative" src="//upload.wikimedia.org/wikipedia/commons/thumb/6/6c/Initial_T_in_The_International_magazine.png/21px-Initial_T_in_The_International_magazine.png" decoding="async" width="21" height="24" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/6/6c/Initial_T_in_The_International_magazine.png/32px-Initial_T_in_The_International_magazine.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/6/6c/Initial_T_in_The_International_magazine.png/42px-Initial_T_in_The_International_magazine.png 2x" data-file-width="358" data-file-height="407" /></a></span></span> <span class="bandeau-portail-texte"><a href="/wiki/Portail:Typographie" title="Portail:Typographie">Portail de la typographie</a></span> </span></li> </ul>    </div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1&useformat=desktop" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Ce document provient de « <a dir="ltr" href="https://fr.wikipedia.org/w/index.php?title=Mise_en_page&oldid=220384862">https://fr.wikipedia.org/w/index.php?title=Mise_en_page&oldid=220384862</a> ».</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Cat%C3%A9gorie:Accueil" title="Catégorie:Accueil">Catégories</a> : <ul><li><a href="/wiki/Cat%C3%A9gorie:Graphisme" title="Catégorie:Graphisme">Graphisme</a></li><li><a href="/wiki/Cat%C3%A9gorie:Typographie" title="Catégorie:Typographie">Typographie</a></li><li><a href="/wiki/Cat%C3%A9gorie:Technique_du_livre" title="Catégorie:Technique du livre">Technique du livre</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Catégories cachées : <ul><li><a href="/wiki/Cat%C3%A9gorie:Page_utilisant_un_mod%C3%A8le_Bases_inactif" title="Catégorie:Page utilisant un modèle Bases inactif">Page utilisant un modèle Bases inactif</a></li><li><a href="/wiki/Cat%C3%A9gorie:Page_utilisant_P8313" title="Catégorie:Page utilisant P8313">Page utilisant P8313</a></li><li><a href="/wiki/Cat%C3%A9gorie:Page_utilisant_P4342" title="Catégorie:Page utilisant P4342">Page utilisant P4342</a></li><li><a href="/wiki/Cat%C3%A9gorie:Page_pointant_vers_des_bases_externes" title="Catégorie:Page pointant vers des bases externes">Page pointant vers des bases externes</a></li><li><a href="/wiki/Cat%C3%A9gorie:Page_pointant_vers_des_dictionnaires_ou_encyclop%C3%A9dies_g%C3%A9n%C3%A9ralistes" title="Catégorie:Page pointant vers des dictionnaires ou encyclopédies généralistes">Page pointant vers des dictionnaires ou encyclopédies généralistes</a></li><li><a href="/wiki/Cat%C3%A9gorie:Article_de_Wikip%C3%A9dia_avec_notice_d%27autorit%C3%A9" title="Catégorie:Article de Wikipédia avec notice d'autorité">Article de Wikipédia avec notice d'autorité</a></li><li><a href="/wiki/Cat%C3%A9gorie:Portail:%C3%89dition/Articles_li%C3%A9s" title="Catégorie:Portail:Édition/Articles liés">Portail:Édition/Articles liés</a></li><li><a href="/wiki/Cat%C3%A9gorie:Portail:%C3%89conomie/Articles_li%C3%A9s" title="Catégorie:Portail:Économie/Articles liés">Portail:Économie/Articles liés</a></li><li><a href="/wiki/Cat%C3%A9gorie:Portail:%C3%89criture/Articles_li%C3%A9s" title="Catégorie:Portail:Écriture/Articles liés">Portail:Écriture/Articles liés</a></li><li><a href="/wiki/Cat%C3%A9gorie:Portail:Langues/Articles_li%C3%A9s" title="Catégorie:Portail:Langues/Articles liés">Portail:Langues/Articles liés</a></li><li><a href="/wiki/Cat%C3%A9gorie:Portail:Technologies/Articles_li%C3%A9s" title="Catégorie:Portail:Technologies/Articles liés">Portail:Technologies/Articles liés</a></li><li><a href="/wiki/Cat%C3%A9gorie:Portail:Typographie/Articles_li%C3%A9s" title="Catégorie:Portail:Typographie/Articles liés">Portail:Typographie/Articles liés</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> La dernière modification de cette page a été faite le 17 novembre 2024 à 23:58.</li> <li id="footer-info-copyright"><span style="white-space: normal"><a href="/wiki/Wikip%C3%A9dia:Citation_et_r%C3%A9utilisation_du_contenu_de_Wikip%C3%A9dia" title="Wikipédia:Citation et réutilisation du contenu de Wikipédia">Droit d'auteur</a> : les textes sont disponibles sous <a rel="nofollow" class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr">licence Creative Commons attribution, partage dans les mêmes conditions</a> ; d’autres conditions peuvent s’appliquer. Voyez les <a class="external text" href="https://foundation.wikimedia.org/wiki/Policy:Terms_of_Use/fr">conditions d’utilisation</a> pour plus de détails, ainsi que les <a href="/wiki/Wikip%C3%A9dia:Cr%C3%A9dits_graphiques" title="Wikipédia:Crédits graphiques">crédits graphiques</a>. En cas de réutilisation des textes de cette page, voyez <a href="/wiki/Sp%C3%A9cial:Citer/Mise_en_page" title="Spécial:Citer/Mise en page">comment citer les auteurs et mentionner la licence</a>.<br /> Wikipedia® est une marque déposée de la <a rel="nofollow" class="external text" href="https://wikimediafoundation.org/">Wikimedia Foundation, Inc.</a>, organisation de bienfaisance régie par le paragraphe <a href="/wiki/501c" title="501c">501(c)(3)</a> du code fiscal des États-Unis.</span><br /></li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy/fr">Politique de confidentialité</a></li> <li id="footer-places-about"><a href="/wiki/Wikip%C3%A9dia:%C3%80_propos_de_Wikip%C3%A9dia">À propos de Wikipédia</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikip%C3%A9dia:Avertissements_g%C3%A9n%C3%A9raux">Avertissements</a></li> <li id="footer-places-contact"><a href="//fr.wikipedia.org/wiki/Wikipédia:Contact">Contact</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Code de conduite</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Développeurs</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/fr.wikipedia.org">Statistiques</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Déclaration sur les témoins (cookies)</a></li> <li id="footer-places-mobileview"><a href="//fr.m.wikipedia.org/w/index.php?title=Mise_en_page&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Version mobile</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-79d9bc49cc-4zthz","wgBackendResponseTime":159,"wgPageParseReport":{"limitreport":{"cputime":"0.514","walltime":"0.933","ppvisitednodes":{"value":1530,"limit":1000000},"postexpandincludesize":{"value":22569,"limit":2097152},"templateargumentsize":{"value":1185,"limit":2097152},"expansiondepth":{"value":12,"limit":100},"expensivefunctioncount":{"value":0,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":4019,"limit":5000000},"entityaccesscount":{"value":1,"limit":400},"timingprofile":["100.00% 599.168 1 -total"," 68.10% 408.016 1 Modèle:Liens"," 7.99% 47.852 1 Modèle:Site_officiel"," 7.68% 46.043 1 Modèle:Portail"," 6.43% 38.545 1 Modèle:Autre1"," 5.54% 33.216 1 Modèle:Méta_bandeau_de_note"," 5.22% 31.261 1 Modèle:Méta_bandeau"," 3.26% 19.560 4 Modèle:Date-"," 2.95% 17.699 4 Modèle:ISBN"," 2.70% 16.179 1 Modèle:Dictionnaires"]},"scribunto":{"limitreport-timeusage":{"value":"0.346","limit":"10.000"},"limitreport-memusage":{"value":7790487,"limit":52428800}},"cachereport":{"origin":"mw-web.eqiad.main-5584645d7f-wzs8m","timestamp":"20241202230248","ttl":2592000,"transientcontent":false}}});});</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","name":"Mise en page","url":"https:\/\/fr.wikipedia.org\/wiki\/Mise_en_page","sameAs":"http:\/\/www.wikidata.org\/entity\/Q868954","mainEntity":"http:\/\/www.wikidata.org\/entity\/Q868954","author":{"@type":"Organization","name":"Contributeurs aux projets Wikimedia"},"publisher":{"@type":"Organization","name":"Fondation Wikimedia, Inc.","logo":{"@type":"ImageObject","url":"https:\/\/www.wikimedia.org\/static\/images\/wmf-hor-googpub.png"}},"datePublished":"2005-09-18T15:15:17Z","dateModified":"2024-11-17T22:58:17Z","image":"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/a\/aa\/Nouveau_Dictionnaire_Larousse_page.JPG","headline":"op\u00e9ration de disposition graphique d'un contenu informationnel dans un espace donn\u00e9"}</script> </body> </html>