Оформлення файлу Звіт_Група_Прізвище.

Титульна сторінка
Сторінка ЗМІСТ

Розділ 1. Офісні програми: електронні документи та основи офісного

програмування.
Тема 1.1. Автоматизована обробка ділових документів. Текстові процесори.
Автоматизоване введення текстової інформації.
Завдання 1. (файл Ms Word)
Тема 1.2. Створення комп’ютерних публікацій.
Завдання 1. (файл Ms Publisher – буклет «Що таке комп’ютерна
інженерія»)
Завдання 2. (файл Ms Publisher – плакат «Електронна валюта біткоїн –
золота лихоманка ХХІ століття»)
Тема 1.3. Засоби обробки табличної інформації.
Завдання 1. (файл Ms Excel – Обчислення. Графіка)
Завдання 2. (файл Ms Excel – База)
Тема 1.4. Основи офісного програмування
Завдання 1. (Файл Лаб1_1.doc з формою Userform.)
Завдання 2. (Файл Лаб1_2.doc з формою First_frm.)
Завдання 3. (Файл Лаб1_3.doc з формою First_1_frm.)
Тема 1.5. OLE-технології.
Завдання 1. (файл Ms Word – OLE-технології)
Розділ 2. Електронний офіс, хмарні сервіси та технології.
Тема 2.1. Спільне використання електронних документів та пристроїв.
Завдання 1. Спільна робота з документами.
Розділ 3. Комп’ютерна графіка. Системи опрацювання графічних даних.
Тема 3.1. Створення і редагування графічних зображень за допомогою
графічних редакторів.
Завдання 1. (файл Adobe Photoshop – Іконка папки з документами)
Розділ 4. Проектування Web-сайтів.
Тема 4.1. Проектування Web-сайтів.

Література

До списку літератури входять адреси сайтів, якими Ви користувалися при виконанні

завдань навчальної практики.
Створити гіперпосилання на файли завдань, що знаходяться у папці
«Практика_Група_Прізвище».
Сторінки тем містять покроковий опис виконання завдань. Обов’язково
використовувати «скріншоти».
ТЕМА 1.1. АВТОМАТИЗОВАНА ОБРОБКА ДІЛОВИХ ДОКУМЕНТІВ.
ТЕКСТОВІ ПРОЦЕСОРИ. АВТОМАТИЗОВАНЕ ВВЕДЕННЯ
ТЕКСТОВОЇ ІНФОРМАЦІЇ.

Завдання. Автоматизована обробка ділових документів. Текстові процесори.

Автоматизоване введення текстової інформації.

1. Застосування прямого форматування. (Описати процес форматування

тексту: шрифти, абзаци, міжрядковий інтервал, границі та заливка, списки,
колонки).
2. Застосування стильового форматування. Автоматизація змісту.
(Описати процес стильового форматування тексту: використання стилів
до заголовків розділів, підрозділів, пунктів підрозділів; створення
автоматизованого змісту, перехресних посилань).
3. Робота з документом складної структури. Схема документа. (Описати
використання засобу Схема документа для роботи з документом).
4. Використані матеріали. (Описати, з яких сайтів в мережі Інтернет
взята інформація, яка розміщена вашому документі).

РЕКОМЕНДАЦІЇ ЩОДО ВИКОНАННЯ

1. Викачати інформацію з мережі Інтернет згідно варіанту, розмістити
її у файл текстового процесора Word.
2. Розбити інформацію на 3-4 розділи, кожен розділ – на 3-4 підрозділи.
Кожен розділ – з нового листа (Вставка – Разрыв – Начать новую
страницу). Сторінки пронумерувати.

3. Відформатувати документ (пряме форматування). Застосувати

наступні параметри: шрифт Georgia– 12, міжрядковий інтервал – 1,3; поля:
верхнє, нижнє, праве – 1,5, ліве – 2,7. Основний текст – вирівнювання по
ширині. Додати довільні малюнки в документ.
4. Оформити титульний лист документа, на якому розмістити номер
варіанту, назву, ким виконана робота, малюнок до теми, рамку на всю
сторінку.
 5. У документі передбачити список літератури до теми (можна –
джерела Інтернету) не менше 10. Список зробити автоматично (Формат –
Список – Нумерованнный). Список літератури розмістити на новому листі.
6. У тексті документу зробити перехресні посилання на використані
джерела (для автоматизованого переходу до списку джерел). Перехресні
посилання можна створювати тільки на елементи того ж самого
документа (наприклад, на використані джерела, розміщені в
автоматизованому списку). Посилання на літературу у тексті
здійснюється за допомогою квадратних дужок: [ ] Перехресне посилання
створюється так: Вставка – Ссылка – Перекрестная ссылка

У вікні Перекрестные ссылки вибрати потрібну літературу і

натиснути Вставить
Після цього Word автоматично змінить посилання на правильний
номер у списку літератури.
7. Додати верхній колонтитул наступного змісту «Розробка документів
складної структури», у нижній колонтитул додати довільний малюнок,
знайдений в Інтернеті за ключовим словом для пошуку «Вензель»
 8. Створити автоматизований зміст документу. Зміст документа – це
список заголовків зазначених рівнів з відповідними номерами сторінок.
Спочатку слід застосувати стильове форматування: встановити курсор на
заголовок розділу і вибрати Формат – Стили и форматирование

Далі в області задач Стили и форматирование вибрати Заголовок 1 для

назв розділів, і Заголовок 2 – для назв підрозділів.
Після застосування стильового форматування до усіх заголовків
розділів, підрозділів, пунктів установіть курсор перед словом ВСТУП (якщо
він є у документі) або перед словом Розділ 1, і виберіть Вставка – Ссылка –
Оглавление и указатели – вкладка Оглавление.

Встановити потрібну кількість рівнів (наявних у документі розділів,

підрозділів і т.п.) і натиснути ОК.
 Таким чином буде створено автоматизований зміст із автоматичним
виставленням сторінок. Доцільно розмістити цей зміст на окремій сторінці,
застосувавши до нього пряме форматування.
 9. Схема документа. Схема документа – це окрема область, в якій
відображається список заголовків документа. Схема документа дає змогу
швидко переміщатися по документа та відстежувати поточне розташування в
ньому. Під час вибирання заголовка в області схеми документа Microsoft
Word переходить до відповідного заголовка в документі, відображає його у
верхній частині екрана і виділяє заголовок в області схеми документа. Для
схеми документа можна вибрати ступінь деталізації, наприклад, вибрати
режим відображення всіх заголовків або лише заголовків верхнього рівня,
або відображати або приховувати додаткові відомості для певних заголовків.
Крім того, можна установлювати шрифт і розмір заголовків у схемі
документа, а також змінювати колір виділення активного заголовка.
Засіб схема документа включається кнопкою панелі інструментів
Стандартная або меню Вид – Схема документа

ВАРІАНТИ ІНДИВІДУАЛЬНИХ ЗАВДАНЬ

Варіант 1. Архітектура комп'ютера.
Предмет інформатики. Галузі застосування комп'ютера. Склад ПЕОМ.
Технічні засоби (Hardware). Призначення і характеристики окремих вузлів
комп'ютера. Керування зовнішніми пристроями комп'ютера. Програмні
засоби (Software, Application Software).
Варіант 2. Основні принципи роботи в Windows.
Операційна система і її призначення. Поняття задачі, події.
Ергономічні принципи організації діалогу користувача з комп'ютером. Типи
діалогу. Графічний інтерфейс. Концепція робочого столу. Миша. Прийоми
роботи мишею. Поняття вікна. Компоненти вікна. Органи керування вікном.
Елементи керування - списки, кнопки, шкали. Меню. Функціональні клавіші.
Гарячі клавіші. Інструментальна панель. Діалогові вікна.
Варіант 3. Автоматизована обробка ділових документів.
Текстові процесори. Операції з документами. Вікно текстового
процесора. Методи представлення документа. Робота з декількома
документами. Введення і редагування тексту. Робота з фрагментами тексту.
Контекстний пошук і заміна. Шрифти і їхні характеристики. Форматування
абзаців. Маркіровані і нумеровані списки. Створення таблиць. Структура
документа. Форматування документів складної структури. Попередній
перегляд і друк документів.
Варіант 4. Автоматизоване введення текстової інформації
 Растрова графіка. Сканери - принцип дії і характеристики. Типи
