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

<article lang="&language;">
<articleinfo>

<authorgroup>
<author
>&Lauri.Watts; &Lauri.Watts.mail;</author>
<othercredit role="translator"
><firstname
>Юрій</firstname
><surname
>Чорноіван</surname
><affiliation
><address
><email
>yurchor@ukr.net</email
></address
></affiliation
><contrib
>Переклад українською</contrib
></othercredit
> 
</authorgroup>

<date
>2003-10-12</date>
<releaseinfo
>3.2</releaseinfo>

<keywordset>
<keyword
>KDE</keyword>
<keyword
>CSS</keyword>
<keyword
>Таблиці стилів</keyword>
<keyword
>Доступність</keyword>
</keywordset>

</articleinfo>

<sect1 id="stylesheets">

<title
>Таблиці стилів</title>

<sect2>
<title
>Вступ</title>

<para
>Таблиці стилів <acronym
>CSS</acronym
> визначають спосіб, у який буде показано веб-сторінки. Абревіатура <acronym
>CSS</acronym
> є скороченням від <emphasis
>C</emphasis
>ascading <emphasis
>S</emphasis
>tyle <emphasis
>S</emphasis
>heets (вкладені таблиці стилів).</para>

<para
>&kde; може використовувати власну таблицю стилів, засновану на простих типових значеннях і схемі кольорів, яку ви використовуєте на стільниці. &kde; також може використовувати створену вами власноруч таблицю стилів. Нарешті, ви можете вказати таблицю стилів за допомогою цього модуля. Параметри цього модуля спрямовано на покращення доступності, особливо для людей з обмеженими зоровими можливостями.</para>

<para
>Вибрані вами за допомогою цього модуля параметри вплинуть на всі програми &kde;, у яких HTML буде показано за допомогою власного рушія показу &kde;, який має назву khtml. Серед цих програм &kmail;, &khelpcenter; і, звичайно ж, &konqueror;. Обрані параметри не вплинуть на показ сторінок у інших переглядачах, на зразок &Netscape;.</para>

<para
>Модуль поділено на дві сторінки: <guilabel
>Загальне</guilabel
>, де ви можете обрати таблицю стилів, яку буде використано, і <guilabel
>Налаштувати</guilabel
>, де ви зможете створити власну таблицю стилів доступності.</para>

</sect2>

<sect2 id="css-general">
<title
>Загальне</title>

<para
>На цій сторінці ви побачите такі пункти:</para>

<variablelist>
<varlistentry>
<term
><guilabel
>Використовувати типову таблицю стилів</guilabel
></term>
<listitem>
<para
>&kde; буде використовувати типову таблицю стилів. Деякі з кольорів буде замінено на типові для обраної вами схеми кольорів. Більшість параметрів може бути легко перевизначено сторінкою, яку ви переглядаєте.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Використовувати таблицю стилів користувача</guilabel
></term>
<listitem>
<para
>&kde; використовуватиме написану вами таблицю стилів. Для того, щоб вказати розташування файла таблиці стилів, ви можете скористатися кнопкою «Навігація». Файли <acronym
>CSS</acronym
> традиційно мають суфікс <literal role="extension"
>.css</literal
>, але його використання не є обов’язковим.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Використовувати таблицю стилів доступності</guilabel
></term>
<listitem>
<para
>Використовувати параметри, визначені на вкладці <guilabel
>Налаштувати</guilabel
>. Позначення цього пункту увімкне можливість зміни параметрів на сторінці <guilabel
>Налаштувати</guilabel
>.</para>
</listitem>
</varlistentry>
</variablelist>

</sect2>

<sect2 id="css-customize">
<title
>Налаштувати</title>

<para
>Тут ви можете встановити таблицю стилів користувача. Серед доступних пунктів лише частина з інструкцій, які ви можете додати у таблицю стилів, їх призначено для допомоги людям з зоровими обмеженнями, вони надають змогу користувачам створювати таблиці стилів, які зроблять веб-сторінки і файли довідки &kde; придатнішими для читання.</para>

<para
>Пункти на цій сторінці буде вимкнено, якщо ви не позначите варіант <guilabel
>Використовувати таблицю стилів доступності</guilabel
> на попередній сторінці.</para>

<sect3>
<title
><guilabel
>Гарнітура шрифту</guilabel
></title>

<variablelist>
<varlistentry>
<term
><guilabel
>Основна гарнітура</guilabel
></term>
<listitem>
<para
>Тут можна обрати гарнітуру шрифту, яку буде використано для основного тексту.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Використовувати однакову гарнітуру для всього тексту</guilabel
></term>
<listitem>
<para
>Якщо ви позначите цей пункт, для всіх текстових частин буде використано однакову гарнітуру шрифту, незалежно від параметрів сторінки, яку ви переглядаєте. Цей параметр корисний для сторінок, на яких використано для заголовків декоративний шрифт або шрифт, який важко читати.</para>
</listitem>
</varlistentry>
</variablelist>
</sect3>

