<?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 % German "INCLUDE"
> <!-- change language only here -->
]>

<article id="kcmcss" lang="&language;">
<articleinfo>
<title
>Erscheinungsbild</title>
<authorgroup>
<author
>&Lauri.Watts; &Lauri.Watts.mail;</author>
<othercredit role="translator"
><firstname
>Frank</firstname
><surname
>Schütte</surname
> <affiliation
><address
><email
>F.Schuette@t-online.de</email
></address
></affiliation
><contrib
>Übersetzung</contrib
></othercredit
>  
</authorgroup>

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

<keywordset>
<keyword
>KDE</keyword>
<keyword
>CSS</keyword>
<keyword
>Erscheinungsbild</keyword>
<keyword
>Schriftart</keyword>
<keyword
>CSS</keyword>
<keyword
>Stilvorlagen</keyword>
<keyword
>Zugangshilfen</keyword>
</keywordset>

</articleinfo>

<sect1 id="appearance">
<title
>Erscheinungsbild</title>
<para
>Diese Modul besteht aus drei Karteikarten mit Einstellungen für die Anzeige von Webseiten.</para>

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

<para
>Mit dem Ankreuzfeld <guilabel
>Bilder automatisch laden</guilabel
> legen Sie fest, ob Bilder auf Webseiten automatisch geladen werden. Wenn Sie nicht gerade eine sehr langsame Verbindung haben, empfiehlt es sich, diese Option auszuwählen, da es viele Webseiten gibt, die Sie ohne Bilder nur schwer nutzen können. Wenn Sie diese Option nicht auswählen, werden die Bilder nicht automatisch geladen. Aber Sie können dennoch den Text auf der Seite ansehen, und die Bilder erst bei Bedarf laden.</para>

<para
>Ist die Einstellung <guilabel
>Rahmen um nicht vollständig geladene Bilder</guilabel
> aktiviert, zeichnet &konqueror; einen Rahmen als Platzhalter für noch nicht vollständig geladene Bilder, die in eine Webseite eingebunden sind. Diese Einstellung kann besonders dann von Vorteil sein, wenn Sie über eine langsame Anbindung an das Internet verfügen.</para>

<para
>Viele Web-Seiten verwenden animierte GIF-Bilder. Diese können einerseits sehr anstrengend sein und außerdem die Arbeitsgeschwindigkeit des Rechners erheblich beeinträchtigen. Das Listenfeld <guilabel
>Animationen</guilabel
> erlaubt die Einstellung, ob Animationen angezeigt werden sollen. Es kann entweder die Animation deaktiviert werden oder sie kann einmal oder kontinuierlich angezeigt werden. Ist <guilabel
>Nur einmal anzeigen</guilabel
> ausgewählt, so wird die Animation nur einmal durchgeführt, auch wenn sich in der GIF-Datei andere Anweisungen befinden.</para>

<para
>Die nächste Einstellung ist <guilabel
>Verknüpfungen unterstreichen:</guilabel
> Hier können Sie die Option <guilabel
>Aktiviert</guilabel
> wählen. Bei dieser Option wird jeder Text auf einer Webseite, der als Verknüpfung dient, in unterstrichener Schrift dargestellt. Während viele Webseiten Farben verwenden, um Texte hervorzuheben, die als Verknüpfung dienen, macht es das Unterstreichen sehr einfach, Verknüpfungen sichtbar zu machen.</para>

<para
>Mögen sie keine unterstrichenen Verknüpfungen, so wählen Sie die Option <guilabel
>Deaktiviert</guilabel
>, wodurch Verknüpfungen nicht mehr unterstrichen werden. Einen Mittelweg bietet die Option <guilabel
>Nur bei Berührung</guilabel
>, bei der Verknüpfungen nur dann unterstrichen werden, wenn der Mauszeiger über ihnen schwebt, ansonsten werden sie nicht unterstrichen dargestellt.</para>

<note
><para
>Die CSS-Einstellungen auf der Webseite können diese Einstellungen überschreiben.</para
></note>