сканерів. Формати графічних файлів. Програми розпізнавання текстів.
Сканування документа. Сегментація документа. Розпізнавання тексту.
Варіант 5.. Автоматизована обробка числових даних. Табличні процесори.
Табличне представлення даних. Основні і похідні дані. Електронні
таблиці. Структура вікна табличного процесора. Операції з комірками.
Уведення повторюваних даних. Створення і використання простих формул.
Абсолютні і відносні адреси комірок. Стандартні функції. Сортування і
фільтрація даних. Побудова діаграм. Друк готового документа.
Варіант 6.. Комп'ютерна графіка.
Графічні процесори. Види комп'ютерної графіки. Вікно графічного
редактора. Малювання ліній і фігур. Введення і форматування тексту. Робота
з кольором - завдання кольору, заливання замкнутих контурів. Кисть.
Розпилювач Обробка фрагментів тексту - виділення, переміщення,
обертання, деформація. Методи виправлення помилок. Збереження і друк
готових зображень.
Варіант 7. Сучасні способи комунікації
Інтернет і Інтранет. Web- сторінка (сайт). Оглядач Internet Explorer.
Панель інструментів. Огляд Web- сторінок в Інтернеті. Електронна пошта.
Документ HTML.
Варіант 8. Накопичення, пошук і обробка інформації.
Структура інформаційної системи. База даних. Система керування
базою даних. Основні поняття реляційної (табличної) бази даних: таблиця,
запис, поле. Ключ запису. Зв'язані таблиці. СУБД Access. Створення таблиць.
Запити. Запити за зразком. Обчислення в запитах. Мова SQL. Форми.
Автоформи. Створення форм. Звіти.
Варіант 9. Автоматизований переклад. Лінгвістичні процесори.
Проблему автоматизованого перекладу. Синтаксис і семантика
речення. Типи засобів автоматизованого перекладу. Комп'ютерні словники
(Multilex). Правила користування. Комп'ютерні перекладачі (Prompt, Lingvo).
Режими перекладу текстів: пакетний, швидкий. Керування процесом
перекладу. Поповнення і настроювання словників. Переклад Web- сторінок.
Варіант 10.. Захист інформації
Захист від збоїв апаратури. Безперебійні джерела живлення. Архівація
даних. Програми архівації і методи роботи з ними. Прилади запису на
магнітну стрічку. Захист від комп'ютерних вірусів. Механізм дії
комп'ютерного вірусу і способи боротьби з ним. Антивірусні пакети. Захист
від несанкціонованого доступу. Парольний захист. Електронні ключі захисту.
Криптографічний захист.
Варіант 11.. Файлова структура Windows.
Файли. Папки. Ієрархічна структура папок. Провідник. Операції з
файлами і папками. Кошик для файлів, що знищуються. Менеджер пошуку
файлів. Шаблони.
Варіант 12. Комп’ютерні презентації.
 Поняття презентації та комп’ютерної презентації, їх призначення.
Поняття про слайдові та потокові презентації. Створення презентації за
допомогою майстра автозмісту та шаблонів оформлення, створення пустої
презентації, а також однієї презентації на базі іншої. Відкриття презентації та
збереження її в різних форматах. Створення текстових написів і вставлення
графічних зображень на слайдах презентації. Принципи стильового
оформлення презентацій. Основні принципи дизайну слайдів. Додавання
анімаційних ефектів до об’єктів слайда. Анімаційні ефекти зміни слайдів.
Демонстрація презентації у різних програмних середовищах.
Варіант 13. Комп’ютерні мережі.
Поняття мережі, види мереж, призначення комунікаційних мереж,
класифікація комунікаційних мереж за областю дії, за топологією, згідно з
використаними протоколами, принципи комунікації, мережні технології
локальних мереж, технології.
Варіант 14. Хмарні технології та електронний офіс
Хмарні технології, хмарні обчислення, переваги використання хмарних
технологій, властивості хмарних технологій для бізнесу, хмарна ІТ-
інфраструктура, поняття про електронний офіс та його функції, етапи
розвитку концепції електронного офісу, основні компоненти електронного
офісу, етапи розвитку електронного офісу, призначення електронного офісу,
його переваги та недоліки.
Варіант 15. Автоматизоване робоче місце.
Автоматизоване робоче місце фахівця, основні функції та компоненти,
ознаки АРМ, типи АРМ офісних систем, взаємодія в АРМ, програмне
забезпечення автоматизованого робочого місця, вимоги до технології
автоматизованого робочого місця, характеристика основних видів
забезпечення АРМ.
Варіант 16. Видавничі системи.
Комп’ютерна видавнича система, рівні настільної видавничої системи,
компоненти апаратного рівня НВС, типовий рівень роботи настільної
видавничої системи, завдання, що вирішуються НВС і приклади їх пакетів,
нові видавничі системи, використання безкоштовних систем електронного
розподілу завдань.
Варіант 17. Правила підготовки матеріалів Вікіпедії
Основні принципи опрацювання текстових документів, загальні
правила підготовки матеріалів Вікіпедії, застороги Вікіпедії, правила і
поради, принципи етикету Вікіпедії, основна концепція нейтральності,
походження політики: точка зору засновника Вікіпедії, оцінка джерел,
ступені верифіковуваності, права та обов’язки користувачів та дописувачів,
ВікіСховище, редагування, повернення до попередньої версії, перестороги і
заборони, стаття з погляду читацького сприйняття.
 ТЕМА 1.2. ПРОГРАМИ СТВОРЕННЯ КОМП’ЮТЕРНИХ
ПУБЛІКАЦІЙ.
Вимоги до оформлення файлів електронних публікацій
Файли електронних публікацій можна оформлювати за власним
бажанням: тексти та малюнки у буклеті та візитці розміщувати довільні
(можна з мережі Інтернет). Також застосувати будь-який макет, кольорову та
шрифтову схеми. Обов’язково застосувати не менше трьох об’єктів
Бібліотеки макетів.

Завдання 1-2. Розробити у додатку MS Publisher Буклет «Що таке

комп’ютерна інженерія» та Плакат «Електронна валюта біткоїн – золота
лихоманка ХХІ століття». Для заповнення буклету та плакату скористатися
матеріалами з мережі Інтернет. Для створення Буклету (Плакату): в області
задач Новая публикация вибрати Публикации для печати і далі Буклеты
(Плакаты).
 ТЕМА 1.3. ЗАСОБИ ОБРОБКИ ТАБЛИЧНОЇ ІНФОРМАЦІЇ
Містить Задачу 1 та Задачу 2.

Вимоги до оформлення файлу Задачі 1. ОбчисленняГрафіка. xls

ТИТУЛЬНИЙ:
Примітки підказок для введення реквізитів: група, ПІБ, рік (Вставка –
Примечание)
Оздоблений заливкою та рамкою (Формат – Ячейки або кнопка
Границы та Цвет заливки).
Гіперпосилання на файл Звіт_Група_Прізвище (створити автофігуру,
виділити її та натиснути кнопку Добавить гиперссылку, у вікні Добавление
гиперссылки вибрати файл Звіт_Група_Прізвище).
РОБОЧІ АРКУШІ файлу ОбчисленняГрафіка. xls Наступні за
аркушем ТИТУЛЬНИЙ; Назва кожного аркуша: «Завдання № __»;
 Задача 1. «Обчислення з використанням функцій. Ділова графіка».
Обчислити виручку від реалізації певного виду продукції при умові
нарахування на продукцію податку на додану вартість (ПДВ) в розмірі
20%.
1. Для робочого аркушу встановити такі параметри сторінки: орієнтація
сторінки – альбомна, всі поля – по 2 см.
2. На першому аркуші за зразком створити таблицю «Реалізація
комплектуючих ПК».
РЕАЛІЗАЦІЯ КОМПЛЕКТУЮЧИХ ПК

Ціна за
№ Одиниці ПДВ, Обсяг Виручка,
Найменування товарів одиницю,
з/п виміру грн. реалізації грн.
грн.

HDD Western Digital Blue

1 500GB 7200rpm 32MB шт 1 364,00 грн.
WD5000AZLX 3.5 SATAIII
HDD WD Caviar Blue 1000GB
2 7200rpm 64MB 3.5 SATA III шт 1 339,00 грн.
(WD10EZEX)
HDD Seagate Barracuda 7200.12
3 500GB 7200rpm 3.5 SATA III шт 1 355,00 грн.
(ST500DM002 )
HDD Toshiba 1TB 7200rpm
4 32MB DT01ACA100 3.5 SATA шт 1 184,00 грн.
III
HDD Seagate 250Gb 8Mb
5 (ST3250820SCE) шт 539,00 грн.

HDD Toshiba 500 Gb 7200

6 SATAIII 32mb (DT01ACA050) шт 1 201,00 грн.

Кабель Gembird 0.1м 3,5мм

8 stereo/2х3,5 мм stereo CCA- шт 41,00 грн.
415W
Кабель Viewcon VC-HDMI-160-
9 5m шт 270,00 грн.
Кабель ATcom DC 3.5 тато -
10 мама 2 0.1 m шт 50,00 грн.

Кабель Viewcon DVI2 10м,

11 24+1конт.,ферит ,пласт.пакет шт 343,00 грн.

Кабель Manhattan FireWire 4/4

12 1.8m (323765) шт 69,00 грн.

Кабель Адаптер Viewcon

13 USB2.0 to Ethernet 100Mb, 3 шт 438,00 грн.
port hub, black
Оперативна память Goodram
15 2GB DDR3 1600MHz шт 577,00 грн.
(GR1600D364L11/2G)
 Оперативна память Team 32GB
(2x16GB) DDR4 2400MHz
16 Vulcan Red шт 8 999,00 грн.
(TLRED432G2400HC15BDC01)

Оперативна память Kingston 16

17 GB DDR4 2400 MHz HyperX шт 4 899,00 грн.
Black Fury (HX424C15FB/16)
Оперативна память Kingston 8
GB (2x4GB) DDR4 2133Mhz
18 HyperX Black Fury шт 2 799,00 грн.
(HX421C14FBK2/8)

