1 <?xml version=
"1.0" encoding=
"UTF-8"?>
2 <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3 <html xmlns=
"http://www.w3.org/1999/xhtml" lang=
"fr" xml:
lang=
"fr">
7 * Copyright 2008-2014, Haiku. All rights reserved.
8 * Distributed under the terms of the MIT License.
11 * Humdinger <humdingerb@gmail.com>
20 <meta http-equiv=
"content-type" content=
"text/html; charset=utf-8" />
21 <meta http-equiv=
"Content-Style-Type" content=
"text/css" />
22 <meta name=
"robots" content=
"all" />
23 <title>Appearance
</title>
24 <meta name=
"viewport" content=
"width=device-width, initial-scale=1.0" />
25 <link rel=
"stylesheet" type=
"text/css" href=
"../../Haiku-doc.css" />
30 <div><span>Guide de l’utilisateur
</span></div>
35 <ul class=
"lang-menu">
36 <li class=
"now"><img src=
"../../images/flags/fr.png" alt=
"" /> Français
</li>
37 <li><a href=
"../../ca/preferences/appearance.html"><img src=
"../../images/flags/ca.png" alt=
"" />Català
</a></li>
38 <li><a href=
"../../de/preferences/appearance.html"><img src=
"../../images/flags/de.png" alt=
"" />Deutsch
</a></li>
39 <li><a href=
"../../en/preferences/appearance.html"><img src=
"../../images/flags/gb.png" alt=
"" />English
</a></li>
40 <li><a href=
"../../es/preferences/appearance.html"><img src=
"../../images/flags/es.png" alt=
"" />Español
</a></li>
41 <li><a href=
"../../it/preferences/appearance.html"><img src=
"../../images/flags/it.png" alt=
"" />Italiano
</a></li>
42 <li><a href=
"../../hu/preferences/appearance.html"><img src=
"../../images/flags/hu.png" alt=
"" />Magyar
</a></li>
43 <li><a href=
"../../pl/preferences/appearance.html"><img src=
"../../images/flags/pl.png" alt=
"" />Polski
</a></li>
44 <li><a href=
"../../pt_PT/preferences/appearance.html"><img src=
"../../images/flags/pt_PT.png" alt=
"" />Português
</a></li>
45 <li><a href=
"../../pt_BR/preferences/appearance.html"><img src=
"../../images/flags/pt_BR.png" alt=
"" />Português (Brazil)
</a></li>
46 <li><a href=
"../../ro/preferences/appearance.html"><img src=
"../../images/flags/ro.png" alt=
"" />Română
</a></li>
47 <li><a href=
"../../sk/preferences/appearance.html"><img src=
"../../images/flags/sk.png" alt=
"" />Slovenčina
</a></li>
48 <li><a href=
"../../fi/preferences/appearance.html"><img src=
"../../images/flags/fi.png" alt=
"" />Suomi
</a></li>
49 <li><a href=
"../../sv_SE/preferences/appearance.html"><img src=
"../../images/flags/sv_SE.png" alt=
"" />Svenska
</a></li>
50 <li><a href=
"../../zh_CN/preferences/appearance.html"><img src=
"../../images/flags/zh_CN.png" alt=
"" /> 中文 [中文]
</a></li>
51 <li><a href=
"../../ru/preferences/appearance.html"><img src=
"../../images/flags/ru.png" alt=
"" />Русский
</a></li>
52 <li><a href=
"../../uk/preferences/appearance.html"><img src=
"../../images/flags/uk.png" alt=
"" />Українська
</a></li>
53 <li><a href=
"../../jp/preferences/appearance.html"><img src=
"../../images/flags/jp.png" alt=
"" />日本語
</a></li>
56 <a href=
"../preferences.html" class=
"uplink">Préférences
</a>
57 ::
<a href=
"backgrounds.html">Backgrounds
</a> »
64 <h2><img src=
"../../images/prefs-images/appearance-icon_64.png" alt=
"appearance-icon_64.png" width=
"64" height=
"64" />Appearance (Apparence)
</h2>
65 <table summary=
"quickinfo" border=
"0" cellspacing=
"0" cellpadding=
"2">
66 <tr><td>Deskbar :
</td><td style=
"width:15px;"></td><td><span class=
"menu">Preferences
</span></td></tr>
67 <tr><td>Localisation :
</td><td></td><td><span class=
"path">/boot/system/preferences/Appearance
</span></td></tr>
68 <tr><td>Réglages :
</td><td></td><td><span class=
"path">~/config/settings/system/app_server/appearance
</span><br />
69 <span class=
"path">~/config/settings/system/app_server/decorator_settings
</span><br />
70 <span class=
"path">~/config/settings/system/app_server/fonts
</span></td></tr>
72 <p>Les préférences d'Apparence vous permettent de changer certaines caractéristiques visuelles de Haiku.
</p>
75 <a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" /></a>
76 <a id=
"fonts" name=
"fonts">Polices
</a></h2>
77 <img src=
"../images/prefs-images/appearance-fonts.png" alt=
"appearance-fonts.png" />
78 <p>Haiku défini trois polices standards selon les besoins. Ainsi, vous choisissez les types de polices pour les styles simple, gras et fixe avec la taille qui sera utilisée dans tout le système. De plus, vous disposez aussi d'un réglage séparé de la police utilisée dans les menus.
</p>
81 <a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" /></a>
82 <a id=
"installing_fonts" name=
"installing_fonts">Installer de nouvelles polices
</a></h3>
83 <p>Vous installez de nouvelles polices en les copiant dans leurs dossiers utilisateurs respectifs, i.e.
<span class=
"path">/boot/common/data/fonts/
</span> ou
<span class=
"path">/boot/home/config/data/fonts/
</span> (Voir le sujet sur la
<a href=
"../filesystem-layout.html">structure du système de fichiers
</a>).
</p>
84 <table summary=
"layout" border=
"0" cellspacing=
"0" cellpadding=
"2">
85 <tr><td><span class=
"path">/boot/system/non-packaged/data/fonts/ttfonts/
</span></td><td> </td><td>pour les polices accessibles pour tous les utilisateurs.
</td></tr>
86 <tr><td><span class=
"path">/boot/home/config/non-packaged/data/fonts/ttfonts/
</span></td><td> </td><td>pour les polices uniquement accessibles pour vous
</td></tr>
90 <a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" /></a>
91 <a id=
"colors" name=
"colors">Couleurs
</a></h2>
92 <img src=
"../images/prefs-images/appearance-colors.png" alt=
"appearance-colors.png" />
93 <p>Dans l'onglet
<span class=
"menu">Couleurs
</span>, vous pouvez modifier les couleurs des différents éléments de l'interface utilisateur. La palette de couleurs accepte les glisser-déposer de couleurs depuis d'autres programmes, ce qui vous permettra de glisser des couleurs depuis par exemple
<span class=
"app">WonderBrush
</span>,
<span class=
"app">Icon-O-Matic
</span>, ou les préférences
<span class=
"app">Backgrounds
</span>.
</p>
96 <a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" /></a>
97 <a id=
"decorators" name=
"decorators">Décorateurs de fenêtres
</a></h2>
98 <img src=
"../images/prefs-images/appearance-decorators.png" alt=
"appearance-decorators.png" />
99 <p>Les décorateurs déterminent l'apparence et le comportement des fenêtres de tous les éléments d'interface graphique. Actuellement Haiku est livré avec un seul décorateur par défaut. Si vous trouvez et installez d'autres décorateurs, vous pourrez en choisir un dans la liste déroulante.
</p>
100 <p>Le décorateur par défaut de Haiku vous permet de définir le style de flèches dans la barre de défilement : soit des flèches simples à la fin des barres de défilement pour conserver un peu d'espace, soit des flèches doubles - à la traditionnelle façon de BeOS - pour économiser des déplacements de souris lorsque vous faites défiler en haut et en bas ou à gauche et à droite...
</p>
103 <a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" /></a>
104 <a id=
"antialiasing" name=
"antialiasing">Lissage
</a></h2>
105 <img src=
"../images/prefs-images/appearance-antialiasing.png" alt=
"appearance-antialiasing.png" />
106 <p>L'onglet
<span class=
"menu">Lissage
</span> permet de régler la manière de dessiner les choses à l'écran.
</p>
109 <a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" /></a>
110 Consigne de glyphes
</h3>
111 <p>Si activée, la
<span class=
"menu">Consigne de glyphes
</span> (Glyph hinting) aligne les lettres de manière à ce que leurs bords horizontaux soient situés entre deux pixels. Ceci permet un meilleur contraste, en particulier pour le texte en noir sur blanc. Ce dernier apparaît plus net. Le réglage
"<span class="menu
">Seulement les polices à chasse fixe</span>" est particulièrement utile pour les écrans à basse résolution comme ceux des netbooks. Sur ceux-ci la consigne peut donner de mauvais résultats avec des polices de petite taille, mais avec ce réglage vous pourrez conserver les avantages de la consigne dans les éditeurs de texte et le Terminal.
</p>
112 <p>Voyez les différences induites par cette consigne entre ces deux captures d'écrans agrandies :
</p>
113 <table summary=
"layout" border=
"0" cellspacing=
"0" cellpadding=
"2">
114 <tr><td style=
"text-align:center; font-style:italic"><img src=
"../images/prefs-images/appearance-glyph-off.png" alt=
"appearance-glyph-off.png" /><br />Hinting désactivé
</td><td style=
"width:15px;"></td><td style=
"text-align:center; font-style:italic"><img src=
"../images/prefs-images/appearance-glyph-on.png" alt=
"appearance-glyph-on.png" /><br />Hinting activé
</td></tr>
116 <p>Notez que ces captures d'écran de l'application
<span class=
"app">Magnify
</span> sont bien sûr réalisées avec différents réglages de consignes. Vous pouvez donc voir l'effet du réglage sur le texte de l'onglet jaune et celui de la fenêtre (
"35 x 15 @ 8 pixels/pixel").
</p>
119 <a href=
"#"><img src=
"../../images/up.png" style=
"border:none;float:right" alt=
"index" /></a>
121 <p>Une autre technique d'amélioration de rendu est le
<i>lissage
</i>, qui concerne aussi bien les graphismes vectoriels que le texte. Il adoucit les lignes en changeant la couleur de certains pixels.
122 Il y a deux méthodes:
</p>
123 <p><span class=
"menu">Niveaux de gris
</span> change la luminosité des pixels des bords.
<br />
124 <span class=
"menu">Sous-pixel LCD
</span> donnera un meilleur rendu sur les écrans LCD haute résolution. Au lieu de changer l'intensité du pixel, il change sa couleur, ce qui permet de déplacer le bord d'un élément d'une fraction de pixel (car sur les écrans LCD les composantes rouge, vert et bleu sont séparées).
</p>
125 <p>À nouveau, voici les deux méthodes présentées sur deux captures d'écran :
</p>
126 <table summary=
"layout" border=
"0" cellspacing=
"0" cellpadding=
"2">
127 <tr><td style=
"text-align:center; font-style:italic"><img src=
"../images/prefs-images/appearance-glyph-off.png" alt=
"appearance-glyph-off.png" /><br />Niveaux de gris, consigne désactivée
</td><td style=
"width:15px;"></td><td style=
"text-align:center; font-style:italic"><img src=
"../images/prefs-images/appearance-subpixel.png" alt=
"appearance-subpixel.png" /><br />LCD subpixel, lissage activé
</td></tr>
129 <p>Le lissage sous-pixel ajoute une bordure colorées aux objets, que vous pourriez ne pas apprécier. Dans Haiku, vous pouvez mélanger les deux méthodes de lissage et trouver le bon réglage pour vous en déplaçant un curseur.
</p>
130 <div class=
"box-info">Le lissage sous-pixel combiné aux consignes est soumis à un brevet logiciel et n'est donc pas disponible par défaut. Désolé. En fonction de votre lieu de résidence, vous pourrez peut-être vous procurer une version débridée. Parlez-en à vos représentants.
</div>
131 <p>Si vous activez les consignes et le lissage sous-pixel en modifiant les sources de Haiku et en recompilant l'ensemble, voici ce que vous obtiendrez par rapport a la consigne avec niveaux de gris :
</p>
132 <table summary=
"layout" border=
"0" cellspacing=
"0" cellpadding=
"2">
133 <tr><td style=
"text-align:center; font-style:italic"><img src=
"../images/prefs-images/appearance-glyph-on.png" alt=
"appearance-glyph-on.png" /><br />Niveaux de gris, consigne activé
</td><td style=
"width:15px;"></td><td style=
"text-align:center; font-style:italic"><img src=
"../images/prefs-images/appearance-glyph-on-subpixel.png" alt=
"appearance-glyph-on-subpixel.png" /><br />LCD sous-pixel, consigne activée
</td></tr>
136 <p>En bas du panneau, vous trouverez deux boutons :
</p>
137 <table summary=
"layout" border=
"0" cellpadding=
"2" cellspacing=
"0">
138 <tr><td><span class=
"button">Defaults
</span></td><td> </td><td>réinitialise toutes les réglages.
</td></tr>
139 <tr><td><span class=
"button">Revert
</span></td><td> </td><td>rétablit les réglages qui étaient actifs quand vous avez lancé les préférences d'Apparence.
</td></tr>
146 <div class=
"inner"><span>
147 <a href=
"../preferences.html" class=
"uplink">Préférences
</a>
148 ::
<a href=
"backgrounds.html">Backgrounds
</a> »