<!-- <?xml version="1.0" ?>
<!DOCTYPE chapter PUBLIC "-//KDE//DTD DocBook XML V4.2-Based Variant V1.1//EN" "dtd/kdex.dtd">
          
To edit or validate this document separately, uncomment this prolog
Be sure to comment it out again when you are done -->
   
<chapter id="tutorial">
<chapterinfo>
<authorgroup>
<author
><firstname
>Neil</firstname
> <surname
>Lucock</surname
> <affiliation
> <address
><email
>neil@nlucock.freeserve.co.uk</email
></address>
</affiliation>
</author>
<author
><firstname
>Krishna</firstname
> <surname
>Tateneni</surname
> <affiliation
> <address
><email
>tateneni@pluto.njcc.com</email
></address>
</affiliation>
</author>
<author
><firstname
>Anne-Marie</firstname
> <surname
>Mahfouf</surname
> <affiliation
> <address
><email
>annemarie.mahfouf@free.fr</email
></address>
</affiliation>
</author>
<othercredit role="translator"
><firstname
>Юрій</firstname
><surname
>Чорноіван</surname
><affiliation
><address
><email
>yurchor@ukr.net</email
></address
></affiliation
><contrib
>Переклад українською</contrib
></othercredit
> 
</authorgroup>
</chapterinfo>
<title
>Покроковий навчальний посібник</title>

<para
>У цій главі ми познайомимося з &kpresenter; за допомогою простих настанов. Ми виконаємо найпростіші кроки з створення презентації і додавання певних базових ефектів. </para>

<sect1 id="start-new">
<title
>Створення нового документа</title>

<para
>Після запуску &kpresenter; ви побачите звичайне вступне діалогове вікно &koffice;. </para>

<screenshot>
<screeninfo
>Початкове діалогове вікно <guilabel
>&koffice;</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tut01.png" format="PNG"/></imageobject>
<textobject
><phrase
>Початкове діалогове вікно &koffice;</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Оберіть пункт <guilabel
>Екран</guilabel
> на панелі, розташованій ліворуч, а потім оберіть шаблон з назвою <guilabel
>Заголовок</guilabel
> (його підсвічено синім на знімку вікна, наведеному вище) натисканням відповідної позначки. Ви можете позначити пункт <guilabel
>Завжди використовувати цей шаблон</guilabel
>, щоб зробити цей шаблон типовим. </para>

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

<screenshot>
<screeninfo
>Редактор слайдів</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut02.png" format="PNG"/></imageobject>
<textobject
><phrase
>Редактор слайдів</phrase
></textobject>
</mediaobject>
</screenshot>

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

<screenshot>
<screeninfo
>Курсор додавання тексту</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut03.png" format="PNG"/>
</imageobject>
<textobject
><phrase
>Курсор додавання тексту</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Ну, давайте, введіть якийсь текст! </para>

<screenshot>
<screeninfo
>Додавання тексту</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tut04.png" format="PNG"/></imageobject>
<textobject
><phrase
>Додавання тексту</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Наведіть вказівник миші на точку, розташовану за межами поля тексту після завершення введення. </para>

</sect1>

<sect1 id="insert-page">
<title
>Додавання нової сторінки</title>

<para
>Давайте додамо новий слайд до нашого документа. Щоб зробити це, слід відкрити меню <guimenu
>Вставка</guimenu
> і обрати у ньому пункт <guimenuitem
>Слайд...</guimenuitem
>. </para>

<screenshot>
<screeninfo
>Вставка слайда за допомогою меню</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tut05.png" format="PNG"/></imageobject>
<textobject
><phrase
>Вставка слайда за допомогою меню</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Ця дія відкриє діалогове вікно <guilabel
>Вставити слайд</guilabel
>. </para>

<screenshot>
<screeninfo
>Діалогове вікно <guilabel
>Вставити слайд</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tut06.png" format="PNG"/></imageobject>
<textobject
><phrase
>Діалогове вікно <guilabel
>Вставити слайд</guilabel
></phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Позначте пункт <guilabel
>Вибрати інший шаблон</guilabel
> і натисніть кнопку <guibutton
>Гаразд</guibutton
>, щоб додати нову сторінку після сторінки 1. </para>

<para
>Діалогове вікно запуску побудовано таким чином, щоб ви могли за його допомогою обрати вигляд нового слайда. Цього разу оберіть <guilabel
>Екран</guilabel
> ліворуч, а потім наведіть вказівник на пункт шаблону <guilabel
>Один стовпчик</guilabel
> (підсвічено синім) і двічі клацніть лівою кнопкою миші. </para>