Оперативна память Team 16GB

(2x8GB) DDR4 2400 MHz Delta
19 Red LED шт 4 799,00 грн.
(TDTRD416G2400HC15ADC01)

Оперативна память Exceleram

20 16 GB (2x8GB) DDR4 2400 шт 4 299,00 грн.
MHz (ED416247AD)
Процесор Intel Core i5-4460
22 3.2GHz Box (BX80646I54460) шт 4 599,00 грн.

Процесор Intel Pentium G3260

23 3.3 GHz (BX80646G3260) BOX шт 2 296,00 грн.

Процесор Intel Core i7-6700K

24 4.0 GHz/8Mb BOX шт 9 784,00 грн.
(BX80662I76700K)
Процесор AMD Athlon X4 840
25 AD840XYBJABOX шт 1 296,00 грн.
Процесор CPU AMD Sempron
26 X2 2650 (SD2650JAHMBOX) шт 741,00 грн.

Процесор Intel Core i3-6100 3.7

27 GHz/3Mb BOX шт 3 201,00 грн.
(BX80662I36100)
Материнська плата ASRock
28 H81 PRO BTC R2.0 шт 3 341,00 грн.
Материнська плата ASUS
29 M5A78L-M LX3 шт 1 231,00 грн.

Материнська плата AsRock

30 H81M-DGS R2.0 шт 1 160,00 грн.

31 Материнська плата Asus H81M-K шт 1 252,00 грн.

Материнська плата Asus
32 H110M-K шт 1 511,00 грн.

Материнська плата AsRock

33 FM2A68M-DG3+ шт 1 113,00 грн.

Відеокарта Sapphire Radeon RX

34 580 4GB DDR5 Nitro+ (11265- шт 9 999,00 грн.
07-20G)
 Відеокарта Asus GeForce
35 GTX1060 3GB DDR5 (DUAL- шт 7 627,00 грн.
GTX1060-3G)
Відеокарта Gigabyte GeForce
GTX 1060 Windforce OC
36 3072MB GDDR5 (GV- шт 7 483,00 грн.
N1060WF2OC-3GD)

Відеокарта MSI GeForce

37 GTX1060 3GB DDR5 (GTX шт 6 997,00 грн.
1060 AEROITX 3G OC)
Відеокарта Asus GeForce GTX
1070 ROG Strix 8GB GDDR5 19 999,00
38 шт
(STRIX-GTX1070-O8G- грн.
GAMING)
Відеокарта Asus GeForce GTX
1080 ROG Strix 8GB GDDR5X 17 794,00
39 шт
(STRIX-GTX1080-8G- грн.
GAMING)
Всього
Середнє
Мінімальне
Максимальне

3. Для запису порядкового номеру товару скористатися засобом

Автозаповнення.
4. Ввести одиниці виміру, ціну за одиницю продукції, обсяг реалізації.
5. Для кожного найменування продукції розрахувати податок на додану
вартість, ціну з ПДВ, виручку від реалізації продукції.
6. Використовуючи відповідну функцію, обчислити загальну виручку
від реалізації продукції.
7. Використовуючи відповідні функції, обчислити середнє, мінімальне
та максимальне значення виручки.
8. Відформатувати таблицю за власним бажанням (Автоформат).
9. Побудувати на окремому аркуші кругову діаграму для визначення,
які вироби певної групи у наведеній номенклатурі користуються найбільшим
попитом (наприклад, з наведеної таблиці вибрано групу оперативна пам’ять)
 Реалізація оперативної пам'яті

Оперативна память Goodram 2GB DDR3

1600MHz (GR1600D364L11/2G)
15,2% 12,4%

Оперативна память Team 32GB (2x16GB) DDR4

2400MHz Vulcan Red
(TLRED432G2400HC15BDC01)
Оперативна память Kingston 16 GB DDR4 2400
MHz HyperX Black Fury (HX424C15FB/16)

Оперативна память Kingston 8 GB (2x4GB)

10,8% DDR4 2133Mhz HyperX Black Fury
15,8% (HX421C14FBK2/8)
Оперативна память Team 16GB (2x8GB) DDR4
2400 MHz Delta Red LED
(TDTRD416G2400HC15ADC01)
11,3% Оперативна память Exceleram 16 GB (2x8GB)
10,2% DDR4 2400 MHz (ED416247AD)

10. Відформатувати елементи діаграми за зразком. Зокрема,

обов’язково вибрати для підписів даних процентний формат (один знак після
коми). Забезпечити наявність назви діаграми та легенди.
11. Побудувати на окремому аркуші довільну діаграму для ілюстрації
виручки від процесорів та графік обсягу реалізації усіх комплектуючих.
12. Надати аркушу Лист 1 назву Реалізація комплектуючих, а
аркушам з діаграмами – назву Обсяг реалізації, Виручка, Графік.
13. Змінити колір ярличків аркушів.
14. Змінити у таблиці обсяги реалізації продукції (включеної в групу
для побудови діаграми) і прослідкувати зміни на діаграмі.
Вимоги до оформлення файлу Задачі 2. «База даних малого
підприємства: нарахування заробітної плати» - База. xls
ТИТУЛЬНИЙ:
1. Перший у робочій книзі
2. Внутрішнє гіперпосилання на аркуш ЗМІСТ
3. Зовнішнє гіперпосилання на файл Звіт_Група_Прізвище.
 ЗМІСТ
1. Наступний за аркушем ТИТУЛЬНИЙ
2. Автоматизований, створений внутрішніми гіперпосиланнями до
відповідних аркушів (виділити клітинку, у якій знаходиться текс, натиснути
кнопку Добавить гиперссылку , у вікні Добавление гиперссылки
натиснути на кнопку Закладка вибрати потрібну назву аркуша).

3. Повинен містити кнопку переходу на Титульний аркуш книги.

4. Застосувати художнє оформлення аркуша.
 РОБОЧІ АРКУШІ
1. Наступні за аркушем ЗМІСТ
2. Назва кожного аркуша: згідно умови задачі, наприклад, Нараховано,
Сортування1, Автофільтр2, Зведена3 і т.д.
3. Змінити колір ярличків усіх аркушів.
4. Підпис: умова завдання до кожного аркуша.
5. Гіперпосилання:
• Внутрішнє – до аркуша робочої книги ЗМІСТ

Задача 2. Створити у MS Excel базу даних малого підприємства для

нарахування заробітної плати (умова подана у таблиці) та здійснити
обробку даних.
1. Заповнити даними (згідно додатку 2) таблицю.
2. В обчислювальні стовпці ввести необхідні формули (додаток 3).
3. Відсортувати інформацію та встановити автофільтр і розширений
фільтр на дані згідно завдання (на окремих листах).
4. Підрахувати проміжні підсумки (суму, середнє, максимальне,
мінімальне значення) по заданим у завданні полям, при кожній змінні у полі
Стаж роботи.
5. Узагальнити відомості в стовпцях БД на основі зведеної таблиці. У
області «Дані» використовувати поля: нараховано і до видачі (сума,
середнє, максимальне, мінімальне значення). Вибір полів в областях
«Стовпець», «Рядок», «Сторінка» – довільно (додаток 1).
Рекомендації до виконання:
1. Автофільтр.
Виділити потрібний стовпець.
Данные – Фильтр – Автофильтр
2. Розширений фільтр.
Виділити шапку таблиці.
Скопіювати шапку таблиці нижче самої таблиці.
Нижче нової шапки таблиці у клітинці потрібного стовпця задати
умову фільтрації
Данные – Фильтр – Раширенный фільтр
 У полі Диапазон условий ставимо курсор і потім виділяємо нову
шапку таблиці разом з рядком, у якому знаходиться умова
фільтрації. Натиснути ОК.
3. Проміжні підсумки.
Активізувати довільну клітинку вихідної таблиці.
Данные – Итоги
У вікні Промежуточные итоги виставити необхідні параметри і
натиснути ОК.
4. Зведена таблиця.
Активізувати довільну клітинку вихідної таблиці.
Данные – Сводная таблица

У вікні Мастер сводных таблиц – шаг1 из 3 вибрати потрібні

параметри, натиснути Далее.
На другому кроці вибрати потрібний діапазон даних, на основі
яких буде будуватися зведена таблиця; Далее.
На третьому кроці вибрати новий лист і натиснути кнопку Макет

У вікні майстра Макет заповнити поля потрібними кнопками

шляхом перетягування їх у поля. (Поле Страница не є
обов’язковим для заповнення). В кінці натиснути ОК.
 Подвійне клацання на кнопках у полі Данные дозволить відкрити
вікно Вычисление поля сводной таблицы (за замовчуванням поле
сумується), де можна виставити параметри згідно умови задачі.

У вікні Мастер сводных таблиц – шаг 3 из 3 можна при

необхідності вибрати додаткові параметри таблиці згідно умови
задачі і натиснути Готово.
 Додаток 1

Сортування
Обчислення

Підсумки

таблиця
Зведена
Фільтр
Дані

Тип
№

1 Порядковий номер Числовий +

