<?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>