<?xml version="1.0" ?>
<!DOCTYPE article PUBLIC "-//KDE//DTD DocBook XML V4.2-Based Variant V1.1//EN"
"dtd/kdex.dtd" [
<!ENTITY % addindex "IGNORE">
<!ENTITY % French "INCLUDE"
> <!-- change language only here -->
]>

<article lang="&language;">
<articleinfo>
<title
>Apparence</title>
<authorgroup>
<author
>&Lauri.Watts; &Lauri.Watts.mail;</author>
&traducteurYvesDessertine; &traducteurPierreBuard; 
</authorgroup>

<date
>2009-12-01</date>
<releaseinfo
>&kde; 4.4</releaseinfo>

<keywordset>
<keyword
>KDE</keyword>
<keyword
>CSS</keyword>
<keyword
>Apparence</keyword>
<keyword
>Police</keyword>
<keyword
>CSS</keyword>
<keyword
>Feuilles de style</keyword>
<keyword
>Accessibilité</keyword>
</keywordset>

</articleinfo>

<sect1 id="appearance">
<title
>Apparence</title>
<para
>Ce module se compose de trois onglets permettant de configurer la manière d'afficher les pages web.</para>

<sect2 id="general">
<title
>Général</title
> <!-- modified copy from khtml/index.docbook <sect2 id="kbrowse-html"-->

<para
>La case à cocher intitulée <guilabel
>Charger automatiquement les images</guilabel
> permet de choisir si les images des pages web seront chargées par défaut. À moins d'avoir une connexion lente, vous souhaiterez sûrement la laisser cochée puisque l'utilisation de certains sites devient ardue sans images. Si l'option est décochée, vous pourrez toujours voir le texte des pages et charger les images si vous en avez besoin.</para>

<para
>Si <guilabel
>Dessiner un cadre autour des images incomplètes</guilabel
> est cochée, &konqueror; dessinera un cadre autour de l'emplacement d'images n'étant pas encore chargées. Vous souhaiterez sûrement activer cette option pour faciliter votre navigation, surtout si votre connexion réseau est lente.</para>

<para
>De nombreuses pages web utilisent des images gif animées, qui peuvent être très ennuyeuses et parfois, être un réel gaspillage de vos ressources système. L'option <guilabel
>Animations</guilabel
>vous permet de choisir lorsque des animations seront activées. Elles le sont par défaut, mais vous pouvez désactiver ce comportement ou ne les lancer qu'une seule fois, même si le fichier lui-même contient des instructions pour les relancer plusieurs fois, voire indéfiniment.</para>

<para
>L'option suivante s'intitule <guilabel
>Souligner les liens :</guilabel
>. Elle permet d'<guilabel
>Activé</guilabel
> le soulignement des liens. Si cette option est sélectionnée, tout texte faisant office de lien dans une pages web sera souligné. Bien que beaucoup de pages les distinguent grâce à des couleurs différentes du texte, les souligner facilite leur repérage.</para>

<para
>Si vous ne souhaitez pas souligner pas les liens, choisissez <guilabel
>Désactivé</guilabel
>. Vous pouvez aussi choisir l'option intermédiaire <guilabel
>Seulement au-dessus</guilabel
> afin que le soulignement n'intervienne qu'au passage de la souris sur les liens et pas le reste du temps.</para>

<note
><para
>Les règles CSS du site peuvent outre-passer ce réglage.</para
></note>

<para
><guilabel
>Défilement doux</guilabel
> détermine si &konqueror; doit utiliser le défilement doux ou des intervalles entiers pour naviguer dans les pages &HTML; : <itemizedlist>
<listitem
><para
><guilabel
>Toujours</guilabel
> : toujours utiliser le défilement doux.</para
></listitem>
<listitem
><para
><guilabel
>Jamais</guilabel
> : ne jamais utiliser le défilement doux, mais uniquement des intervalles entiers.</para
></listitem>
<listitem
><para
><guilabel
>Lorsque c'est possible</guilabel
> : le défilement doux sera utilisé sur les pages ne nécessitant qu'une utilisation modérée des ressources du système.</para
></listitem>
</itemizedlist>
</para>

</sect2>

<sect2 id="fonts"
> <!-- modified copy from khtml/index.docbook <sect2 id="kbrowse-appearance"-->
<title
>Polices</title>
<para
>Sous cet onglet, vous pouvez choisir de nombreuses options relatives à l'utilisation des polices. Bien que la forme et la taille des polices fassent souvent partie de la conception d'une page web, vous pouvez choisir certains paramètres par défaut que &konqueror; utilisera.</para>

<para
>La taille de la police est le premier aspect que vous pouvez définir ici. Deux paramètres contribuent à votre confort de navigation.</para>

<para
>Pour commencer, vous pouvez définir une <guilabel
>Taille de police minimale</guilabel
>. Cela signifie que même si la page vue nécessite une taille de police précise, &konqueror; l'ignorera et n'affichera pas de police inférieure à la taille définie ici.</para>