2 Прізвище та ініціали Текстовий
3 Стать Текстовий
4 Дата народження Дата
5 Кількість дітей Числовий
6 Вік Всі формати ГГ +
7 Фах Тестовий
8 Підрозділ Тестовий
9 Дата прийому Дата
10 Стаж роботи Всі формати ГГ + +
11 Посада Текстовий
12 Погодинна ставка Фінансовий + +
13 Відпрацьовано годин Числовий
14 Нараховано Фінансовий + +
15 Податок з прибутку Фінансовий + +
16 Інші відрахування
Фінансовий +
(1%)
17 Компенсація на дітей
(7% на одну дитину Фінансовий +
для жінок
18 Інші види компенсацій
Фінансовий + +
(3%)
19 До видачі Фінансовий + + + +
 Додаток 2

Нарахування заробітної плати працівникам фірми КІТ&Ко

(7% на одну дитину для

Інші відрахування (1%)

Інші види компенсацій

Компенсація на дітей
Відпрацьовано годин
Прізвище та ініціали

Податок з прибутку
Порядковий номер

Погодинна ставка
Дата народження

Кількість дітей

Дата прийому

Стаж роботи

Нараховано

До видачі
Підрозділ

Посада

жінок)
Стать

(3%)
Фах
Вік
1 Василенко І.П. ч 28.03.1976 1 41 юрист адміністрація 10.10.2000 17 директор 96,25 грн. 90 8 662,50 грн. 1 559,25 грн. 86,63 грн. 0,00 грн. 259,88 грн. 7 276,50 грн.

2 Задорожний Ф.П. ч 24.11.1958 1 58 бухгалтер адміністрація 01.02.2000 17 гол. бухгалтер 86,86 грн. 58 5 037,88 грн. 906,82 грн. 50,38 грн. 0,00 грн. 151,14 грн. 4 231,82 грн.

3 Макаренко С.І. ж 02.02.1978 2 39 бухгалтер бухгалтерія 10.03.2002 15 бухгалтер 66,10 грн. 65 4 296,50 грн. 773,37 грн. 42,97 грн. 601,51 грн. 128,90 грн. 4 210,57 грн.

4 Зігрюк О.О. ж 15.12.1985 31 бухгалтер бухгалтерія 05.12.2001 15 бухгалтер 65,43 грн. 86 5 626,98 грн. 1 012,86 грн. 56,27 грн. 0,00 грн. 168,81 грн. 4 726,66 грн.

5 Тимофійчук Б.В. ч 05.01.1983 3 34 бухгалтер бухгалтерія 14.10.2000 17 бухгалтер 65,90 грн. 45 2 965,50 грн. 533,79 грн. 29,66 грн. 0,00 грн. 88,97 грн. 2 491,02 грн.

6 Мирошніченко О.В. ж 13.04.1968 1 49 водій гараж 04.12.2001 15 водій 81,20 грн. 80 6 496,00 грн. 1 169,28 грн. 64,96 грн. 454,72 грн. 194,88 грн. 5 911,36 грн.

7 Раціборсткий М.В. ч 03.04.1969 3 48 водій гараж 18.02.2001 16 водій 75,60 грн. 46 3 477,60 грн. 625,97 грн. 34,78 грн. 0,00 грн. 104,33 грн. 2 921,18 грн.

8 Богатир Б.Б. ч 31.03.1966 1 51 водій гараж 18.02.2001 16 водій 72,30 грн. 78 5 639,40 грн. 1 015,09 грн. 56,39 грн. 0,00 грн. 169,18 грн. 4 737,10 грн.

9 Бабяк О.П. ж 26.08.1982 1 35 водій гараж 18.01.2001 16 водій 70,25 грн. 130 9 132,50 грн. 1 643,85 грн. 91,33 грн. 639,28 грн. 273,98 грн. 8 310,58 грн.

10 Кирілеско М.П. ж 05.10.1980 37 менеджер адміністрація 11.12.2000 16 менеджер 65,80 грн. 60 3 948,00 грн. 710,64 грн. 39,48 грн. 0,00 грн. 118,44 грн. 3 316,32 грн.

11 Плющова В.В. ж 08.08.1975 42 менеджер адміністрація 11.12.2000 16 менеджер 62,19 грн. 120 7 462,20 грн. 1 343,20 грн. 74,62 грн. 0,00 грн. 223,87 грн. 6 268,25 грн.

12 Зембіцький В.І. ч 22.07.1961 1 56 менеджер адміністрація 11.12.2000 16 менеджер 58,57 грн. 110 6 442,70 грн. 1 159,69 грн. 64,43 грн. 0,00 грн. 193,28 грн. 5 411,87 грн.

13 Запотічний Ю.Ю. ч 16.09.1958 2 59 юрист юридичний 01.03.2001 16 юрист 66,30 грн. 80 5 304,00 грн. 954,72 грн. 53,04 грн. 0,00 грн. 159,12 грн. 4 455,36 грн.

14 Лазурний К.Л. ч 08.06.1973 2 44 юрист юридичний 14.05.2001 16 юрист 65,80 грн. 56 3 684,80 грн. 663,26 грн. 36,85 грн. 0,00 грн. 110,54 грн. 3 095,23 грн.

15 Степченко В.І. ж 29.01.1980 2 37 юрист юридичний 13.11.2001 15 юрист 70,22 грн. 58 4 072,76 грн. 733,10 грн. 40,73 грн. 570,19 грн. 122,18 грн. 3 991,30 грн.

16 Мнльнеченко О.І. ж 11.05.1974 1 43 юрист юридичний 18.09.2001 16 юрист 71,33 грн. 55 3 923,15 грн. 706,17 грн. 39,23 грн. 274,62 грн. 117,69 грн. 3 570,07 грн.

17 Зарубіна С.І. ж 18.10.1979 1 38 програміст КІТ 21.09.2001 16 програміст 92,40 грн. 120 11 088,00 грн. 1 995,84 грн. 110,88 грн. 776,16 грн. 332,64 грн. 10 090,08 грн.

18 Дудицька С.П. ж 14.02.1969 1 48 програміст КІТ 19.11.2000 16 програміст 97,56 грн. 120 11 707,20 грн. 2 107,30 грн. 117,07 грн. 819,50 грн. 351,22 грн. 10 653,55 грн.

19 Онуфрієнко Р.В. ч 12.03.1977 40 програміст КІТ 19.11.2000 16 програміст 99,90 грн. 120 11 988,00 грн. 2 157,84 грн. 119,88 грн. 0,00 грн. 359,64 грн. 10 069,92 грн.

20 Пузатий І.Н. ч 05.12.1978 3 38 програміст КІТ 12.04.2002 15 програміст 98,25 грн. 120 11 790,00 грн. 2 122,20 грн. 117,90 грн. 0,00 грн. 353,70 грн. 9 903,60 грн.
 Порядковий
Автозаповнення
номер

=СЕГОДНЯ()-D4
Вік

=СЕГОДНЯ()-I4
Стаж роботи

=L4*M4
Нараховано

=N4*18%
Податок з
=N4*1% прибутку

Інші
відрахування
(1%)
=ЕСЛИ(C4="ж";E4*(N4*7%);0)

Компенсація на
дітей (7% на
одну дитину
для жінок)
=N4*3%

Інші види
компенсацій
(3%)
=N4-O4-P4+Q4+R4

Додаток 3.

До видачі
 ТЕМА 1.4. ОСНОВИ ОФІСНОГО ПРОГРАМУВАННЯ

Завдання: Робота з об’єктами VBA

Завдання 1
Ознайомитися з основними компонентами середовища редактора
Visual Basic, виробити уміння й навички роботи з компонентами
інтегрованого середовища розробки проектів.
Вказівки до виконання
1. Відкрийте додаток Microsoft Word, виконавши команду Пуск –
Программы – Microsoft Office – Microsoft Word.
2. Виконайте команду Сервис – Макрос – Безопасность та встановіть
наступні параметри безпеки:
– у вкладці Безопасность виберіть перемикач Средняя.
– у вкладці Надежные изделия встановіть прапорець Доверять доступ
к Visual Basic Project.
3. Закрийте вікно додатка Microsoft Word, повторіть п.1 і перевірте, чи
збереглися параметри безпеки, які були встановлені в п.2.
4. Відкрийте вікно інтегрованого середовища розробки додатків
редактора Visual Basic командою Сервис – Макрос – Редактор Visual Basic
або натисканням комбінації клавіш ALT+F11.
5. Вилучить, а потім відновіть вікно проекту Project і вікно
властивостей Properties. Зробіть схематичні рисунки кнопок панелі
інструментів ( та ), за допомогою яких відновлюються ці вікна.
6. Додайте в проект вікно форми, клацнувши на кнопку Insert

Userform , яка розташована на стандартній панелі інструментів і

запишіть значення властивостей форми Name і Caption.
7. Додайте до проекту ще одну форму, клацнувши на кнопку Insert
Userform, довідайтеся значення її властивостей Name і Caption. Після цього
вилучите останню форму. Для цього клацніть правою клавішею миші на її
значку у вікні проекту Project і з контекстного меню виберіть команду
Remove, а потім натисніть кнопку Нет, відповідаючи на запит, про експорт
форми.
8. Зробіть схематичний малюнок головного вікна середовища
редактора Visual Basic.
9. Знайдіть на панелі елементів управління Toolbox кнопки наступних
елементів: Label, Textbox, Image, і Commandbutton і зробіть їхні схематичні
рисунки.
10. Подвійним клацанням миші на формі викличте вікно коду,
знайдіть списки, що випадають Procedure і Object. Зробіть схематичний
рисунок вікна коду.
11. За допомогою панелі інструментів вікна проекту перейдіть із вікна
коду у вікно форми й назад. Намалюйте кнопки ( та ), які
забезпечили ці переходи.
 12. Запустить програму на виконання, клацнувши на вільному місці

форми, а потім на кнопці Run (або натисніть клавішу F5), а потім

завершить її роботу. Опишіть, як змінювався зовнішній вигляд форми.
13. Збережіть документ Word разом із програмою у своїй папці (ім'я
файлу Лаб1_1.doc) і закрийте вікно Word.
14. Подвійним клацанням миші на значку документа Лаб1_1.doc
відкрийте його. При відкритті відповідаючи на запит про відключення
макросів, натисніть кнопку Не отключать макросы, а потім перейдіть у
вікно інтегрованого середовища розробки додатків редактору Visual Basic і
переконайтеся, що в ньому є форма Userform.
15. Завершіть роботу в додатку Microsoft Word.
Завдання 2
Створити в середовищі редактора Visual
Basic форму із двома написами, двома кнопками й
малюнком по наведеному ескізу.
Вказівки до виконання
1. Перебуваючи в середовищі MS Word або
іншого додатку з Microsoft Office, натисніть
ALT+F11, щоб перейти в середовище VBA.

2. На панелі інструментів клацніть на кнопку Insert Userform .

З'являється вікно з формою Userform1.
3. У вікні властивостей Properties змініть значення властивості (Name)
на First_frm, a значення властивості Caption на Моя перша форма. Зверніть
увагу на зміну зовнішнього вигляду форми.
4. Додайте на форму новий напис. Для цього знайдіть на панелі
елементів управління Toolbox кнопку Label , клацніть по ній мишкою, а
потім виконайте клацання на вікні форми (також можна перетягнути кнопку
з панелі Toolbox на вікно форми).
5. Для вставленого напису у вікні властивостей Properties змініть
значення властивості Caption на Добрий день!!!. Зверніть увагу на зміну
зовнішнього вигляду форми.
6. Вставте на форму ще один напис, повторивши пункти 4 і 5.
7. Для додавання кнопки необхідно знайти на панелі елементів
управління Toolbox кнопку Commandbutton і вставити її на форму.
8. Для вставленої кнопки у вікні властивостей Properties змініть
значення властивості (Name) на cmdColor, a значення властивості Caption
на Змінити колір.
9. Аналогічно добавте на форму ще одну кнопку, змінивши значення
властивостей (Name) на cmdVisible, a значення властивості Caption на
Змінити видимість
10. Для додавання рисунка необхідно знайти на панелі елементів
управління Toolbox кнопку Image і вставити її на форму.
 11. Для вставленого рисунку у вікні властивостей Properties змініть
значення властивості (Name) на imgSmile, потім перейдіть до властивості
Picture натисніть кнопку і у вікні, що з'явилося, укажіть шлях до файлу
рисунку.
12. Для коректного відображення рисунку для властивості
PictureSizeMode виберіть те значення, при якому рисунок відображається
найбільш правильним чином.
Завдання 3
Доробити форму, створену раніше, щоб за допомогою кнопок
змінювався колір написів і видимість рисунка. Також необхідно
передбачити повернення форми у первинний вид.
Аналіз проекту
Необхідно створити код процедури, яка обробляє подію Click для
кнопки Змінити колір при цьому колір напису Label1 повинен змінитися на
синій (властивість Forecolor = vbblue), а колір напису Label2 – на червоний
(властивість Forecolor = vbred). Подія Click для кнопки Змінити видимість
повинна змінити властивість Visible рисунку imgСмайл щоб рисунок став
невидимим (властивість Visible = False). Клацання миші в будь-якій частині
форми (подія Click) повинна привести форму у первинний вид (написи
чорного кольору (властивість Forecolor = vbblack), рисунок видимий
(властивість Visible = True)).
Вказівки до виконання
1. Двічі клацніть на кнопці Змінити колір. У результаті відкривається
вікно коду VBA у якому автоматично створюється порожня процедура із
заголовком Private Sub cmdColor_Click() і завершенням End Sub.
2. Усередині процедури введіть наступний текст:
Private Sub cmdColor_Click()
Label1.Forecolor = vbblue
Label2.Forecolor = vbred
End Sub
3. Аналогічно, клацнувши по кнопці Змінити видимість, створимо
наступну процедуру:
Private Sub cmdVisible_Click()
imgSmile.Visible = False
End Sub
4. Для повернення форми у первинний вид двічі клацніть на будь-
якому вільному місці форми й уведіть наступний текст процедури:
Label1.Forecolor = vbblack
Label2.Forecolor = vbblack
imgSmile.Visible = True
5. Запустіть програму на виконання, клацнувши на вільному місці
форми, а потім на кнопці Run (або натисніть клавішу F5).
6. Проаналізуйте працездатність програми.
 7. Збережіть документ у файлі Лаб1_2.doc у своїй папці на жорсткому
диску
Завдання для самостійної роботи
Створити в середовищі редактора
Visual Basic форму по наведеному ескізу.
При наведенні мишки на відповідну кнопку
колір напису повинен змінюватися на
відповідний. При наведенні на вільне місце
форми, колір напису повинен прийняти
початковий вид. Збережіть документ у файлі
Лаб1_3.doc
Результат роботи
1. Файл Лаб1_1.doc з формою Userform.
2. Файл Лаб1_2.doc з формою First_frm.
1. Файл Лаб1_3.doc з формою First_1_frm.
 ТЕМА 1.5. OLE-ТЕХНОЛОГІЇ
Завдання: Робота із зв’язаними та впровадженими об’єктами.

Створіть файл наступного змісту

Основою піраміди служить правильний трикутник зі стороною, що

дорівнює а. Одне з бічних ребер перпендикулярно площині основи і
дорівнює b.
Знайти радіус кулі, описаної навколо піраміди.

Розв’язання:
Нехай О - центр кулі, що описана
навколо піраміди ABCD. Тоді
OA=OB=OC=OD. Проведемо OK┴пл.
ABC та OE┴DB. Оскільки точка О
рівновіддалена від вершин ∆АВС, точка К
a
є центром трикутника та BK= . Далі,
3
b
так як OB=OD, то EB=ED= .
2

За теоремою Піфагора з АОКВ

знаходимо
b2 a2 12a 2 + 9b 2
OB = OK 2 + BK 2 = + = (1)
4 3 6
Вказівки до виконання
Для побудови піраміди скористайтесь командою Вставка/Объект…
Точечный рисунок та створіть рисунок у стандартній програмі операційної
системи Paint. Для введення формул впровадьте об’єкт Microsoft Equation
3.0.

Додайте таблицю та знайдіть за допомогою формул максимальне та

середнє арифметичне значення для кожної змінної. Впровадьте діаграму та
відформатуйте її належним чином.

№ експерименту Середнє Максимальне

Змінні
арифметичне значення
1 2 3 4 5 6
х1 0,53 0,67 0,91 0,43 0,37 0,52 0,57 0,91
х2 1,2 1,45 1,53 1,67 1,7 2 1,59 2
х3 2 -2,1 -1,53 1,27 1,13 0,98 0,29 2
 Експеремент

2,5
2 2 2
1,67 1,7
1,5 1,45 1,53
1,2 1,27
1 1,13
0,91 0,98
0,67
0,5 0,53 0,43 0,52 х1
0,37
0 х2
-0,5 х3

-1
-1,5 -1,53
-2 -2,1
-2,5

х1 0,53 0,67 0,91 0,43 0,37 0,52

х2 1,2 1,45 1,53 1,67 1,7 2
х3 2 -2,1 -1,53 1,27 1,13 0,98
 ТЕМА 2.1. СПІЛЬНЕ ВИКОРИСТАННЯ ЕЛЕКТРОННИХ
ДОКУМЕНТІВ І ПРИСТРОЇВ.

Завдання 1. Створити блог-щоденник користуючись можливостями

сайту Blogger.com.
Вказівки до виконання
1. Завантажте стартову сторінку Google за адресою:
http://www.google.com.ua/. В розділі «Мій аккаунт» (у правому верхньому
кутку) активізуйте команду списку Всі продукти → Blogger. В результаті
з’явиться вікно (рис.1):

