You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
196 lines
8.2 KiB
196 lines
8.2 KiB
<?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 % Dutch "INCLUDE"> <!-- change language only here -->
|
|
]>
|
|
|
|
<article>
|
|
<articleinfo>
|
|
|
|
<authorgroup>
|
|
<author>&Lauri.Watts; &Lauri.Watts.mail;</author>
|
|
&Niels.Reedijk;&Sander.Koning;
|
|
</authorgroup>
|
|
|
|
<date>2003-10-12</date>
|
|
<releaseinfo>3.2</releaseinfo>
|
|
|
|
<keywordset>
|
|
<keyword>KDE</keyword>
|
|
<keyword>CSS</keyword>
|
|
<keyword>Stylesheets</keyword>
|
|
<keyword>Toegankelijkheid</keyword>
|
|
</keywordset>
|
|
|
|
</articleinfo>
|
|
|
|
<sect1 id="stylesheets">
|
|
|
|
<title>Stijlbladen</title>
|
|
|
|
<sect2>
|
|
<title>Inleiding</title>
|
|
|
|
<para><acronym>CSS</acronym>-stijlbladen beïnvloeden de manier waarop webpagina's worden getoond. <acronym>CSS</acronym> staat voor <emphasis>C</emphasis>ascading <emphasis>S</emphasis>tyle <emphasis>S</emphasis>heets.</para>
|
|
|
|
<para>&kde; kan van zijn eigen stijlblad gebruik maken, dat gebaseerd is op eenvoudige standaardwaarden en het kleurenschema dat u voor uw bureablad gebruikt. &kde; kan ook een door u geschreven stijlblad gebruiken. Tevens kunt u een stijlblad opgeven in deze module. De opties die in deze module worden gepresenteerd zijn aangepast voor toegankelijkheidsdoelen, specifiek voor mensen met een verminderd gezichtsvermogen.</para>
|
|
|
|
<para>Uw keuzes hier hebben effect in elke &kde;-toepassing die HTML met &kde;'s eigen weergavemodule,tdehtml, weergeeft. Dit omvat o.a. &kmail;, &khelpcenter; en natuurlijk &konqueror;. Uw keuzes hier hebben geen invloed op andere browsers zoals &Netscape;.</para>
|
|
|
|
<para>De module heeft 2 tabbladen, <guilabel>Algemeen</guilabel>, waar u het te gebruiken stijlblad kunt kiezen, en <guilabel>Aangepast</guilabel>, waar u een toegankelijkheids-stijlblad kunt ontwerpen.</para>
|
|
|
|
</sect2>
|
|
|
|
<sect2 id="css-general">
|
|
<title>Algemeen</title>
|
|
|
|
<para>Deze pagina bevat de volgende opties:</para>
|
|
|
|
<variablelist>
|
|
<varlistentry>
|
|
<term><guilabel>Standaard stijlblad gebruiken</guilabel></term>
|
|
<listitem>
|
|
<para>&kde; gebruikt het standaard stijlblad. Sommige kleuren zullen standaard op de kleur staan die u heeft aangegeven in uw gekozen kleurenschema. De meeste instellingen kunnen overschreden worden door de pagina die u bekijkt.</para>
|
|
</listitem>
|
|
</varlistentry>
|
|
|
|
<varlistentry>
|
|
<term><guilabel>Gebruikergedefinieerd stijlblad gebruiken</guilabel></term>
|
|
<listitem>
|
|
<para>&kde; gebruikt een door u geschreven stijlblad. U kunt de knop "Bladeren" gebruiken om het stijlblad op te zoeken. <acronym>CSS</acronym>-bestanden hebben traditioneel een extensie <literal role="extension">.css</literal>, maar dit is niet vereist.</para>
|
|
</listitem>
|
|
</varlistentry>
|
|
|
|
<varlistentry>
|
|
<term><guilabel>Toegankelijkheidsstijlblad onder tabblad "Aangepast" gebruiken</guilabel></term>
|
|
<listitem>
|
|
<para>Gebruik de instellingen zoals gedefinieerd op het tabblad <guilabel>Aangepast</guilabel>. Deze optie activeert de opties op het tabblad <guilabel>Aangepast</guilabel>.</para>
|
|
</listitem>
|
|
</varlistentry>
|
|
</variablelist>
|
|
|
|
</sect2>
|
|
|
|
<sect2 id="css-customize">
|
|
<title>Aanpassen</title>
|
|
|
|
<para>Hier kunt u een gebruikergedefinieerd stijlblad instellen. De beschikbare opties zijn maar een deel van de opties die u in een stijlblad kunt toepassen en ze zijn gericht op mensen met een verminderd gezichtsvermogen, om gebruikers een stijlblad te kunnen laten maken dat webpagina's en de &kde; helpbestanden leesbaarder maakt.</para>
|
|
|
|
<para>De opties op dit tabblad zijn gedeactiveerd totdat u <guilabel>Toegankelijkheidsstijlblad onder tabblad "Aangepast" gebruiken</guilabel> hebt geactiveerd op het vorige tabblad.</para>
|
|
|
|
<sect3>
|
|
<title><guilabel>Lettertypefamilie</guilabel></title>
|
|
|
|
<variablelist>
|
|
<varlistentry>
|
|
<term><guilabel>Basisfamilie</guilabel></term>
|
|
<listitem>
|
|
<para>Kies een lettertype om voor de hoofdtekst te gebruiken.</para>
|
|
</listitem>
|
|
</varlistentry>
|
|
|
|
<varlistentry>
|
|
<term><guilabel>Dezelfde familie voor alle tekst gebruiken</guilabel></term>
|
|
<listitem>
|
|
<para>Als u dit activeert, wordt dezelfde lettertypefamilie gebruikt voor alle tekst, ongeacht de instellingen op de pagina die u bekijkt. Dit is handig voor pagina's die een decoratief of slecht leesbaar lettertype voor kopteksten gebruiken.</para>
|
|
</listitem>
|
|
</varlistentry>
|
|
</variablelist>
|
|
</sect3>
|
|
|
|
<sect3>
|
|
<title>Lettergrootte</title>
|
|
|
|
<variablelist>
|
|
<varlistentry>
|
|
<term><guilabel>Grootte van basislettertype</guilabel></term>
|
|
<listitem>
|
|
<para>Dit is de standaardgrootte voor tekst op een pagina. De meeste sites stellen hun lettertype relatief ten opzichte van deze standaard in door gebruik te maken van <quote>larger</quote> of <quote>+1</quote> om tekst groter te maken en <quote>smaller</quote> of <quote>-1</quote> om tekst kleiner te maken.</para>
|
|
<para>Veel mensen ontwerpen hun webpagina's op platforms waar de gewone standaard tekstgrootte te groot is voor de gemiddelde gebruiker, dus u kunt vaak webpagina's tegenkomen die de lettergrootte op deze manier kleiner hebben geforceerd.</para>
|
|
<para>Deze instelling geeft u de mogelijkheid om het standaard lettertype op een confortabele grootte in te stellen zodat de relatieve groottes genoeg vergroot worden om comfortabel te zijn.</para>
|
|
<para>Vergeet niet dat u &konqueror; ook een minimale grootte kunt laten forceren zodat tekst <emphasis>nooit</emphasis> te klein is om te lezen. U kunt dat instellen onder Webbrowsen in de sectie Webbrowser in &kcontrol;.</para>
|
|
</listitem>
|
|
</varlistentry>
|
|
|
|
<varlistentry>
|
|
<term><guilabel>Dezelfde grootte gebruiken voor alle elementen</guilabel></term>
|
|
<listitem>
|
|
<para>Als u deze optie activeert dan zal alle tekst worden gerenderd met de door u opgegeven lettergrootte ongeacht de instructies op de webpagina. Relatieve lettergroottes zoals eerder besproken, en zelfs instructies om tekst op een specifieke grootte weer te geven, worden genegeerd.</para>
|
|
</listitem>
|
|
</varlistentry>
|
|
</variablelist>
|
|
</sect3>
|
|
|
|
<sect3>
|
|
<title>Kleuren</title>
|
|
|
|
<variablelist>
|
|
<varlistentry>
|
|
<term><guilabel>Zwart op wit</guilabel></term>
|
|
<listitem>
|
|
<para>Veel mensen met een verminderd gezichtsvermogen vinden zwarte tekst op een witte achtergrond het beste contrast geven en het makkelijkst te lezen. Als dit op u van toepassing is, kunt u dat hier instellen.</para>
|
|
</listitem>
|
|
</varlistentry>
|
|
|
|
<varlistentry>
|
|
<term><guilabel>Wit op zwart</guilabel></term>
|
|
<listitem>
|
|
<para>Veel andere mensen met een verminderd gezichtsvermogen vinden het tegenovergestelde waar, dus dat witte tekst op een zwart scherm gemakkelijker te lezen is.</para>
|
|
</listitem>
|
|
</varlistentry>
|
|
|
|
<varlistentry>
|
|
<term><guilabel>Aangepast</guilabel></term>
|
|
<listitem>
|
|
<para>Weer andere mensen vinden dat puur zwart en wit in welke volgorde dan ook moelijk is om te lezen. U kunt dan aangepaste kleuren definieren voor zowel de <guilabel>Achtergrond</guilabel> als de <guilabel>Voorgrond</guilabel>.</para>
|
|
</listitem>
|
|
</varlistentry>
|
|
|
|
<varlistentry>
|
|
<term><guilabel>Dezelfde kleur voor alle tekst gebruiken</guilabel></term>
|
|
<listitem>
|
|
<para>Veel websites gebruiken een andere, vaak constrasterende kleur voor de koppen of andere tierelantijntjes. Als u hierdoor de inhoud moeilijk kunt lezen, kunt u dit keuzevakje inschakelen om &kde; voor alle tekst de kleuren te laten gebruiken die u boven heeft ingesteld.</para>
|
|
</listitem>
|
|
</varlistentry>
|
|
</variablelist>
|
|
|
|
</sect3>
|
|
|
|
<sect3>
|
|
<title>Afbeeldingen</title>
|
|
|
|
<variablelist>
|
|
<varlistentry>
|
|
<term><guilabel>Afbeeldingen onderdrukken</guilabel></term>
|
|
<listitem>
|
|
<para>Als u geen afbeeldingen wilt zien, kunt u dat hier uitzetten.</para></listitem>
|
|
</varlistentry>
|
|
|
|
<varlistentry>
|
|
<term><guilabel>Achtergrondafbeeldingen onderdrukken</guilabel></term>
|
|
<listitem>
|
|
<para>Een groot probleem voor gebruikers met een verminderd gezichtsvermogen is dat achtergrondafbeeldingen niet genoeg contrast geven om de tekst te lezen. U kunt achtergrond afbeeldingen hier uitschakelen, onafhankelijk van uw keuze om alle normale afbeeldingen te zien.</para>
|
|
</listitem>
|
|
</varlistentry>
|
|
</variablelist>
|
|
|
|
</sect3>
|
|
|
|
<sect3>
|
|
<title>Voorbeeld</title>
|
|
|
|
<para>De knop <guibutton>Voorbeeld</guibutton> geeft u de mogelijkheid om het effect te zien van uw wijzigingen. Er verschijnt een venster dat u verschillende typen koptekst toont in uw stijlblad, en een zin in de standaard hoofdtekst.</para>
|
|
|
|
<para>Hiermee kunt u uw stijlblad fijnafstemmen totdat u iets hebt dat u comfortabel kunt lezen.</para>
|
|
|
|
<para>Veel surfplezier!</para>
|
|
|
|
</sect3>
|
|
|
|
</sect2>
|
|
|
|
</sect1>
|
|
|
|
</article>
|