<para
><guilabel
>Weicher Bildlauf</guilabel
> legt fest ob &konqueror; einen weichen Bildlauf zum Rollen durch Webseiten verwenden soll. <itemizedlist>
<listitem
><para
><guilabel
>Immer</guilabel
>: Immer einen weichen Bildlauf verwenden.</para
></listitem>
<listitem
><para
><guilabel
>Nie</guilabel
>: Keinen weichen Bildlauf verwenden, beim Rollen werden immer ganze Zeilen gesprungen.</para
></listitem>
<listitem
><para
><guilabel
>Falls sinnvoll</guilabel
>: Ein weicher Bildlauf wird nur verwendet, wenn dies mit der angezeigten Webseite ohne zu großen Einsatz von Systemressourcen möglich ist.</para
></listitem>
</itemizedlist>
</para>

</sect2>

<sect2 id="fonts"
> <!-- modified copy from khtml/index.docbook <sect2 id="kbrowse-appearance"-->
<title
>Schriftarten</title>
<para
>Auf dieser Karteikarte können Sie verschiedene Optionen bezüglich der Schrift einstellen. Obwohl die Form und die Größe von Schriften oft Teil des Designs einer Webseite sind, können Sie hier einige Standardeinstellungen vornehmen, die &konqueror; verwenden wird.</para>

<para
>Die erste Option, die Sie hier einstellen können, ist die Schriftgröße. Es gibt zwei Einstellungen, die zusammenwirken, und Ihnen ein komfortables Durchsuchen (<quote
>Browsen</quote
>)ermöglichen.</para>

<para
>Zuerst können Sie eine <guilabel
>Minimale Schriftgröße</guilabel
> einstellen. Das bedeutet, auch wenn die Schriftgröße explizit auf einer Webseite festgelegt ist, wird &konqueror; diese Anweisung ignorieren, und niemals eine kleinere Schriftgröße verwenden, als Sie hier angegeben haben.</para>

<para
>Als nächstes können Sie die <guilabel
>Mittlere Schriftgröße</guilabel
> festlegen. Das ist nicht nur die Standardgröße für Text, die verwendet wird, wenn die Webseite keine Größe vorgibt, sondern dient auch als Basisgröße zur Berechnung von relativen Schriftgrößen. Das heißt zum Beispiel, die &HTML; Anweisung <quote
>smaller</quote
> bedeutet, kleiner als die hier festgelegte Schriftgröße.</para>

<para
>Für beide Optionen legen Sie die genauen Schriftgrößen in Punkten über die Hoch-/Runter-Kontrollelemente fest, oder geben Sie direkt in die Eingabefelder ein.</para>

<para
>Diese Einstellungen sind unabhängig von einander. Seiten, die nicht eine bestimmte Schriftgröße setzen oder die Standardgröße anfordern, werden in der Größe angezeigt, die man unter <guilabel
>Mittlere Schriftgröße</guilabel
> einstellt. Seiten, die eine Schriftgröße unterhalb von <guilabel
>Minimale Schriftgröße</guilabel
> anfordern, werden stattdessen in dieser Schriftgröße angezeigt. Die eine Einstellung hat keine Auswirkungen auf die Andere.</para>

<para
>Die folgenden Optionen beziehen sich auf Schriften in Verbindung mit verschiedenen Arten von Beschreibungsbefehlen, die in &HTML;-Seiten verwendet werden. Beachten Sie, dass viele Webseiten diese Einstellungen übergehen. Für jede Schriftart (Standard, Feste Breite, Serifen &etc;) können Sie eine andere Schrift aus den Aufklappfeldern auswählen. </para>

<para
>Darunter können Sie die <guilabel
>Schriftgrößenanpassung für diese Kodierung</guilabel
> festlegen. Es passiert manchmal, dass die Schrift, die Sie für eine besondere Kodierung oder Sprache verwenden möchten, sehr viel größer oder kleiner als der Durchschnitt ist, sodass durch diese Option die Schriftgröße angepasst wird.</para>

<para
>Sie können eine Standard-Kodierung einstellen, die &konqueror; bei der Darstellung von Seiten verwenden soll. Die Standardeinstellung lautet <guilabel
>Sprachspezifische Kodierung verwenden</guilabel
>, aber Sie können jede in der Liste verfügbare Kodierung einstellen.</para>

</sect2>

<sect2 id="stylesheets">

<title
>Stilvorlagen</title>

<sect3>
<title
>Einleitung</title>