Рисунок 1. Вікно продукту Blogger

У вікні продукту Blogger натисніть кнопку «Начать». В результаті
перейдете на сторінку «Создать аккаунт Google» (рис.2).

Рисунок 2. Створення аккаунту в Google

Якщо ви маєте власний аккаунт в Google, перейдіть за посиланням
«сначала войдите в него» (рис.2, виноска – 1). В результаті відкриється
вікно входу до власного аккаунту в Google (рис.3):
 Рисунок 3. Вікно входу до власного аккаунту в Google
Введіть в поле Электронная почта (рис.3, виноска – 1) – адресу
електронної скриньки, яку вказали при заповненні форми. В поле Пароль
(рис.3, виноска – 2) введіть відповідний пароль і натисніть кнопку Войти
(рис.3, виноска – 3).
Якщо ви не маєте власного аккаунту в Google, потрібно заповнити
поля запропонованої форми (рис.2):
1) В поле Адрес электронной почты (рис.2, виноска – 2) введіть свою
власну справжню електронну адресу. Адреса електронної пошти слугує
логіном для входу в Blogger.
2) В поле Пароль (рис.2, виноска – 3) – введіть майбутній пароль (не
менше 8 символів).
3) В поле Проверка на основе графического кода (рис.2, виноска –
4) введіть графічний код.
4) Поставте прапорець в клітинку (рис.2, виноска – 4), таким чином ви
підтверджуєть згоду з умовами надання послуг.
5) Натисніть кнопку Продовжити.
2. Зайдіть в електронну скриньку, яку вказали при заповненні форми.
До неї має прийти лист для активізації новоствореного аккаунта та
підтвердження вказаної електронної адреси. Перейдіть по гіперпосиланню
надісланому в листі. Тепер ваш особистий аккаунт створено і підтверджено.
3. На сторінці Назовите блог заповніть поля запропонованої форми
(рис.4):

