Поняття про динамічні ефекти
Динамічними називаються ефекти, коли графічні зображення на Web-сторінці змінюються з часом, елементи сторінки змінюють розміри або навіть свій зміст після клацання над ними мишею, текст «біжить» уздовж екрана тощо.
Розглянемо ефект рухомого тексту у смузі, що має висоту HEIGHT ="висота в пікселах" і фон BGCOLOR = "колір фону". Ефект створюється за допомогою парного тега <MARQUEE>...</MARQUEE>, а саме:
<MARQUEE BGCOLOR="aqua" HEIGHT = 40> Особиста сторінка Ваше прізвище та ім’я</ MARQUEE>.
Зауваження. За допомогою цього тега можна заставити рухатись і графічний об’єкт. Перевірте це самостійно.
Текст "Особиста сторінка Ваше прізвище та ім’я" буде пробігати у смузі справа наліво, заходитиме за край екрана і з'являтимуться знову справа. Даний тег рекомендують застосовувати до заголовків сторінки.
Ефект відбивання від країв екрана забезпечує параметр BEHAVIOR = "alternate", а зупинити рядок біля лівого краю екрана може значення цього параметра "slide". Значення "right" параметра DIRECTION забезпечить ефект руху у протилежний бік.
Обмеження кількості проходів задається параметром LOOP=число, де цифра - кількість проходів. Смугу можна центрувати за допомогою параметрів HSPASE і VSPACE. Швидкість руху задає параметр SCROLLAMOUNT=число, де число – величина швидкості руху, де конкретне значення вибирають з діапазону від 1 (повільно) до 10 (швидко).
Вправа 8. У тексті коду веб-сторінки у файлі file1.htm вставте рухомий рядок, наприклад, такого змісту:
1) <MARQUEE BGCOLOR="aqua" HEIGHT = 40 LOOP=5> Приватна сторінка Ваше прізвище та ім’я</ MARQUEE>.
2) Далі змініть цей рядок на такий:
<MARQUEE BGCOLOR="aqua" HEIGHT = 50 LOOP=4 DIRECTION =”rihgt” SCROLLAMOUNT=5> <FONT FACE = "Courier" SIZE = +4 COLOR = "red"> Особиста сторінка Ваше прізвище та ім’я </FONT></MARQUEE>
перегляньте веб-сторінку.
3) Ще раз внесіть зміни (Рис.8.3):
<MARQUEE BGCOLOR="aqua" HEIGHT = 50 LOOP=4 BEHAVIOR = "alternate" SCROLLAMOUNT=3> <FONT FACE = "Courier,Monotype Corsiva" SIZE = +3 COLOR = "magenta"> Особиста сторінка Ваше прізвище та ім’я </FONT></MARQUEE>
і перегляньте веб-сторінку.
4) І нарешті внесіть такі зміни:
<MARQUEE BGCOLOR="aqua" HEIGHT = 40 LOOP=5 BEHAVIOR = "slide" SCROLLAMOUNT=5> <FONT FACE = "Monotype Corsiva,Courier" SIZE = +5 COLOR = "red"> Особиста сторінка Ваше прізвище та ім’я </FONT></MARQUEE>
перегляньте веб-сторінку і зробіть висновки.
На Рис.8.4 наведено вигляд веб-сторінки, код якої міститься у файлі file1.htm після виконання восьми вправ цього завдання.
Рис.8.3. Створення коду рухомого рядка у файлі file1.htm.
Рис.8.4. Вигляд веб–сторінки, код якої міститься у файлі file1.htm після виконання восьми вправ цього завдання.
Лабораторна робота № 5
Тема: Робота з таблицями та об’єктами у текстовому процесорі MS Word.
Мета: Закріпити вміння редагування, форматування та збереження документа у текстовому процесорі MS Word. Набути навичок роботи з таблицями та об’єктами.
Хід виконання роботи
|
№ п/п |
Завдання |
Хід виконання |
|
1 |
2 |
3 |
|
|
Завантажити текстовий процесор MS Word за допомогою кнопки Пуск, використовуючи розділ меню Программы). |
|
|
|
Зберегти файл, давши йому ім’я Лаб_Word_1_Ваше прізвище на Робочому столі. Не забудьте премістити його в кінці пари у папку Мой компьютер\\ Користувач \ Прізвище\ Word \ Лабораторні роботи, використовуючи мишу. |
|
|
|
Набрати текст (див. на сторінці 32 – заголовок з таблицею). |
|
|
|
Використовуючи відповідні засоби на лінійках, задати параметри сторінок файлу: верхнє поле 1,5 см; нижнє поле 1,5 см; ліве поле 2,5 см; праве поле 1,5 см. |
|
|
|
Відформатувати введений текст відповідно до зразка (сторінка 33). |
|
|
|
Розмістити числові значення стовпчика Оклад у порядку зростання. (Попередньо виділити необхідні комірки) |
Работа с таблицами/Макет/Данные/Сортировка |
|
|
Використовуючи вілповідні засоби стрічки, розрахувати значення колонок Податок =0,15*SUM(LEFT), До сплати = d2+e2-f2 та відповідних комірок Усього =SUM(ABOVE). На претині стовпчиків Усього та До сплати виконати розрахунок ще й за іншою формулою. |
Работа с таблицами/Макет/Данные/Формула |
|
|
Використовуючи панель інструментів стрічки, включити режим виведення на екран спеціальних (недрукованих) символів. |
|
|
|
Показати результати викладачу. |
|
|
|
Відмінити режим виведення на екрані спеціальних символів. |
|
|
|
Побудувати гістограму з групуванням за значенням стовпчика До сплати. |
Вставка/Диаграмма Замінити запропоновані дані на необхідні |
|
|
Показати результати викладачу. |
|
|
|
Виконати такі зміни у діаграмі: Легенда – додати рамочку, змінити шрифт на Times New Roman, розмістити внизу; Змінити тип діаграми на «об’ємний з групуванням»; Стінки і основу діаграми зробити світло-сірими; Вісь значень та вісь катергорій – змінити шрифт на Times New Roman; Встановити значення над стовпчиками і змінити у них шрифт на Times New Roman; Додати заголовок діаграми Заробітна плата та змінити у ньому шрифт на Times New Roman, № 14, звичайний. |
|
|
|
Показати результати викладачу. |
|
|
|
Записати до верхнього колонтитулу (по центру) текст Заробітна плата робітників. |
|
|
|
Використовуючи стрічку, виконати попередній перегляд документа. |
|
|
|
Показати результати викладачу. |
|
|
|
Виконати такі зміни у таблиці: Перед першим рядком додати рядок; У цьому рядку об’єднати 4, 5 комірки; В утвореній комірці набрати текст Нараховано і розмістити його по центру; У цьому ж рядку у 6 комірці набрати текст Відраховано і розмістити його по центру; У комірках 1, 2,3, 7 зняти нижнє обрамлення; Об’єднати попарно комірки 1 і 2 рядка у 1, 2, 3, 7 комірках і текст вирівняти по центру; За допомогою клавіатури додати рядок після останнього рядку таблиці. |
|
|
|
Використовуючи панель швидкого доступу, виконати збереження документа. |
|
|
|
Показати результати викладачу. |
|
|
|
Виконати збереження файлу, встановивши на нього пароль. Перевірити дію пароля. |
|
|
|
Зняти пароль. |
|
|
|
За допомогою системного меню закрити текстовий процесор MS Word з підтвердженням збереження результатів. |
|
|
|
Перемістіть створений вами документ у папку Мой компьютер\\ Користувач \ Прізвище\ Word \ Лабораторні роботи, використовуючи мишу. |
|
|
|
Оформити звіт, зробити висновки. |
|
Текст:
