Відтворення звуку в декількох слайдах

Настройте звуковий супровід таким чином, щоб звук доданий на 1 слайді відтворювався на слайдах з 1 по 3. Для цього виконайте наступні дії:

- Клацніть правою кнопкою миші на піктограмі звукового файлу й виберіть команду Настроювання анімації.

- Клацніть на стрілці "униз" поруч із піктограмою звуку й виберіть із меню, що з'явився, команду Параметри ефектів. Відкриється діалогове вікно Відтворити звук.

- Клацніть на перемикачі Після (у розділі Закінчити) і встановите в ньому кількість слайдів, протягом яких повинна відіграти музика.

- При підрахунку слайдів почніть зі слайда, на якому включається звук. Наприклад, представте, що в презентації десять слайдів. Ви поміщаєте звук на третій слайд і прагнете, щоб він відтворювався на слайдах 3, 4, 5, 6 і вимикався на слайді 7. У цьому випадку в поле Після слід установити цифру 4.

- Клацніть на кнопці ОК.

- Ви також можете включити в слайд кілька звукових файлів. Наприклад, можна вставити фонову музику й звукові ефекти (оплески або звук поїзда, що наближається).

Додавання відеозапису

На слайд з переліком підприємств додайте відеозапис з одним з підприємств (відеозапис попередньо знайти в Інтернеті). Для додавання відеоролика на слайд виконаєте наступні дії:

- Встановіть курсор на слайді, у який будете додавати ролік (на ньому повинно бути досить вільного місця, якщо ні, розташуйте об’єкти таким чином, щоб звільнити необхідний простір).

- Виконаєте команду Вставка - Фільми й Звук - Фільм з файлу.

- Виберіть фільм, який необхідно вставити.

- Клацніть на кнопці ОК.

- Powerpoint запитає, як повинен відтворюється фільм: автоматично при відкритті слайда або по клацанню на піктограмі. При використанні простого типу фільмів (GIF) цей крок буде пропущений.

- Клацніть на кнопці Так для автоматичного відтворення фільму й Ні для запуску фільму вручну.

- Якщо необхідно, зміните розмір вікна фільму й перетягнете його в обрану область слайда.

- Для зміни розміру вікна фільму використовуйте кутові маркери. Розтягування вікна за одну зі сторін може привести до викривлення зображення.

- Щоб відтворити фільм при роботі із презентацією у звичайному режимі, двічі клацніть на фільмі. Під час показу слайдів слід клацнути тільки один раз, якщо фільм не відтворюється автоматично. А якщо ні, то фільм буде запущений, як тільки відкриється слайд.

- Можна також вставити фільм за допомогою команд Вставка – Фільми

- Треба пам’ятати, що при перенесенні презентації в інше місце (на інший комп’ютер) відео файл треба переносити разом з презентацією, а для відтворення файлу знову додати його до презентації).

Налаштування режиму показу слайдів

Виконайте налаштування показу презентації таким чином, щоб загальний час на презентацію складав 5 хв. Для цього необхідно виконати наступні дії:

- в меню Показ слайдів оберіть команду налаштування часу та встановіть час на показ всіх слайдів 5 хв.;

- погляньте всі слайди в режимі доповідача та впевнитись, що всі ефекти анімації вміщуються у відведений для слайда час;

- виконайте корегування часу для слайдів за допомогою точної настройки (проставлення часу для слайду в ручну);

- в налаштуванням презентації оберіть параметри: зміна слайдів автоматично та колір пера та лазерної указки – синій;

- в режимі перегляду слайдів (в контекстному меню) оберіть виокремлювач та зробіть помітки на слайдах. Всі зміни збережіть.

Завершення роботи: оформлення звіту та захист звіту. Прибирання робочого місця.

 

Звіт до практичної роботи № 18

Назва роботи: __________________________________________________________

_______________________________________________________________________

Мета: _________________________________________________________________

_______________________________________________________________________

Контрольні питання:

1. Способи додавання звукових файлів до слайдів___________________________

______________________________________________________________________

 

2. Які параметри налаштовуються для звукових файлів _______________________ _______________________________________________________________________

_______________________________________________________________________

 

3. Спосіб додавання відео файлів до слайдів ___________________________ _______________________________________________________________________

_______________________________________________________________________

4. Які параметри налаштовуються для відео файлі____________________________

______________________________________________________________________________________________________________________________________________

5. Яким чином виконується налаштування часу показу презентації ______________

_______________________________________________________________________

 

Фамілія, ім’я студента	Група	Дата	Фамілія, ім’я викладача	Оцінка

 

 

Практична робота №19

Тема: Робота з пошуковими системами

Мета:

- навчитися працювати з програмою-браузером MS Internet Explorer для пошуку інформації;

- ознайомитися з інформаційно-пошуковими системами та каталогами Yahoo!(www.yahoo.com) і Rambler(www.rambler.ru).

 

Теоретичні відомості

Для роботи з WWW може бути використана програма-браузер MS Internet Explorer. За її допомогою можна проглядати веб-сторінки(веб-сайти), переходити з однієї до іншої через гіперпосилання, скачувати інформацію з сервера на локальний диск та виконувати інші дії з гіпермедіа інформацією.

Всесвітня мережа Internet містить в собі величезну кількість інформації, тому пошук необхідних даних являє собою досить непросту задачу. Для її спрощення використовуються інформаційно-пошукові системи та каталоги. Найпопулярнішими з них є www.yahoo.com, www.altavista.com, www.rambler.ru та інші. В нашій роботі ми будемо розглядати англомовну систему Yahoo! та російськомовну — Rambler.

Принципові моменти роботи з пошуковими системами дуже схожі. Існує два основних методи пошуку інформації:

1. Пошук за ключовими словами.

2. Пошук за допомогою тематичних інформаційно-пошукових каталогів.

 

Завдання з коментарями

Уявіть собі ситуацію. Людина захворіла. Її лихоманить, у неї нежить, біль в горлі. Досить неприємна ситуація. Їй здається, що в таких випадках використовується аспірин, але вона не впевнена. Що ж робити? Щоб отримати відповідь, скористаємося Internet.

Запускаємо програму-браузер MS Internet Explorer. У поле “Адрес” введемо адресу пошукового серверу www.yahoo.com. Після завантажен ня ви отримаєте щось на зразок рис.1.

 

 

Рис. 1. Головна сторінка серверу WWW.yahoo.ru

 

У верхній частині екрану ви можете побачити маленьке віконце, поряд з яким є кнопка “Поиск.Yahoo!”. У віконце введіть слово “аспирин” і натисніть кнопку “Поиск.Yahoo!” (ви можете вводити і декілька слів або фраз, а також використовувати елементи логіки. Наприклад: “+аспирин+Bayer” — означає “Знайти всі сайти, де є інформація про аспірин фірми Баєр”, а “аспірин анальгин” — “Знайти сайти, де є інформація про аспірин або анальгін”). Після цього ви отримаєте список сайтів, де зустрічається потрібна вам інформація. Наприклад малюнок 2.

Рис. 2. Список сайтів з потрібною інформацією

Розглянемо один із найпопулярніших російськомовних серверів — Rambler. У віконце “Адрес” введіть адресу: www.rambler.ru.

Після завантаження у вже знайоме нам поле пошуку вводимо “аспирин” и натискаємо “Найти”.

Рис. 3. Головна сторінка серверу www.rambler.ru

 

 

Отримаємо список сайтів, де знайдено потрібну інформацію (рис. 4).

Рис. 4. Результат запиту на сервері www.rambler.ru

 

Вибираємо сайт, який, на вашу думку, найбільше відповідає запиту і натискаємо на його назву. Після цього завантажиться обраний сайт з потрібною інформацією.

Рис. 5. Популярна пошукова система Meta-Ykraine.com.ua.

 

 

Популярні пошукові системи в Інтернеті