Рисунок 4. Створення назви блогу

В поле Название блога (рис.4, виноска – 1) введіть – тему свого
варіанту (див. індивідуальні завдання ТЕМА 1.1. АВТОМАТИЗОВАНА
ОБРОБКА ДІЛОВИХ ДОКУМЕНТІВ. ТЕКСТОВІ ПРОЦЕСОРИ.
АВТОМАТИЗОВАНЕ ВВЕДЕННЯ ТЕКСТОВОЇ ІНФОРМАЦІЇ.).
Примітка. Назву блогу в подальшому можна змінювати.
В поле Адрес блога (URL) (рис.4, виноска – 2) необхідно ввести URL
–адресу майбутнього новоствореного блогу (латинськими літерами). Для
перевірки доступності адреси натисніть посилання Проверить
доступность. У випадку наявності блогу із подібною назвою – змініть назву.
Назва має бути пов’язана з темою, змістом блогу.
Занотуйте в записник адресу блогу, який ви створили. Наприклад:
web2service.blogspot.com. Тепер цю адресу ви можете надіслати вашим
друзям, іншим людям, з якими збираєтесь співпрацювати. В поле Проверка
на основе графического (рис.4, виноска – 3) введіть перевірочний код.
Натисніть кнопку Продолжить (рис.4).
4. У вікні Выбрать начальный шаблон (рис.5), виберіть шаблон
майбутнього власного блогу (див. індивідуальні завдання ТЕМА 1.1.
АВТОМАТИЗОВАНА ОБРОБКА ДІЛОВИХ ДОКУМЕНТІВ. ТЕКСТОВІ
ПРОЦЕСОРИ. АВТОМАТИЗОВАНЕ ВВЕДЕННЯ ТЕКСТОВОЇ
ІНФОРМАЦІЇ.).

Рисунок 5. Вікно вибору початкового шаблону

Натиснути кнопку Продолжить (рис.5). У разі правильного виконання
вище зазначених дій, система виведе на екран повідомлення про успішне
створення блогу (рис.6):

Рисунок 6. Повідомлення про успішне створення блогу

Завдання 2. Створити, переглянути та прокоментувати повідомлення
в новоствореному власному блозі «Миті мого життя (щоденник)».
Розмістити в повідомленні малюнок, який відповідає темі і слугує
унаочненням матеріалу повідомлення.
Вказівки до виконання
 1. Створити перше повідомлення. Перше повідомлення повинно
містити інформацію про призначення блогу (за бажанням можете розмістити
інформацію про себе).
У вікні про успішне створення блогу (рис.6) натисніть Добавить в
него сообщение, в результаті відкриється вікно (рис.7). Перейдіть на
вкладку Отправка (рис.7).

Рисунок 7. Надсилання повідомлення

У вікні вбудованого текстового редактора (рис.7) введіть текст
заголовку повідомлення: (див. індивідуальні завдання ТЕМА 1.1.
АВТОМАТИЗОВАНА ОБРОБКА ДІЛОВИХ ДОКУМЕНТІВ. ТЕКСТОВІ
ПРОЦЕСОРИ. АВТОМАТИЗОВАНЕ ВВЕДЕННЯ ТЕКСТОВОЇ
ІНФОРМАЦІЇ.).
В текстовому полі (рис.7) напишіть наступне повідомлення, що
містить інформацію про вашу спеціальність.
Оформіть текст використовуючи інструменти, зображені відповідними
піктограмами на панелі інструментів, над текстовим полем (рис.8).

Рисунок 8. Піктограми панелі інструментів

Натисніть на кнопку Опубликовать сообщение. В результаті
з’явиться повідомлення (рис.9).
 Рисунок 9. Публікація повідомлення.
2. Переглянути повідомлення, публікації в блогах. Введіть в рядок
адреси браузера адресу потрібного блогу. У вікні, що відкрилося, ви можете
побачити останні публікації. Кожна публікація супроводжується
наступними даними: дата, тема, вміст, автор, кількість коментарів.
Перегляньте дописи у власному блозі та блогах інших учасників
навчального курсу.
3. Залишити коментарі в блогах учасників навчального курсу.
Виберіть посилання Комментарии (розташовано внизу допису). У вікні, що
відкрилося, виконайте наступне:
• В поле Отправить коментарий (рис.10, виноска 1), введіть текст
коментаря.
• Натисніть кнопку Просмотр (рис.10, виноска 3), відкриється
попередній перегляд коментаря.

Рисунок 10. Відправка коментаря

• Якщо вас задовліьняє вигляд коментаря – натисніть кнопку
Отправить коментарій (рис.10, виноска 2), якщо не задовольняє –
натисніть кнопку Изменить (рис.10, виноска 1), внесіть відповідні зміни та
натисніть Отправить комментарий
 Рисунок 11. Вікно коментаря
• Перегляньте вже опублікований коментар у блозі.
4. Розмістити в повідомленні малюнок, який відповідає тематиці
вашого індивідуального завдання. Під час створення (редагування)
повідомлення можна додати зображення. Для цього, знаходячись в режимі
редагування (створення) статті, перейдіть за посиланням Изменить
сообщение (рис.12). У вікні, що відкрилося, виберіть Изменить (рис.12).

Рисунок 12. Зміна повідомлення

В результаті відкриється вікно вбудованого редактора (рис.13):

Рисунок 13. Вікно редактора повідомлення

• Натисніть кнопку Вставить изображение.
• Виберіть фото чи малюнок та завантажити його на сервер Blogger.
• Натисніть кнопку Готово, малюнок з’являється на сторінці
повідомлення. Можна попередньо переглянути, як буде розміщено
зображення на сторінці блогу, натиснувши кнопку Просмотр. Якщо вас
влаштовує розміщення малюнка – натисніть кнопку Опубликовать
сообщение. Зачекайте, поки завантажиться сторінка. При успішному
розміщенні повідомлення, з’явиться наступне вікно (рис.14) в якому
натисніть посилання Просмотреть сообщение.

Рисунок 14. Вікно повідомлення

Завдання 3. Здійснити налагодження власного новоствореного блогу.
Змінити заголовок, шаблон та дизайн сторінки. Додати гаджети.
 Вказівки до виконання
1. Розпочніть новий сеанс роботи: Відкрийте браузер, завантажте сайт
https://www.blogger.com/start. В результаті відкриється вікно входу до
власного аккаунту. В поле Электронный адрес введіть адресу електронної
скриньки, яку вказали при реєстрації в Google. В поле Пароль (рис.15,
виноска – 2) введіть відповідний пароль і натисніть кнопку Войти.

Рисунок 15. Вікно входу в аккаунт

Після входу до власного профілю, оберіть свій блог.
2. Налаштуйте елементи сторінки: Виберіть посилання Дизайн. У
вікні, що відкрилося, для зміни дизайну, виберіть посилання Элементы
страницы (рис.16, виноска 2).

Рисунок 16. Налаштування елементів сторінки

• Налаштуйте заголовок. Виберіть посилання Изменить (рис. 16,
виноска 4). В результаті відкриється вікно Настроить заголовок (рис17).

Рисунок 17. Налаштування заголовку

В поле Название блога (рис.17, виноска 1) введіть нову назву блогу
(відповідно до вашої тематики) В поле Описание блога (рис.17, виноска 2)
введіть опис блогу: «Цей блог присвячений ….» (відповідно до вашої
тематики). Натисніть кнопку Зберегти. При
цьому в верхній частині вікна з’явиться повідомлення (рис.18).

Рисунок 18. Повідомлення про збереження зміни елементу

 • Змініть шаблон блогу. Виберіть посилання Дизайн. У вікні, що