<screenshot>
<screeninfo
>Вибір шаблону для нової сторінки</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut07.png" format="PNG"/></imageobject>
<textobject
><phrase
>Вибір шаблону для нової сторінки</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>У вікні редагування з’явиться новий слайд. Якщо ви забажаєте перейти до редагування іншої сторінки вашої презентації, ви можете обрати слайд за допомогою панелі, розташованої ліворуч (на знімку вікна підсвічено синім). </para>

<screenshot>
<screeninfo
>Список слайдів</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut08.png" format="PNG"/></imageobject>
<textobject
><phrase
>Список слайдів</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>У щойно доданому слайді є два текстових поля. Одне з них призначено для заголовка, а у іншому міститься список елементів з позначками. </para>

<screenshot>
<screeninfo
>Новий слайд</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut09.png" format="PNG"/></imageobject>
<textobject
><phrase
>Новий слайд</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Наведіть вказівник на поле заголовка, двічі клацніть лівою кнопкою миші і введіть відповідний текст. Потім наведіть вказівник на інше текстове поле з позначкою і двічі клацніть лівою кнопкою миші. Введіть якийсь текст, а потім завершіть абзац натисканням клавіші <keycap
>Enter</keycap
> або <keycap
>Return</keycap
>. Введенням кожного нового абзацу супроводжуватиметься додаванням позначки перед його текстом. </para>

<screenshot>
<screeninfo
>Додавання тексту на новий слайд</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut10.png" format="PNG"/></imageobject>
<textobject
><phrase
>Додавання тексту на новий слайд</phrase
></textobject>
</mediaobject>
</screenshot>

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

</sect1>

<sect1 id="insert-pic">
<title
>Додавання зображення</title>

<para
>Тепер повернімося до першого зі слайдів. Для цього скористайтеся списком слайдів, розташованим у лівій частині вікна програми. </para>

<para
>У цьому розділі ми дещо покращимо нашу презентацію додаванням красивого логотипа на титульну сторінку. Щоб виконати цю дію, натисніть позначку меню <guimenu
>Вставка</guimenu
> і оберіть пункт <guimenuitem
>Картинка</guimenuitem
>. </para>

<screenshot>
<screeninfo
>Додавання зображення за допомогою меню</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut11.png" format="PNG"/></imageobject>
<textobject
><phrase
>Додавання зображення за допомогою меню</phrase
></textobject>
</mediaobject>
</screenshot>

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

<para
>Знайдіть файл з назвою <filename
>koffice-logo.png</filename
>, який може зберігатися і у теці, відмінній від показаної на наведеному нижче знімку екрана. Крім того, ви можете обрати будь-який інший графічний файл! Отже, позначте цей файл і натисніть кнопку <guibutton
>Гаразд</guibutton
>. </para>

<screenshot>
<screeninfo
>Вибір зображення для додавання</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut12.png" format="PNG"/></imageobject>
<textobject
><phrase
>Вибір зображення для додавання</phrase
></textobject>
</mediaobject>
</screenshot>

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

<screenshot>
<screeninfo
>Тільки-но додане зображення</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut13.png" format="PNG"/></imageobject>
<textobject
><phrase
>Тільки-но додане зображення</phrase
></textobject>
</mediaobject>
</screenshot>

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

<screenshot>
<screeninfo
>Перетягування і зміна розмірів зображення</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut14.png" format="PNG"/></imageobject>
<textobject
><phrase
>Перетягування і зміна розмірів зображення</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Ну, от і все. Тепер на вашій титульній сторінці є зображення. </para>

</sect1>

<sect1 id="insert-object">
<title
>Додавання об’єкта &koffice;</title>
<para
>Тепер давайте вставимо інший об’єкт &koffice;, наприклад, діаграму під картинкою.</para>

<para
>Всі підтримувані &koffice; документи можна вбудовувати до слайдів &kpresenter;. Оберемо діаграму з &kchart;. Щоб зробити це, спочатку натисніть позначку меню <guimenu
>Вставка</guimenu
>, а потім оберіть пункт <guisubmenu
>Об’єкт</guisubmenu
>. </para>

<screenshot>
<screeninfo
>Меню «Вставити об’єкт»</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut24.png" format="PNG"/></imageobject>
<textobject
><phrase
>Меню «Вставити об’єкт»</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>З’явиться список можливих компонентів &koffice;. Оберіть у списку пункт <guilabel
>Діаграма</guilabel
>, а потім окресліть за допомогою вказівника миші область, у якій буде розташовано вашу діаграму на слайді &kpresenter;. </para>

<screenshot>
<screeninfo
>Вибір ділянки, куди буде додано діаграму</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut25.png" format="PNG"/></imageobject>
<textobject
><phrase
>Вибір ділянки, куди буде додано діаграму</phrase
></textobject>
</mediaobject>
</screenshot>

<!--TODO check if the Open Document dialog should appear when the chart is
created and not a blank chart-->

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

<screenshot>
<screeninfo
>Вбудовані меню і панелі інструментів &kchart;</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut26.png" format="PNG"/></imageobject>
<textobject
><phrase
>Вбудовані меню і панелі інструментів &kchart;</phrase
></textobject>
</mediaobject>
</screenshot>

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

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

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

</sect1>

<sect1 id="addshadow">
<title
>Додавання тіні до тексту заголовка</title>

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

<para
>Оберіть у контекстному меню пункт <guimenuitem
>Відтінити об’єкти...</guimenuitem
>. </para>

<screenshot>
<screeninfo
>Контекстне меню</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut15.png" format="PNG"/></imageobject>
<textobject
><phrase
>Контекстне меню</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Програма відкриє діалогове вікно <guilabel
>Тінь</guilabel
>. За типових налаштувань відстань між тінню і текстом буде рівною 0, отже тінь неможливо буде побачити (відповідну частину діалогового вікна підкреслено червоною рискою). </para>

<screenshot>
<screeninfo
>Діалогове вікно <guilabel
>Тінь</guilabel
></screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut16.png" format="PNG"/></imageobject>
<textobject
><phrase
>Діалогове вікно <guilabel
>Тінь</guilabel
></phrase
></textobject>
</mediaobject>
</screenshot>

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

<screenshot>
<screeninfo
>Додавання тіні до заголовка</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut17.png" format="PNG"/></imageobject>
<textobject
><phrase
>Додавання тіні до заголовка</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Тепер у тексту заголовка з’явилася тінь! </para>

<screenshot>
<screeninfo
>Новий заголовок з тінню</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut18.png" format="PNG"/></imageobject>
<textobject
><phrase
>Новий заголовок з тінню</phrase
></textobject>
</mediaobject>
</screenshot>

</sect1>

<sect1 id="textcolor">
<title
>Зміна кольору тексту заголовка</title>

<para
>Нарешті, давайте змінимо колір тексту заголовка з чорного на синій. Щоб зробити це, оберіть текст заголовка подвійним клацанням лівою кнопкою після наведення вказівника на текстове поле з наступним виділенням всього текстового рядка. </para>

<para
>Відкрийте діалогове вікно <guilabel
>Виберіть колір</guilabel
> натисканням піктограми, на якій зображено <guiicon
>темно-синє A</guiicon
>, розташованої у правій частині панелі інструментів <guilabel
>Текст</guilabel
> (відповідна піктограма має підпис «Колір...») або відкрийте меню <guimenu
>Текст</guimenu
> і натисніть у ньому пункт <guimenuitem
>Колір...</guimenuitem
>. У діалоговому вікні змініть колір на синій.</para>

<screenshot>
<screeninfo
>Палітра кольорів</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut19.png" format="PNG"/></imageobject>
<textobject
><phrase
>Палітра кольорів</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Натисніть кнопку <guibutton
>Гаразд</guibutton
> у діалоговому вікні <guilabel
>Змініть колір</guilabel
>. Зміна кольору виділеного тексту на синій змінить його вигляд. Точний колір підсвіченого тексту залежатиме від схеми кольорів вашої системи. </para>

<screenshot>
<screeninfo
>Підсвічений текст</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut20.png" format="PNG"/></imageobject>
<textobject
><phrase
>Підсвічений текст</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Тепер виведіть вказівник миші за межі тексту і клацніть лівою кнопкою миші, щоб зняти позначку вибору з тексту. </para>

<screenshot>
<screeninfo
>Заголовок у завершеній формі</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut21.png" format="PNG"/></imageobject>
<textobject
><phrase
>Заголовок у завершеній формі</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Тепер, коли у нас є два слайди, чому б не влаштувати показ слайдів? Щоб розпочати показ слайдів, натисніть кнопку <guiicon
>пуск</guiicon
> (подвійна синя стрілка) на панелі інструментів <guilabel
>Показ слайдів</guilabel
>. Після цього на екрані з’явиться перший слайд. </para>

<screenshot>
<screeninfo
>Перший слайд</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut22.png" format="PNG"/></imageobject>
<textobject
><phrase
>Перший слайд</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Щоб  перейти від першого слайда до наступного, просто клацніть лівою кнопкою миші у довільному місці екрана або натисніть клавішу <keycap
>Page Down</keycap
>. </para>

<screenshot>
<screeninfo
>Другий слайд</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut23.png" format="PNG"/></imageobject>
<textobject
><phrase
>Другий слайд</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Щоб припинити показ слайдів, клацніть <mousebutton
>правою</mousebutton
> кнопкою миші, а потім оберіть пункт <guimenuitem
>Кінець</guimenuitem
> у контекстному меню. </para>

</sect1>

</chapter>