Система	Goodle	Altavista	Allthe Web	Yahoo!	Яndex	Rambler	Meta	UAport
Веб-адреса	goodle. com.ua	altavista. com	alltheweb. com	yahoo.com	yandex.ru	rambler. com	meta-ukraine .com.ua	uaport.net
Актуальність пошуку	актуально	Актуально	актуально	актуально	актуально	мало	актуально	актуально
Швидкість пошуку	дуже швидко	Швидко	швидко	швидко	швидко	швидко	дуже швидко	середньо
Об’єм web-сторінок	3,3 млрд.	нема даних	3,15 млрд.	нема даних	110,9 млн.	нема даних	нема даних	нема даних

 

Завдання для самостійного виконання

1) Уявіть собі ситуацію: ви є палким прихильником групи “ВВ”. Хочете знайти слова пісні “День народження”. За допомогою індивідуально-пошукових каталогів виконайте пошук необхідної інформації.

2) Уявіть собі ситуацію: ви плануєте придбати автомобіль. В рекламі ви почули про нову модель “Шкода-Октавія”. Вас цікавить більш докладна інформація про неї. По ключовим словам знайдіть потрібну вам інформацію.

 

Звіт до практичної роботи № 19

Назва роботи: ___________________________________________________________________

______________________________________________________________________________

 

Мета: ________________________________________________________________________

_____________________________________________________________________________

 

 

Питання для захисту

 

1) Що таке браузер і яке він має призначення?

____________________________________________________________________________________________________________________________________________________________

2) Які ви знаєте найпопулярніші браузери?

________________________________________________________________________________________________________________________________________

3) Які вам відомі методи пошуку інформації в Internet?

________________________________________________________________________________________________________________________________________

4) Які ви знаєте інформаційно-пошукові системи та каталоги?

________________________________________________________________________________________________________________________________________

5) Що означають терміни “гіпермедіа-інформація”, “гіпертекст”, “гіперпосилання”?

__________________________________________________________________________________________________________________

 

Фамілія, ім’я студента	Група	Дата	Фамілія, ім’я викладача	Оцінка

 

 

Практична робота № 20

Тема: Створення Web-сайту за допомого HTML-коду.

Мета: освоїти основні прийоми роботи створення HTML-сторінки за допомогою текстового редактору "Блокнот" та методику використання тегів форматування тексту та HTML-документу. Формування інформаційної культури учнів.

Оснащення робочого місця: апаратне забезпечення - ЕОМ типу Pentium IV, периферійні пристрої; програмне забезпечення – операційна система, прикладне програмне забезпечення.

 

Теоретичні відомості:

HTML-документ – файл текстової або нетекстової природи (звук, відео, зображення), створений за допомогою мови гіпертекстової розмітки HTML (HyperText Mark-upLanguage).

Застосування універсальної мови HTML зумовлене необхідністю представлення інформації для глобального використання комп’ютерами різноманітних типів, що працюють під управлінням різноманітних операційних систем. Існують стандарти мови HTML, які підтримуються практично всіма провідними компаніями-розробниками програмного та апаратного забезпечення. Ці стандарти передбачають, що HTML-документ буде однаково та коректно представлений будь-якому користувачеві мережі WWW.

Мова HTML надає розробникам засоби для:

- Публікації HTML-документів з заголовками, текстом, таблицями, списками, рисунками і т.і.

- Навігації по HTML-документам за допомогою гіперпосилань.

- Розробки форм для обміну даними з відділеними службами, що можуть бути використані при пошуку інформації, в електронній комерції і т.і.

- Включення електронних таблиць, відео та аудіо кліпів та інших додатків безпосередньо в HTML-документи.

Текстовий HTML-документ представляє собою звичайний текстовий файл з розширенням HTML або HTM. Відзначимо, що в назві файлу можливо використовувати тільки символи латинського алфавіту, арабські цифри, символи дефісу ("-") та підкреслення ("_").

В цьому документі може міститись інформація двох типів: звичайний текст та команди (теги) мови HTML. Зміст HTML-документу інтерпретуються браузером під час завантаження. Як правило, наслідком інтерпретації тексту є його відображення у вікні браузера. Результати інтерпретації тегів залежать від їх призначення. Наприклад, це може бути форматування тексту або відображення у вікні браузера певного рисунку.