відкрилося, для зміни дизайну, виберіть посилання Дизайнер шаблонов.
Оберіть потрібний шаблон. Збережіть зміни.
• Додайте гаджети. Ви можете додати до блогу: Опитування, Список
блогів, Малюнок, Список посилань, Текст, канал RSS, HTML/JavaScript або
будь-який гаджет, що буде корисним для вас.
Організовуємо експрес-опитування. Додамо Гаджет Опитування
(рис.19) дозволяє з’ясувати думку відвідувачів вашого блогу та побачити
кількість вибраних ними варіантів відповідей, на поставлені Вами
запитання.

Рисунок 19. Гаджет Опитування

1) Виберіть посилання Додати гаджет;
2) У вікні Додати гаджет виберіть елемент Опитування і натисніть
кнопку 3) У вікні Створити опитування пропишіть запитання: «Які
соціальні сервіси Вам найбільш до вподоби?», та варіанти відповіді:
WikiWiki, блоги, YouTube, Picasa (рис.20):

Рисунок 20. Форма створення опитування

Відмітьте галочкою Разрешить посетителям выбирать несколько
ответов. Пропишіть дату завершення опитування. Після цієї дати
опитуванняавтоматично буде закрите.
4) Натисніть кнопку Сохранить.
5) Протестуйте елемент опитування. Спробуйте дати відповідь на
запитання, щоб перевірити, як працює цей елемент.
• Налаштуйте, за бажанням, всі елементи сторінки. Обов’язково
натисніть кнопку Зберегти зміни. Натисніть Просмотреть блог.
 ТЕМА 3.1. СТВОРЕННЯ І РЕДАГУВАННЯ ГРАФІЧНИХ
ЗОБРАЖЕНЬ ЗА ДОПОМОГОЮ ГРАФІЧНИХ РЕДАКТОРІВ.

Завдання. Створення іконки папки з документами.

Вказівки до виконання
1. Відкрийте програму Photoshop і створіть новий документ, для цього
натисніть комбінацію клавіш Ctrl + N. В меню, що відкриється введіть
наступні дані:
Примітка перекладача: на скріншоті
Высота (Width): 600 пікселей (pixels)
Ширина (Width): 600 пікселей (pixels)
Разрешение (Resolution): 72
пиксель/дюйм (pixels/inch)
Цветовой режим (ColorMode):
RGBcolor, 8 bit
Содержимое фона (Background
Contents): Белый (White)
Цветовой профиль (Color profile): sRGB IEC61966-2.1
Попиксельная пропорція (Pixel Aspect Ratio): Квадратные пик сели (square
pixels)
Після введення даних натисніть Ок.

2. Відобразіть сітку Просмотр – Показать – Сетку (View – Show – Grid)

та включіть функцію прив’язати до ліній сітки Просмотр – Привязать к –
Линиям сетки (View – Snap To – Grid). Тепер нам необхідно налаштувати
параметри сітки, перейдіть в Редактирование – Установки – Направляющие,
сетка и фрагменты (Edit – Preferences – Guides, Grid & Slices) і зосередьтесь
на розділі Сітка (Grid). Введіть значення 5 в полі «Линия через каждые»
(Gridline Every) і 1 в полі «Внутреннее деление на» (Subdivision). Встановіть
колір сітки #a7a7a7.

Після того як ви виставили всі