<para
>Ensuite, vous pouvez choisir une <guilabel
>Taille de police moyenne</guilabel
>. Elle ne correspond pas uniquement à la taille par défaut du texte, utilisée lorsque la page ne spécifie pas de taille, mais elle peut également servir de référence à partir de laquelle seront calculées les autres tailles de polices. C'est-à-dire, l'instruction &HTML; <quote
>smaller</quote
> signifiera une taille inférieure à celle définie par cette option.</para>

<para
>Pour toutes les options, vous pouvez choisir la taille de police exacte en points en utilisant le compteur rotatif (ou simplement en le saisissant) à côté du nom de l'option.</para>

<para
>Ces options sont indépendantes l'une de l'autre. Les pages ne précisant pas de taille de police, ou nécessitant une valeur par défaut, utiliseront <guilabel
>Taille de police moyenne</guilabel
> pour s'afficher, alors que les pages ayant une taille de police inférieure à celle définie dans <guilabel
>Taille de police minimale</guilabel
> ne pourront descendre en dessous. L'une n'affecte pas l'autre.</para>

<para
>Les autres options associent des polices aux différents codes utilisés dans les pages &HTML;. Notez que beaucoup de pages ignorent ces réglages. Pour chaque type de police (standard, fixe, serif, &etc;) vous pouvez sélectionner celle qui vous plais.</para>

<para
>Au-dessous, vous pouvez spécifier un <guilabel
>Ajustement de la taille de la police pour cet encodage</guilabel
>. Parfois, les polices que vous désirez utiliser pour un encodage ou une langue particulière sont plus grandes que la moyenne, vous pouvez donc utiliser ce paramètre pour leur donner une apparence compatible avec les autres polices.</para>

<para
>Vous pouvez définir un encodage par défaut utilisé par &konqueror; pour le rendu des pages. La valeur par défaut est <guilabel
>Utiliser l'encodage de votre langue</guilabel
>, mais il est possible d'employer n'importe lequel de la liste déroulante.</para>

</sect2>

<sect2 id="stylesheets">

<title
>Feuilles de style</title>

<sect3>
<title
>Introduction</title>

<para
>Les feuilles de style <acronym
>CSS</acronym
> affectent l'apparence des pages web. <acronym
>CSS</acronym
> signifie <emphasis
>C</emphasis
>ascading <emphasis
>S</emphasis
>tyle <emphasis
>S</emphasis
>heets.</para>

<para
>&kde; peut utiliser sa propre feuille de style, fondée sur des réglages par défaut simples et sur le modèle de couleurs que vous utilisez pour votre bureau. &kde; peut également utiliser une feuille de style que vous avez écrit vous même. Enfin, vous pouvez spécifier une feuille de style dans ce module. Les options présentées dans ce module sont conçues à des fins d'accessibilité, spécialement pour les personnes ayant une visibilité affaiblie.</para>

<para
>Vos choix ici affectent toutes les applications &kde; qui affichent du HTML avec l'afficheur de &kde;, appelé khtml. Ceci inclut &kmail;, le &centreAide; et évidemment &konqueror;. Les choix faits ici n'affectent pas les autres navigateurs tels que &Netscape;.</para>

</sect3>

<sect3 id="css-general">
<title
>Feuilles de style</title>

<para
>Cette section comporte les options suivantes :</para>

<variablelist>
<varlistentry>
<term
><guilabel
>Utiliser la feuille de style par défaut</guilabel
></term>
<listitem>
<para
>&kde; utilisera la feuille de style par défaut. Certaines couleurs seront sélectionnées parmi celles définies dans le modèle de couleurs que vous avez choisi. La plupart des réglages seront facilement supplantés par la page que vous affichez.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Utiliser une feuille de style personnalisée</guilabel
></term>
<listitem>
<para
>&kde; utilisera une feuille de style que vous avez écrite vous même. Vous pouvez utiliser le bouton parcourir pour localiser la feuille de style sur votre système. Les feuilles de style <acronym
>CSS</acronym
> ont traditionnellement l'extension <literal role="extension"
>.css</literal
>, mais ceci n'est pas obligatoire.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Utiliser la feuille de style d'accessibilité</guilabel
></term>
<listitem>
<para
>Utilise les réglages définis dans la boîte de dialogue <guilabel
>Personnaliser</guilabel
>. L'activation de cette option rendra accessible le bouton <guilabel
>Personnaliser</guilabel
> qui lancera une boîte de dialogue permettant de définir les paramètres de la feuille de style.</para>
</listitem>
</varlistentry>
</variablelist>

</sect3>

<sect3 id="css-customize">
<title
>Personnaliser</title>

<para
>Vous pouvez définir ici une feuille de style utilisateur. Les options disponibles ne sont qu'un sous-ensemble des instructions que vous pouvez ajouter dans une feuille de style, et sont spécialement adaptées pour les personnes ayant une vision affaiblie, pour leur permettre de créer une feuille de style rendant plus lisibles les pages web et les fichiers d'aide de &kde;.</para>

<para
>Les options de cette page sont désactivées tant que vous n'avez pas choisi <guilabel
>Utiliser la feuille de style d'accessibilité</guilabel
>.</para>