Всі теги мови HTML-документу виділяються обмежуючими символами (< та >), між якими записується ідентифікатор (ім’я) тегу. Розрізняють одинарні та парнітеги.

Наведемо приклад одинарного тегу для відображення у вікні браузера горизонтальної лінії <hr>.

На відміну від одинарного для визначення парного тегу (тегу-контейнеру) використовуються відкриваючий та закриваючий тег. Закриваючий тег відрізняється наявністю символу / перед іменем тегу. Наприклад:

<td> Зміст тегу </td>

Все, що записано між відкриваючим та закриваючим тегом називають змістомтегу. В деяких випадках закриваючий тег можливо не використовувати. Наприклад тег-контейнер <li> можливо використовувати без закриваючого тегу </li>.

Теги можуть мати параметри (атрибути). Наприклад, для визначення розміру тексту в тезі <font> можливо використати атрибут size:

<font size='12'>

Кількість та номенклатура параметрів індивідуальні для кожного тегу. Якщо параметрів декілька, то вони відокремлюються між собою за допомогою пробілів. Наприклад:

<font size=12 color='red'>

Відзначимо, що як імена тегів, так і імена параметрів не чутливі до регістру символів, за допомогою яких вони визначені. Таким чином, визначення тегів <br> та <BR> рівнозначне. Розрізняють параметри тегів, які потребують запису значення та параметри, які використовуються без значення.

Якщо параметр тегу не потребує запису значення, то використовується тільки назва параметру. Наприклад:

<brnoshade>

Якщо параметр тегу потребує запису значення, то воно вказується після назви параметру після символу "=". Значення параметру може записуватись як в одинарних або подвійних лапках, так і взагалі без лапок. Наприклад:

<tdalign='left'>

<tdalign="left">

<tdalign=left>

Проте рекомендується записувати значення параметру в одинарних або подвійних лапках.

Крім одинарних та парних тегів розрізняють теги рівня блоку та послідовнітеги. Різниця між ними полягає в тому, що теги рівня блоку можуть містити послідовні теги та інші теги рівня блоку. Послідовні теги можуть містити тільки данні та інші послідовні теги. Наведемо приклади:

- Теги рівня блоку: <table></table>, <p></p>.

- Послідовні теги: <img>, <br>.

Важливою особливістю мови HTML є те, що неправильно записані теги або параметри тегів ігноруються браузером. При цьому браузер не показує ніякого повідомлення та переходить до інтерпретації інших частин HTML-документу.

Мова HTML передбачає можливість використання кольорового форматування HTML-документу. При цьому кольори визначаються або за допомогою англійських назв, або в форматі RGB (RedGreenBlue).

Приклади визначення кольорів за допомогою англійських назв:

- green – зелений.

- red – червоний.

- blue – синій.

- white – білий

- black – чорний.

Хоча такий спосіб визначення кольору досить зручний, але він обмежений кількістю відповідних назв. Тому більш поширений є спосіб визначення кольорів у форматі RGB, який дозволяє використовувати більш ніж 1,5 млн. кольорів.

Передумовою використання формату RGB є те, що будь-який колір можливо визначити за допомогою трьох кольорів: червоного (red), зеленого (green) та синього (blue). В форматі RGB кожному із цих кольорів може відповідати число від 0 до 256, записане в шістнадцятичному форматі. Відсутність даного кольору відповідає числу 0 (00), а максимальна насиченість числу 256 (ff). Синтаксис RGB передбачає використання знаку "#".

Приклади визначення кольорів в форматі RGB:

- Червоний – #ff0000.

- Зелений – #00ff00.

- Синій – #0000ff.

- Чорний – #00000.

- Білий – #fffffff.

Для створення HTML-документу достатньо використовувати текстовий редактор, який не вставляє в текст документу власних команд. Прикладом може бути редактор "Блокнот", що входить в стандартну комплектацію операційної системи Windows.

Технологія створення HTML-документу в випадку застосування "Блокноту" полягає в тому, що Web-програміст визначає текст HTML-документу та теги, що в ньому використовуються. Після цього HTML-документ зберігається у файлі формату html або htm та тестується за допомогою браузеру. Після виправлення помилок HTML-документ може бути розміщений на Web-сервері.

Хоча вказана технологія є досить простою та не потребує спеціального програмного забезпечення, але вона є не оптимальною з точки зору трудомісткості, виявлення помилок при визначенні тегів та високих вимог до кваліфікації Web-програміста. Високі вимоги пояснюються тим, що Web-програмісту необхідно пам’ятати великий обсяг інформації, пов’язаний з номенклатурою та синтаксисом тегів. Тому на сучасному етапі використовують спеціальні HTML-редактори, які дозволяють суттєво підвищити якість програмного коду та прискорити процес створення HTML-документів. Найбільш популярними серед вітчизняних Web-програмістів є HTML-редактори – MacromediaHomesite та MacromediaDreamweaver. Популярність цих редакторів пояснюється дружнім інтерфейсом користувача, наявністю вбудованої в редактори бібліотеки тегів та синтаксичного аналізатора правильності програмного коду HTML-документу, а також можливістю застосування візуальної технології створення HTML-документів.

Проте практичний досвід показує, що реалізація сучасного клієнтського забезпечення Web-сайту за допомогою будь-якого редактору неможлива без глибоких знань мови HTML, каскадних таблиць стилів, мови програмування JavaScript.

 

Хід роботи:

1. Підготовчі роботи:

– Створюємо теку де будуть розміщуватись HTML-файли. Наприклад на диску Е створюємо теку HTML.

– Встановлюємо настройки для відображення розширень файлів. Для цього заходимо в нашу теку та вибираємо команди меню "Сервис" → "Свойства папки". У вікні "Свойства папки" переходимо на вкладку "Вид" та знімаємо перемикач у рядку "Скрывать расширения для зарегистрированных типов файлов" (рис.1).

Рис. 1 Настройка папки для відображень розширення файлів

 

2. В теці HTML створюємо текстовий документ з назвою text.html. При цьому повинно з’явитись вікно запиту зміни розширення файлу (рис.2). В цьому вікні натискаємо на кнопку "Да". Іконка, файлу text.html зміниться на таку, що відповідає браузеру.

Рис. 2. Вікно запиту зміни розширення файлу

 

3. Відкриваємо файл text.html за допомогою браузеру (рис.3). Відзначимо, що на цей момент файл порожній.

Рис. 3 Відображення порожнього файлу text.html у вікно браузера

 

4. Для запису інформації у файл text.html вибираємо наступні меню браузера, "Вид" →"Просмотр HTML-кода". У відповідь на це відкривається вікно текстового редактора "Блокнот" з файлом text.html.

5. В редакторі "Блокнот" записуємо HTML-код, що визначає основні розділи HTML-документу, встановлює кодування Windows-1251 та встановлює назву документу "Лабораторна робота №2". Відзначимо, що назва HTML-документу відображається в рядку заголовку браузера.

<html>

<head>

<meta http-equiv="Content-Type" content="text/html;

charset=windows-1251">

<title> Лабораторна робота №2</title>

</head>

<body>

</body>

</html>

6. Зберігаємо в блокноті записаний текст, переходимо в браузер та за допомогою кнопки "Обновить" оновлюємо сторінку text.html (рис.4).

Рис. 4 Відображення назви HTML-документу

 

7. Для визначення тексту напівжирними символами, курсивом та підкресленими символами в тілі HTML-документу записуємо:

<body>

<b>напівжирні символи</b>,

<i>курсив</i>,

<u>підкреслені символами</u>,

<b><i><u>комбінація</u></i></b>

</body>

Зберігаємо документ у "Блокноті" та оновлюємо його в браузері (рис. 5)

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

 

8. Додамо в HTML-документ формулу X²+X⁴ = Y_i. Для цього в кінці тіла документу допишемо:

…

<br>X²+X⁴=Y_i

</body>

Відзначимо, що тег <br> використано для запису формули з нового рядка.

9. Додамо в наш документ HTML-код для відображення тексту у вигляді заголовків:

…

<h1>Заголовок 1</h1>

<h2 align="center">Заголовок 2. Вирівнювання "по центру"</h2>

<h3 align="right">Заголовок 3. Вирівнювання "по правому краю" </h3>

<h4>Заголовок 4</h4>

<h5>Заголовок 5</h5>

<h6>Заголовок 6</h6>

</body>

Фрагмент вікна браузера з текстом у вигляді заголовків показаний на рис.6.

10. Додамо в документ три фрагменти тексту, червоного кольору. Перший фрагмент запишемо шрифтом "Arial", розміром 7, другий шрифтом "GothicG" розміром 3, "Verdana" розміром 1. Для цього додамо наступний HTML-код:

…

<br><fontface="Arial" size="7" color="Red">Перший фрагмент

тексту</font>

<br><fontface="GothicG" size="3" color="Red">Другий фрагмент

тексту</font>

<br><fontface="Verdana" size="1" color="Red">Третій фрагмент

тексту</font>

</body>

Відповідний фрагмент вікна браузера показаний на рис. 7.

 

Рис. 6. Відображення заголовків

 

Рис. 7. Використання тегу <font>

11. За допомогою тегів абзаців та ліній розділимо наш HTML-документ на окремі частини. До того ж визначимо, що колір фону сторінки сірий, а колір тексту коричневий. Крім того встановимо, що горизонтальні відступи від об’єктів HTML-сторінки до границь вікна браузера дорівнюють 3, а вертикальні 2 пікселі. Для цього змінимо HTML-код наступним чином:

<body leftmargin=2 topmargin=1 bgcolor="Silver" text="Maroon">

<p align="right">

<b>напівжирні символи</b>, <i>курсив</i>, <u>підкреслені

символами</u>,

<b><i><u>комбінація</u></i></b>

<br>X²+X⁴=Y_i

</p>

<hrwidth="100%" size="2" noshade>

<h1>Заголовок 1</h1>

<h2 align="center">Заголовок 2. Вирівнювання "по центру"</h2>

<h3 align="right">Заголовок 3. Вирівнювання "по правому краю" </h3>

<h4>Заголовок 4</h4>

<h5>Заголовок 5</h5>

<h6>Заголовок 6</h6>

<hrwidth="70%" size="3" noshade>

<p align="center">

<br><fontface="Arial" size="7" color="Red">Перший фрагмент

тексту</font>

<br><fontface="GothicG" size="3" color="Red">Другий фрагмент

тексту</font>

<br><fontface="Verdana" size="1" color="Red">Третій фрагмент

тексту</font>

</p>

</body>

Відображення даної HTML-сторінки у вікні браузера показане на рис. 8.

Рис. 8. Використання форматування текстової частини HTML-документу

 

Звіт до практичної роботи № 20

Назва роботи: ___________________________________________________________________

______________________________________________________________________________

Мета: _________________________________________________________________________

______________________________________________________________________________

Контрольні питання:

1. Як визначити розмір вертикального відступу від тексту до границі браузера? ______________________________________________________________________________

______________________________________________________________________________

2. Як визначити розмір горизонтального відступу від тексту до границі браузера? ______________________________________________________________________________

_____________________________________________________________________________

3. Як визначити колір тексту для всього документу? ________________________________

_____________________________________________________________________________

4. Як визначити колір фрагменту тексту? _________________________________________

______________________________________________________________________________

5. Як визначити шрифт, яким текст буде відображуватись у вікні браузера?

______________________________________________________________________________

______________________________________________________________________________

6. Як записати тег лінії з товщиною в 5 пікселів? ____________________________________

______________________________________________________________________________

7. Чи можливо задати лінію товщиною в 200 пікселів? _______________________________

______________________________________________________________________________

8. Як записується тег заголовку 5 розміру з вирівнюванням по центру?

______________________________________________________________________________

______________________________________________________________________________

9. Як записується тег абзацу з вирівнюванням по лівому краю? ________________________

______________________________________________________________________________

10. Яким чином задати обов’язкове відображення фрагменту тексту з нового рядка? _______________________________________________________________________________

_______________________________________________________________________________

Фамілія, ім’я студента	Група	Дата	Фамілія, ім’я викладача	Оцінка