<sect3>
<title
>Розмір шрифту</title>

<variablelist>
<varlistentry>
<term
><guilabel
>Основний розмір шрифту</guilabel
></term>
<listitem>
<para
>Це типовий розмір символів тексту на сторінці. Значна кількість веб-сайтів встановлюють власні розміри шрифтів відносно цього типового значення, за допомогою теґів <quote
>larger</quote
> або <quote
>+1</quote
>, які роблять шрифт тексту більшим, і теґів <quote
>smaller</quote
> або <quote
>-1</quote
>, які роблять шрифт тексту меншим.</para>
<para
>Значна кількість розробників створюють веб-сторінки на платформах, де звичайний розмір шрифту тексту буде завеликим для типового користувача, отже можна натрапити на веб-сторінки, де таким чином шрифт робиться меншим.</para>
<para
>За допомогою цього параметра ви можете встановити комфортний розмір типового шрифту, так, щоб відносні розміри також було збільшено до комфортного розміру.</para>
<para
>Не забувайте, що ви також можете примусово вказати у &konqueror; мінімальний розмір, щоб розмір шрифту тексту <emphasis
>ніколи</emphasis
> не ставав замалим для читання. Встановити цей параметр можна на сторінці «Поведінка» розділу «Навігатор» Центру керування.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Використовувати однаковий розмір для всіх елементів</guilabel
></term>
<listitem>
<para
>Якщо ви позначите цей пункт, весь текст на сторінках буде показано шрифтом вказаного вами розміру, незалежно від інструкцій, які містяться на сторінці. Ми вже обговорювали відносні розміри шрифтів, за допомогою цього пункту можна перевизначити навіть окремі інструкції щодо того, що текст слід показувати шрифтом певного розміру.</para>
</listitem>
</varlistentry>
</variablelist>
</sect3>

<sect3>
<title
>Кольори</title>

<variablelist>
<varlistentry>
<term
><guilabel
>Чорний на білому</guilabel
></term>
<listitem>
<para
>Значна кількість людей з обмеженими можливостями зору вважає, що чорний текст на білому екрані є найбільш контрастним, його найпростіше прочитати. Якщо ви погоджуєтеся з цією думкою, тут ви можете встановити такий спосіб показу.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Білий на чорному</guilabel
></term>
<listitem>
<para
>Значна кількість людей з обмеженими можливостями зору має протилежну думку: вони вважають, що білий текст на чорному екрані прочитати найпростіше.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Нетиповий</guilabel
></term>
<listitem>
<para
>Існує і інша група людей, які вважають, що комбінація білого і чорного кольору, за будь-якого порядку, недостатньо спрощує читання. Тут ви можете встановити нетипові кольори для <guilabel
>Тла</guilabel
> і <guilabel
>Тексту</guilabel
>.</para>
</listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Використовувати однаковий колір для всього тексту</guilabel
></term>
<listitem>
<para
>На багатьох веб-сайтах використано різні, часто контрастні кольори для заголовків і інших прикрас. Якщо це заважає вам читати вміст сторінки, ви можете позначити цей пункт, щоб &kde; використовувало кольори, які ви визначили вище, для всього тексту.</para>
</listitem>
</varlistentry>
</variablelist>

</sect3>

<sect3>
<title
>Зображення</title>

<variablelist>
<varlistentry>
<term
><guilabel
>Блокувати зображення</guilabel
></term>
<listitem>
<para
>Якщо ви не бажаєте переглядати зображення, тут ви можете вимкнути їх показ.</para
></listitem>
</varlistentry>

<varlistentry>
<term
><guilabel
>Блокувати зображення тла</guilabel
></term>
<listitem>
<para
>Однією з основних проблем для людей з вадами зору є те, що зображення тла недостатньо контрастні для того, щоб можна було розібрати текст, який написано над ними. Тут ви можете вимкнути зображення тла, незалежно від того, чи обрали ви вище показ всіх зображень.</para>
</listitem>
</varlistentry>
</variablelist>

</sect3>

<sect3>
<title
>Перегляд</title>

<para
>За допомогою кнопки <guibutton
>Перегляд</guibutton
> ви зможете спостерігати за результатами застосування вказаних вами параметрів. Натискання цієї кнопки призведе до відкриття контекстного вікна, у якому буде показано вигляд декількох типів заголовків і речення у типовому тексті за умови застосування вашої таблиці стилів.</para>

<para
>За допомогою перегляду ви зможете створити таку таблицю стилів, за допомогою якої зможете комфортно читати вміст потрібних сторінок.</para>

<para
>Приємного перегляду!</para>

</sect3>

</sect2>

</sect1>

</article>