налаштування, натисніть Ок. Не відволікайтесь на
сітку, в подальшому вона полегшить нам роботу.
Ви можете зажди відключити або включити сітку.
Вам також слід відкрити панель Инфо (Окно –
Инфо (Window – Info)), щоб мати можливість
поточного перегляду розміру і положення фігур.
3. Встановіть світло-коричневий колір
(#c69c6d) переднього плану і виберіть інструмент
 Прямокутник із скругленими кутами
(Rounded Rectangle Tool). В верхній
частині панелі інструмента встановіть
радіус 5 px і створіть векторну фігуру
розмером 105 х 15 px. Потім знаходячись
на шарі з векторною фігурою
(прямокутник зі скругленими краями,
який щойно створили), оберіть операцію
Добавить к области фигуры (Add to Shape
Area) та додайте ще один прямокутник зі
скругленими краями розміром 40х20 px, після цього розташуйте його так як
подано на зображенні.
4. Перейдіть на панель Шари (Layers) (якщо панель не відображається,
перейдіть у Окно – Слои (Window – Layers)) і перейменуйте векторну форму
на «back», потім двічі клікніть по шару, щоб відкрити вікно Стиль слоя
(Layer Style). Застосуйте до шару наступні ефекти: Внутрішня тінь (Inner
Shadow) і Накладення градієнту (Gradient Overlay).
Примітки перекладача: на скріншотах
Внутрішня тінь:
Режим наложения (Blend Mode):
Перекрытие (Overlay), колір білий
(#ffffff)
Непрозрачность (Opacity): 75%
Угол (Angle): 90°
Глобальное освещение (Use Global Light):
Снять галочку
Смещение (Distance): 1 рх
Стягивание (Choke): 0%
Размер (Size): 1 рх
Сглаживание (Anti-aliased): Снять галочку
Шум (Noise): 0%
Наклдання градієнту
Режим наложения (Blend Mode): Перекрытие
(Overlay)
Непрозрачность (Opacity): 100%
Градиент (Gradient): Редактор градиентов
цвет #000000 позиция 40%
цвет #232323 позиция 80%
цвет #505050 позиция 100%
Выровнять по слою (Align with Layer):
Поставить галочку
Стиль (Style): Линейный (Linear)
Угол (Angle): 90
Масштаб (Scale): 100%
 5. Переконайтесь, що колір
переднього плану встановлений світло-
коричневий (#c69c6d), виберіть
інструмент Прямокутник із скругленими
кутами (Rounded Rectangle Tool).
Створіть векторну форму розміром 115 х
75 пікселів, розмістіть її так як показано
на зображенні, далі перейдіть до команді
Редактирование – Трансформирование –
Деформация (Edit – Transform – Warp).
Вверху выберите:
Деформация (Warp): Выпуклый
(Bulge)
Включите кнопку: Изменить
ориентациюдеформации (Orientation)
Изгиб (Bend): 5%
Установить искажение по
вертикали (Vertical distortion) V: -3%
Після цього натисніть Enter.
Отримаєте результат, як на другому зображенні. Перейменуйте шар,
назвавши його «front» .
Перейдіть до шару «front» та застосуйте наступні ефекти:
Внутрішня тінь (Inner Shadow):
Режим наложения (Blend Mode): Перекрытие
(Overlay), цвет белый (#ffffff)
Непрозрачность (Opacity): 50%
Угол (Angle): 90
Глобальное освещение (Use Global Light):
Снять галочку
Смещение (Distance): 3 рх
Стягивание (Choke): 0%
Размер (Size): 5 рх
Сглаживание (Anti-aliased): Снять галочку
Шум (Noise): 0%
Внутрішнє світіння (Inner Glow):
Режим наложения (Blend Mode): Мягкий
свет (Soft Light)
Непрозрачность (Opacity): 25%
Метод (Technique): Мягкий (Softer)
Источник (Source): На краях (Edge)
Стягивание (Choke): 0%
Размер (Size):10 рх
Сглаживание (Anti-aliased): снять галочку
Диапазон (Range): 50%
Колебание (Jitter): 0%
Тиснення (Bevel and Emboss):
Стиль (Style): Внутренний скос (Inner
Bevel)
Метод (Technique): Плавное (Smooth)
Глубина (Depth): 100%
Направление (Direction): Вверх (Up)
Размер (Size): 100 рх
Смягчение (Soften): 0 рх
Угол (Angle): 90 °
Высота (Altitude): 30°
Глобальное освещение (Use Global
Light): Снять галочку
Контурглянца (Gloss Contour): Волнистый уклон (Rolling Slope-Descending)
Сглаживание (Anti-aliased): Снять галочку
Режим подсветки (Highlight Mode): Умножение (Multiply), Цвет черный
#000000
Непрозрачность (Opacity): 30%
Режим тени (Shadow Mode): Перекрытии (Overlay), Цвет белый #ffffff
Непрозрачность (Opacity): 30%
Накладання градієнту (Gradient Overlay):
Режим наложения (Blend Mode): Умножение
(Multiply)
Непрозрачность (Opacity): 100%
Градиент (Gradient): Редактор градиентов
цвет #7с7с7с позиция 0%
цвет #959595 позиция 10%
цвет #afafaf позиция 25%
цвет #fafafa позиция 100%
Выровнять по слою (Align with Layer):
Поставить галочку
Стиль (Style): Линейный (Linear)
Угол (Angle): 90°
Масштаб (Scale): 100%
Накладання узору (Patter Overlay):
Режим наложения (Blend Mode): Перекрытие
(Overlay),
Непрозрачность (Opacity): 90%
Узор (Patter): Выберите самый темный узор из
Neutral Tileable Leather Patterns
Масштаб (Scale): 25
 Примітка: для того щоб завантажити узор (Patter)
шкіри, натисніть на трикутник і в меню, що розкриється
виберіть Завантажити узори.
Після цього вкажіть шлях до
папки з узорами шкіри, які ви
закачали, і виберіть файл
webtreats leather patterns.pat.

Встановіть колір переднього плану чорний

(#000000) і виберіть інструмент Еліпс (Ellipse
Tool). Створіть векторну форму розміром 105х5
пікселів, помістіть її так, як показано
зображенні. Клікніть правой кнопкой миші по
шару, якій щойно створили, в меню виберіть
Преобразовать в Смарт-объект (Convert to Smart
Object). Розмістіть цей
шар над фоном (Shift +
CTRL + [) і перейдіть в Фильтр – Размытие –
Размытие по Гауссу (Filter – Blur – Gaussian Blur),
введіть радіус 3 px і натисніть OK.
Виберіть інструмент Еліпс (Ellipse Tool). Створіть
векторну форму розміром 105x10 пікселів,
помістіть її так, як на зображенні. Потім клікніть
правою кнопкою миші по шару і перетворіть його
в Смарт-об’єкт (Convert to Smart Object). Розмістіть
цей шар над фоном
(Shift + CTRL + [).
Після цього
перейдіть у Фильтр –
Размытие – Размытие по Гауссу (Filter – Blur –
Gaussian Blur) і введіть радіус 3 px.
Встановіть колір переднього плану #aecef5,
виберіть інструмент Прямокутник (Rectangle
Tool) і створіть прямокутник розміром 105x70
пікселів, розмістіть його як на зображенні.
Виберіть шар з синім прямокутником і
натисніть CTRL+T (або перейти в
Редактирование – Трансформирование –
Поворот (Edit – Transform – Rotate)). Зверху введіть кут повороту -4 і
натисніть Enter.
Перемістіть шар з синім прямокутником під шар «front». Відкрийте Стиль
слоя (Layer Style) і виберіть ефект Обводка (Stroke).
Примітка перекладача: До ефекту Обводка
(Stroke) застосуйте наступні налаштування:
Размер (Size): 1 рх.
Положение (Position): Внутри (Inside)
Режим наложения (Blend Mode): Нормальный
(Normal)
Непрозрачность (Opacity): 100%
Цвет (Color): #90b0d7
Після цього, клікніть правою кнопкою миші по
шару з синім прямокутником і виберіть
Копировать стиль слоя (Copy Layer Style)
Для наступних кроків нам знадобиться сітка
з налаштуваннями «Линия через каждые» (Gridline
Every) 1 px, тому перейдіть в Редактирование –
Настройки – Направляющие, сетка и фрагменты
(Edit – Preferences – Guides, Grid & Slices) і введіть
1 в полі «Линия через каждые» (Gridline Every).
Выберіть інструмент Прямокутник (Rectangle Tool)
і створять прямокутник розміром 105x70 пікселів,
розмістіть його так, як показано на зображенні.
Натисніть CTRL+T, введіть зверху кут повороту –
5° і натисніть Enter.
Перемістіть цей шар
під шар з першим синім прямокутником, потім
клікніть правою кнопкою миші по ньому і в меню, що
відкриється виберіть Вклеить стиль слоя (Paste Layer
Style).
Виберіть інструмент
Прямокутник (Rectangle Tool) і
створіть прямокутник 105х70 px,
помістіть його як показано на
зображенні і натисніть CTRL+T.
Зверху введіть кут повороту 3° і натисніть Enter.
Перемістіть цей шар під шар «front», потім клікніть
правою кнопкою миші по ньому і в меню виберіте
Вклеить стиль слоя (Paste Layer Style).
Відключіть Сітку (Просмотр – Показать – Сетку
(View – Show – Grid)) і продублюйте шар під назвою
«front» (CTRL+J). Очистіть продубльований стиль
шару, для цього клікніть правою кнопкою миші по шару і виберіть Очистить
стиль слоя (Clear Layer Style).
Зменшіть Заливку (Fill) про дубльованого шару до 0%.
Перейдіть в Слой – Стиль слоя – Параметры наложения (Layer – Layer Style
– Blending Options) і застосуйте наступні ефекти:
Примітка перекладача на скріншотах
Внутренняя тень (Inner Shadow):
Режим наложения (Blend Mode): Мягкий свет (Soft Light), цвет белый
(#ffffff)
Непрозрачность (Opacity): 100%
Угол (Angle): 90°
Глобальное освещение (Use Global Light):
Снять галочку
Смещение (Distance): 1 рх
Стягивание (Choke): 0%
Размер (Size): 0 рх
Сглаживание (Anti-aliased): Снять галочку
Шум (Noise): 0%
Внешнее свечение (Outer Glow):
Режим наложения (Blend Mode): Нормальный
(Normal)
Непрозрачность (Opacity): 40%
Шум (Noise): 0%
Метод (Technique): Мягкий (Softer)
Размах (Spread): 0%
Размер (Size): 4 рх

Зосередьте свою увагу на панели Слои (Layer), Затисніть на клавіатурі

клавішу CTRL і клікніть лівою кнопкою миші по шару з синім
прямокутником. Потім, утримуючи клавішу CTRL,
затисніть клавішу Shift і виділіть два інших синіх
прямокутника. У вас повинно бути виділено три синіх
прямокутника. Не знімаючи виділення, перейти на шар
із попереднього кроку (шар з заливкою 0%), і додайте
до нього шар маску, для цього
натисніть внизу на кнопку
Добавить слой маску (Add
Layer Layer Mask).
Відкрийте діалогове вікно
Стиль слоя, потім перейдіть в
Параметры наложения (Blending Option) і встановіть
галочку Слой-маска скрывает эффекты (Layer Mask
Hidden Effects). Після цього натисніть комбінацію клавіш Ctrl+D для того,
щоб зняти виділення.
Виберіть на панелі інструментів горизонтальний текст (Horizontal Type Tool)
і додайте надпис «docs» як показано на зображенні. Застосуйте до надпису
«docs» шрифт під назвою Eras Bold ITC та встановіть розмір шрифту 30 пт.
Потім зменшіть заливку текстового шару до 0%.
Перейдіть в Стиль слоя (Layer Style) і застосуйте наступні ефекти:
Тень (Drop Shadow):
Режим наложения
(Blend Mode):
Мягкий свет (Soft
Light), Цвет белый
(#ffffff)
Непрозрачность
(Opacity): 100%
Угол (Angle): 90°
Глобальное освещение (Use Global Light): Снять
галочку
Смещение (Distance): 1 рх
Размах (Spread): 0%
Размер (Size): 0
Внутрішня тінь (Inner Shadow):
Режим наложения (Blend Mode): Мягкий свет (Soft Light), цвет черный
(#000000)
Непрозрачность (Opacity): 100%
Угол (Angle): 90°
Глобальное освещение (Use Global
Light): Снять галочку
Смещение (Distance): 1 рх
Стягивание (Choke): 0%
Размер (Size): 8 рх
Сглаживание (Anti-aliased): Снять
галочку
Шум (Noise): 0%
Тиснение (Bevel and Emboss):
Стиль (Style): Внутренний скос (Inner Bevel)
Метод (Technique): Плавное (Smooth)
Глубина (Depth): 100%
Направление (Direction): Вверх (Up)
Размер (Size): 2 рх
Смягчение (Soften): 5 рх
Угол (Angle): 90°
Высота (Altitude): 30°
Глобальное освещение (Use Global Light):
Снять галочку
Сглаживание (Anti-aliased): Снять галочку
Режим подсветки (Highlight Mode):
Мягкий свет (Soft Light), Цвет черный #000000
Непрозрачность (Opacity): 80%
Режим тени (Shadow Mode):
Нормальный (Normal), Цвет черный
#000000
Непрозрачность (Opacity): 0%
Обводка (Stroke):
Размер (Size): 1 рх
Положение (Position): Внутри (Inside)
Режим наложения (Blend Mode):
Мягкий свет (Soft Light)
Непрозрачность (Opacity): 100%
Тип обводки (Fill Type): Цвет (Color)
Цвет (Color): Черный #000000
Тепер ви можете змінити колір іконки. Перейдіть на панель Слои (Layer),
сфокусуйте свою увагу на векторних фігурах з кольором, встановленим на
#c69c6d, і просто замініть його кольором, якому ви надаєте перевагу.

Примітка: для того щоб змінити колір іконки (папки) виберіть шар під
назвою «front», потім двічі клікнути по мініатюрі шару і в палітре кольорів
підберіть колір. Зробіть те саме для шару під назвою «back».
 ТЕМА 4.1. ПРОЕКТУВАННЯ WEB-САЙТУ

Завдання. За допомогою програми «Блокнот» створіть веб-сторінкі як

показано у примірнику. Оформіть звіт: приведіть всі скріншоти при
виконанні. Зробити висновки про виконання лабораторної роботи.

Вказівки до виконання
1. Створіть в середовищі текстового редактору Блокнот файл
«Оформлення сторінки.htm» з наступним змістом:

При перегляді сторінка повинна виглядати наступним чином:

 Додайте до нього кілька абзаців тексту (зокрема відомості про
виконавця роботи, групу, поточну дату) застосувавши різні варіанти
форматування тексту.

2. Створіть в середовищі текстового редактору Блокнот файл

«Списки.htm», що містить наступний код:
 При перегляді сторінка повинна виглядати наступним чином:

Додайте на сторінку нумерований та маркований списки (довільного

змісту).
3. Створіть в середовищі текстового редактору Блокнот файл
«Рисунки.htm», що містить наступний код: