
- •Модуль 1. Основи html. Лабораторна робота №1 html - основні поняття, структура документа
- •Основні теоретичні відомості.
- •1. Основні поняття
- •2. Правила запису тегів:
- •3. Структура документу
- •4. Визначення й оформлення функціональних розділів документа
- •5. Форматування html – документа Вирівнювання:
- •Індекси:
- •Параметри шрифту:
- •Існують наступні логічні стилі:
- •Існують наступні фізичні стилі:
- •Завдання до лабораторної роботи
- •Лабораторна робота №2 Робота з графічними зображеннями на Web-сторінці. Списки
- •Основні теоретичні відомості
- •1. Використання графічного зображення в якості фону
- •2. Формати графічних файлів для www
- •3. Вставка графічних зображень (елемент img та його атрибути)
- •4. Списки
- •Маркірований
- •Нумерований
- •Список визначень
- •Вкладені списки
- •Завдання до лабораторної роботи
- •Лабораторна робота №3 Робота з редактором web-сторінок Dreamweaver. Посилання. Зв'язок з іншими документами. Використання об'єктів як посилання.
- •1. Основні теоретичні відомості.
- •2. Створення гіперпосилань
- •3. Види посилань
- •4. З'єднання з іншими документами
- •5. Звертання до певних розділів інших документів
- •6. Використання зображення як посилання
- •Завдання до лабораторної роботи
- •Лабораторна робота №4 Створення таблиць. Робота з атрибутами таблиці.
- •Основні теоретичні відомості
- •1. Загальна структура таблиці
- •2. Завдання загальних параметрів таблиці
- •3. Форматування даних у таблиці, оформлення рамок (форматування рядків і комірок)
- •1. Вирівнювання даних у стовпцях таблиці
- •2. Завдання кольору рамок таблиці
- •3. Завдання фонового малюнка для таблиці
- •4. Структурування таблиці
- •Завдання до лабораторної роботи
- •Лабораторна робота №5 Створення фреймів Настроювання атрибутів фреймів. Використання посилань, створення фреймового меню.
- •Основні теоретичні відомості
- •1. Основні поняття
- •2. Елемент завдання фреймів frameset та його атрибути
- •3. Вміст фреймів (елемент frame)
- •4. Вкладені фрейми
- •5. Інші атрибути елемента frameset
- •6. Атрибути елемента frame
- •2. Посилання й навігація
- •3. Плаваючі фрейми (елемент iframe)
- •Завдання до лабораторної роботи
- •Лабораторна робота №6 Карти зображень. Робота зі звуком.
- •Основні теоретичні відомості
- •1. Основні поняття
- •2. Створення карти посилань в html
- •3. Створення карт посилань за допомогою редактора Dreamweaver
- •Робота з мультимедіа
- •Вбудовування звукових файлів в Web-сторінку
- •Фонові звуки
- •Рухомий текст
- •Завдання до лабораторної роботи
- •Модуль 2. Створення інтерактівності. Css. Dhtml. Лабораторна робота №7 Робота з формами
- •Основні теоретичні відомості
- •2. Створення елементів керування
- •Список, що розкривається:
- •Поле - список
- •Список із множинним вибором
- •Завдання до лабораторної роботи
- •Основні теоретичні відомості
- •1. Поняття про аркуші стилів
- •2. Поняття про внутрішні та зовнішні аркуші стилів
- •3. Вбудований стиль (атрибут style)
- •4. Заголовний стиль (елемент style)
- •6. Види селекторів
- •Стильові властивості
- •1. Значення властивостей
- •2. Властивості шрифтів
- •3. Властивості тексту
- •4. Властивості кольору і фону
- •Завдання до лабораторної роботи
- •Лабораторна робота №9 Зовнішні аркуші стилів . Стильові властивості
- •Основні теоретичні відомості
- •2. Звертання до зовнішнього аркуша стилів (елемент link)
- •3. Запис css-правил.
- •Стільові властивості (продовження)
- •1. Властивості блоку
- •2. Властивості списків
- •3. Інші групи стильових властивостей
- •4. Псевдокласи й псевдоелементи
- •Завдання до лабораторної роботи
- •Лабораторна робота №10 Спадкування й каскадуванния. Візуальні ефекти
- •Основні теоретичні відомості
- •1. Правила спадкування властивостей
- •2. Селектори нащадків
- •3. Каскади стилів
- •4. Пріоритети стилів
- •5. Шари й позиціонування елементів
- •6. Вирізання області (властивість clip)
- •Завдання до лабораторної роботи
- •Лабораторна робота № 11. Dhtml.
- •Завдання до лабораторної роботи
- •Вимоги до звіту та критерії оцінювання
- •Критерії оцінювання лабораторних робіт:
- •Критерії оцінювання індивідуальних робіт:
- •Для отримання заліку необхідно виконати 70% завдань і набрати не менше 145 балів. Завдання для індивідуальної роботи.
- •Рекомендована література
- •Фоменко Андрій Вікторович Практикум зі створення
Вбудовування звукових файлів в Web-сторінку
Для використання звукових файлів на Web-сторінкі можна застосувати будь-який з двох варіантів: вбудовувати файл за допомогою тегу <EMBED>, або створити посилання на звуковий файл. Перший варіант дає велику гнучкість в компоновці сторінки. Тег <EMBED> володіє значною кількістю параметрів, задаючи які можна контролювати відтворення звуку на сторінці. Проте у цих можливостей є і оборотна сторона. Якщо сторінка, розрахована на використання модуля Live Audio (Netscape), буде видимою іншим браузером, який, найімовірніше, матиме свої засоби для відтворення звуку, то всі унікальні для модуля настройки не працюватимуть.
Розміри консолі органів управління модуля LiveAudio мають постійні значення і не можуть змінюватися (наприклад, при повному наборі органів управління - 144 на 60 пікселів). Значення розмірів вікна, що відводяться під вбудований елемент параметрами HEIGHT і WIDTH, не повинні бути менше потрібних, інакше справа і знизу від консолі управління буде залишено відповідне вільне місце.
У таблиці 5 перераховані параметри тегу <embed> і їх значення, що використовуються спільно з модулем LiveAudio. Всі параметри необов'язкові, за винятком SRC, WIDTH і HEIGHT, що застосовуються при вбудовуванні в HTML- документ більшості об'єктів.
Таблиця 5. Параметри тегу <embed>
Параметр |
Опис |
SRC="filename" |
Указує ім'я відтворного файлу (формати AU, AIFF, AIF, WAV, MIDI і MID). Обов'язковий параметр |
WIDTH=n |
Визначає ширину консолі в пікселах. Обов'язковий параметр |
HEIGHT=m |
Визначає висоту консолі в пікселах. Обов'язковий параметр |
AUTOSTART= true|false |
При значенні TRUE, відтворення починається автоматично. За умовчанням - значення FALSE |
AUTOLOAD= true|false |
При значенні FALSE, файл не завантажується автоматично. За умовчанням - значення TRUE |
STARTTIME="ram:ss" |
Відтворення починається з вказаного в хвилинах і секундах моменту від початку файлу. За умовчанням -00:00 |
ENDTIME="mm:ss" |
Відтворення закінчується з вказаного в хвилинах і секундах моменту від початку файлу. За умовчанням - це кінець файлу |
VOLUME=percentage |
Гучність відтворення, вказана у відсотках від максимальної. За умовчанням - останнє значення |
ALIGN="value" |
Вирівнює консоль управління по відношенню до тексту сторінки. Може мати значення CENTER, BASELINE, TOP, LEFT, RIGHT. За умовчанням – BASELINE |
CONTROLS="value" |
Задає набір органів управління консолі. Може мати наступні значення: console, smallconsole, playbutton, pausebutton, stopbutton і volumelever. За умовчанням - CONSOLE |
CONSOLE |
Повний набір органів управління |
SMALLCONSOLE |
Компактне представлення консолі. Повний набір органів управління, окрім кнопки паузи |
PLAYBUTTON |
Тільки кнопка відтворення |
PAUSEBUTTON |
Тільки кнопка паузи |
STOPBUTTON |
Тільки кнопка зупинки. При цьому файл вивантажується |
VOLUMELEVER |
Тільки регулятор гучності |
CONSOLE="name" |
Комбінація органів управління, що дозволяє включити в сторінку декілька кліпів. Наприклад, можна вказати CONSOLE="MySetup" в двох тегах <EMBED> однієї сторінки – відобразяться однаково |
Якщо для кліпу задати параметри CONTROLS="volumelever" і CONSOLE= "mastervolume", то зміна гучності звучання даного кліпу відбиватиметься на гучності решти всіх кліпів.
Додаток ActiveMovie надає більше можливостей по управлінню чим LiveAudio.
При необхідності конфігурувати програму-сервер для роботи із звуковими файлами потрібно задати відповідні MIME-типы. У табл.6 перераховані MIME- типи і відповідні ним типи файлів, з якими працює модуль LiveAudio.
Таблиця 6. MIME- типи і відповідні ним файли
МIМЕ- тип |
Розширення |
audio/basic |
AU |
audio/x-aiff |
AIF, AIFF |
audio/aiff |
AIF, AIFF |
audio/x-wav |
WAV |
audio/wav |
WAV |
audio/x-midi |
MID, MIDI |
audio/midi |
MID, MIDI |
Запуск на відтворення будь-якого з десяти вбудованих кліпів приводить до активізації мастер-консоли. У цьому вікні відображатимуться всі параметри запущеного кліпу, а також працюватимуть всі кнопки управління.
Останнім параметром тегу <embed> є nolabels. Якщо йому привласнено значення TRUE, то виведення інформації про кліп (назва, автор і копирайт) буде заборонено.
Для тих користувачів, браузеры яких не підтримують тег <embed>, включите після цього тегу контейнер <noembed> з альтернативним змістом:
<NOEMBED> для браузеров,що не підтримують модуля </NОЕМВЕD>, що підключаються
Наприклад, можна такому рядку дати посилання для запуску самостійної програми-плейєра:
<EMBED SRC="sample.rpm" WIDTH=300 HEIGHT=100> <NOEMBED><A SRC="Sample.ram"> зараз запуститься програма RealPlayer</A></NOEMBED>