<para
><acronym
>CSS</acronym
> Stilvorlagen (Stylesheets) beeinflussen die Darstellung von Internetseiten. <acronym
>CSS</acronym
> steht für <emphasis
>C</emphasis
>ascading <emphasis
>S</emphasis
>tyle <emphasis
>S</emphasis
>heets.</para>

<para
>&kde; kann seine eigene Stilvorlage verwenden, die auf einfachen Standardeinstellungen und dem Farbschema der Arbeitsfläche basiert. Es ist aber auch möglich, eigene Stilvorlagen für &kde; zu schreiben. Schließlich können Sie in diesem Modul eine Stilvorlage angeben. Die Optionen in diesem Modul sind für Zugangshilfen optimiert, besonders für Personen mit einer Sehbehinderung.</para>

<para
>Die Einstellungen wirken sich auf alle &kde; Anwendungen aus, die &kde;s eigenen Renderer khtml für die Darstellung von HTML verwenden. Dazu gehören &kmail;, &khelpcenter; und natürlich &konqueror;. Andere Browser wie &Netscape; werden durch die Einstellungen nicht beeinflusst.</para>

</sect3>

<sect3 id="css-general">
<title
>Stilvorlagen</title>

<para
>Dieser Abschnitt enthält die folgenden Einstellmöglichkeiten:</para>

<variablelist>
<varlistentry>
<term
><guilabel
>Standard-Stilvorlage verwenden</guilabel
></term>
<listitem>
<para
>&kde; verwendet die Standard-Stilvorlage. Einige Farben werden an das Farbschema der Arbeitsfläche angepasst. Die meisten Einstellungen werden von der dargestellten Internetseite übernommen.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Benutzerdefinierte Stilvorlage verwenden</guilabel
></term>
<listitem>
<para
>&kde; verwendet eine vom Benutzer selbst geschriebene Stilvorlage. Man kann den Knopf <guilabel
>Dateiauswahl</guilabel
> verwenden, um die Stilvorlage zu suchen. <acronym
>CSS</acronym
>-Dateien haben üblicherweise die Dateierweiterung <literal role="extension"
>.css</literal
>, aber das ist nicht erforderlich.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Stilvorlage für Zugangshilfen verwenden</guilabel
></term>
<listitem>
<para
>Ist dies ausgewählt, werden die Einstellungen aus dem Dialog <guilabel
>Benutzerdefinierte Stilvorlagen</guilabel
> verwendet. Dann kann mit dem Knopf <guibutton
>Einrichten ...</guibutton
> auch der Dialog zur Einstellung der Stilvorlagen geöffnet werden.</para>
</listitem>
</varlistentry>
</variablelist>

</sect3>

<sect3 id="css-customize">
<title
>Benutzerdefinierte Stilvorlagen</title>

<para
>In diesem Dialog kann eine eigene Stilvorlage eingerichtet werden. Die Optionen betreffen nur einen Teilbereich der mit einer Stilvorlage einstellbaren Parameter, und sie sind für Sehbehinderte optimiert, um damit Internetseiten und die &kde;-Hilfedateien lesbarer zu machen.</para>

<para
>Die Optionen aus diesem Dialog sind nur dann aktiviert, wenn <guilabel
>Stilvorlage für Zugangshilfen verwenden</guilabel
> auswählt ist.</para>

<sect4>
<title
><guilabel
>Schriftfamilie</guilabel
></title>

<variablelist>
<varlistentry>
<term
><guilabel
>Grundschriftfamilie</guilabel
></term>
<listitem>
<para
>Wählen Sie eine Schriftfamilie für den Seiteninhalt.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Dieselbe Schriftfamilie für sämtlichen Text verwenden</guilabel
></term>
<listitem>
<para
>Wenn Sie diese Option markieren, wird für alle Texte dieselbe Schriftfamilie verwendet, egal wie die Einstellungen der betrachteten Internetseite sind. Das ist nützlich für Seiten, die eine dekorative oder schwer lesbare Schrift für Überschriften verwenden.</para>
</listitem>
</varlistentry>
</variablelist>
</sect4>

<sect4>
<title
>Schriftgröße</title>