<sect4>
<title
><guilabel
>Famille de police</guilabel
></title>

<variablelist>
<varlistentry>
<term
><guilabel
>Famille de base</guilabel
></term>
<listitem>
<para
>Choisissez une famille de polices à utiliser pour le corps du texte.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Utiliser la même famille dans tous les textes</guilabel
></term>
<listitem>
<para
>Si vous activez cette option, la même famille de polices sera utilisée pour tous les textes, quels que soient les réglages de la page que vous afficher. Ceci est pratique pour les pages utilisant une police décorative ou difficile à lire pour les en-têtes.</para>
</listitem>
</varlistentry>
</variablelist>
</sect4>

<sect4>
<title
>Taille de la police</title>

<variablelist>
<varlistentry>
<term
><guilabel
>Taille de la police de base</guilabel
></term>
<listitem>
<para
>Ceci est la taille par défaut pour le texte de la page. Beaucoup de sites web règlent leurs tailles de polices par rapport à cette valeur par défaut, en utilisant <quote
>larger</quote
> ou <quote
>+1</quote
> pour agrandir la taille du texte, et <quote
>smaller</quote
> ou <quote
>-1</quote
> pour réduire la taille du texte.</para>
<para
>Beaucoup de gens créent leurs pages web sur des plates-formes où la taille du texte ordinaire par défaut est trop grande pour le lecteur moyen, il est donc très courant de trouver des pages web obligeant les polices à être plus petites de cette façon.</para>
<para
>Ce paramètre vous permettra de régler la taille de la police utilisé par défaut afin qu'elle soit plus confortable, les tailles relatives en ressortiront ainsi agrandies rendant la lecture plus agréable.</para>
<para
>N'oubliez pas que vous pouvez forcer &konqueror; à ne pas afficher du texte en dessous d'une taille minimum, de sorte que le texte ne soit <emphasis
>jamais</emphasis
> trop petit à l'écran. </para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Utiliser la même taille pour tous les éléments</guilabel
></term>
<listitem>
<para
>Si vous activez cette option, tous les textes seront affichés dans la taille de police que vous avez spécifiée, quelles que soient les instructions que comporte la page. Les tailles relatives des polices telles que décrites précédemment, et même les instructions spécifiques comme quoi le texte devrait être affiché à une certaine taille seront supplantées ici.</para>
</listitem>
</varlistentry>
</variablelist>
</sect4>

<sect4>
<title
>Images</title>

<variablelist>
<varlistentry>
<term
><guilabel
>Ne pas charger les images</guilabel
></term>
<listitem>
<para
>Si vous ne voulez pas voir d'images, vous pouvez les désactiver ici.</para
></listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Ne pas charger les images de fond</guilabel
></term>
<listitem>
<para
>Un problème majeur pour les utilisateurs ayant une vision affaiblie est que les images de fond ne donnent pas suffisamment de contraste pour leur permettre de lire le texte. Vous pouvez désactiver les images de fond ici, indépendamment de votre choix de voir toutes les images.</para>
</listitem>
</varlistentry>
</variablelist>
</sect4>

<sect4>
<title
>Couleurs</title>

<variablelist>
<varlistentry>
<term
><guilabel
>Noir sur blanc</guilabel
></term>
<listitem>
<para
>Beaucoup de gens ayant une vision affaiblie trouvent que le texte noir sur un écran blanc donne le plus de contraste, et est le plus facile à lire. Si ceci s'applique à vous, vous pouvez l'activer ici.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Blanc sur noir</guilabel
></term>
<listitem>
<para
>D'autres ayant une vision affaiblie trouvent que l'opposé est vrai, que le texte blanc sur un écran noir est plus facile à lire.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Personnalisée</guilabel
></term>
<listitem>
<para
>D'autres encore trouvent que du noir et blanc pur, dans n'importe quel ordre, est difficile à lire. Vous pouvez ajuster ici les couleurs à la fois pour le <guilabel
>Fond</guilabel
> et pour le <guilabel
>Texte</guilabel
>.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Toujours utiliser la même couleur</guilabel
></term>
<listitem>
<para
>Beaucoup de sites web utilisent une couleur différente, souvent contrastée pour les en-têtes et autres fioritures. Si ceci interfère avec votre capacité à lire le contenu, vous pouvez cocher cette case pour que &kde; applique à tout le texte les couleurs choisies au-dessus.</para>
</listitem>
</varlistentry>
</variablelist>

</sect4>

<sect4>
<title
>Aperçu</title>

<para
>La section <guilabel
>Aperçu</guilabel
> vous permet de voir l'effet de vos modifications. Différents types d'en-têtes y sont affichés à l'aide de votre feuille de style, accompagnés d'une phrase dans le corps de texte.</para>

<para
>Ceci devrait vous permettre d'ajuster au mieux votre feuille de style jusqu'à obtenir quelque chose que vous puissiez lire confortablement.</para>

<para
>Bon surf !</para>

</sect4>

</sect3>

</sect2>

</sect1>

</article>
