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