<variablelist>
<varlistentry>
<term
><guilabel
>Größe der Grundschrift</guilabel
></term>
<listitem>
<para
>Dies ist die Standardschriftgröße auf der Internetseite. Viele Seiten verändern die Schriftgröße relativ zur Standardgröße, indem sie <quote
>größer</quote
> oder <quote
>+1</quote
> für größeren Text und <quote
>kleiner</quote
> oder <quote
>-1</quote
> für kleineren Text verwenden.</para>
<para
>Viele Leute entwerfen Internetseiten auf Computern, deren Standardschriftgröße für die meisten Benutzer zu groß zum Lesen ist. Es ist daher übliche Praxis mit solchen Befehlen bei Internetseiten die Schrift kleiner zu machen.</para>
<para
>Diese Einstellung erlaubt die Einstellung einer bequemen Standardschriftgröße, sodass die relativen Größen ebenfalls angepasst und daher auch bequem zu lesen sind.</para>
<para
>Zusätzlich können Sie für &konqueror; eine minimale Schriftgröße einstellen, die <emphasis
>niemals</emphasis
> unterschritten wird. </para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Dieselbe Schriftgröße für alle Elemente verwenden</guilabel
></term>
<listitem>
<para
>Wenn Sie diese Option markieren, wird der gesamte Text der Internetseite in derselben Schriftgröße angezeigt. Damit werden sowohl relative Schriftgrößen als auch spezifische Anweisungen, einen bestimmten Text in einer festen Schriftgröße anzuzeigen, wirkungslos.</para>
</listitem>
</varlistentry>
</variablelist>
</sect4>

<sect4>
<title
>Bilder</title>

<variablelist>
<varlistentry>
<term
><guilabel
>Bilder ausblenden</guilabel
></term>
<listitem>
<para
>Wenn keine Bilder angezeigt werden sollen, können Sie diese Option abwählen.</para
></listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Hintergrundbilder ausblenden</guilabel
></term>
<listitem>
<para
>Ein großes Problem für Sehbehinderte ist, dass Hintergrundbilder von Internetseiten die Lesbarkeit des davor platzierten Textes erschweren. Unabhängig von der Anzeige von Bildern können Sie hier Hintergrundbilder gezielt abschalten.</para>
</listitem>
</varlistentry>
</variablelist>
</sect4>

<sect4>
<title
>Farben</title>

<variablelist>
<varlistentry>
<term
><guilabel
>Schwarz auf Weiß</guilabel
></term>
<listitem>
<para
>Viele Sehbehinderte empfinden schwarzen Text auf einem weißen Bildschirm am angenehmsten zum Lesen. Wenn das auf Sie zutrifft, können Sie es hier einstellen.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Weiß auf Schwarz</guilabel
></term>
<listitem>
<para
>Viele andere Sehbehinderte finden im Gegensatz dazu, dass weißer Text auf schwarzem Hintergrund lesbarer ist.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Benutzerdefiniert</guilabel
></term>
<listitem>
<para
>Wieder andere Leute empfinden Text mit nur schwarz oder weiß schwer lesbar. Mit dieser Option kann man eigene Farben für <guilabel
>Vordergrundfarbe</guilabel
> und <guilabel
>Hintergrundfarbe</guilabel
> festlegen.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Dieselbe Farbe für sämtlichen Text verwenden</guilabel
></term>
<listitem>
<para
>Viele Internetseiten verwenden unterschiedliche und kontrastreiche Farben für Überschriften und anderes schmückendes Beiwerk. Wenn man das als störend empfindet, kann man durch Markieren dieses Ankreuzfeldes &kde; dazu veranlassen, die festgelegte Textfarbe für alle angezeigten Texte zu verwenden.</para>
</listitem>
</varlistentry>
</variablelist>

</sect4>

<sect4>
<title
>Vorschau</title>

<para
>Der Bereich <guilabel
>Vorschau</guilabel
> ermöglicht es, die Auswirkungen der Einstellungen zu begutachten. Die Vorschau zeigt verschiedene Typen von Überschriften und einen Satz in der normalen Schriftgröße.</para>

<para
>Damit kann man die Einstellungen überprüfen und solange verändern, bis man eine Einstellung gefunden hat, die bequem lesbaren Text anzeigt.</para>

<para
>Frohes Surfen!</para>

</sect4>

</sect3>

</sect2>

</sect1>

</article>
