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

1. Поняття блокового елементу розмітки.

2. Поняття рядкового елементу розмітки.

3. Теги для стильового узагальнення рядкових і блокових елементів. Властивості css

CSS дозволяє визначити широкий спектр властивостей таблиць стилів. Імена властивостей складаються з одного, а час­тіше — з двох або трьох слів, розділених дефісом. У складних назвах перше слово зазвичай представляє категорію й одночасно є скороченим варіантом імені властивості для всієї категорії. На­приклад, категорія «background» відповідає за всі властивості, пов'язані з фоном елемента та може містити підкатегорії «соlоr» (тобто відповідає за колір фону), «image* (відповідає за фоновий рисунок) тощо.

Усі змінювані властивості поділяються на п'ять груп. Роз­глянемо їх.

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

1. Властивості для визначення кольору і фону.

2. Властивості шрифтів і тексту.

3. Властивості списків.

4. Властивості блокових елементів.

5. Властивості позиціонування об’єктів.

6. Додаткові властивості.

5.06.03 Блок змістовних модулів

Інтерактивні і мультимедійні засоби WEB

5.06.03.01 Модуль Інтерактивні і мультимедійні засоби web

Уведення декількох рядків тексту

Уведення декількох рядків тексту. Якщо потрібно ввести великий текст, то використовується область для введення тек­сту. Вона визначається тегом

<TEXTAREA

NAME="var-name"

ROWS="4"

COLS="80">

Текст, за замовчуванням, що відображається в області введення </TEXTAREA>

Опція NAME вказує ім'я змінної, у якій зберігатимуться отримані дані, ROWS і COLS визначають розмір області в рядках і в стовпцях відповідно.

Текст, що відображатиметься в області введення за замов­чуванням, повинний знаходитися між початковим тегом <ТЕХТ-AREA> і завершальним </TEXTAREA>.

Приклад форми, що запитує в користувача кілька рядків тексту:

<TEXTAREA NAME-'MyText"ROWS=8 COLS=80> Текст, відображуваний за замовчуванням </TEXTAREA>

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

Окрім елементів управління на формі можна розмістити спливаючі меню. Воно дає можливість користувачеві вибрати з меню один або кілька елементів. Меню визначається всередині тегу <SELECT>...</SELECT>.

Кожен пункт меню починається тегом <OPTION>. Зазви­чай перший у списку елемент є елементом за замовчуванням, од­нак можна змінити елемент за замовчуванням, вказавши опцію SELECTED.

<FORM

METHOD="POST"

ACTION="/cgi-bin/data "> Виберіть елемент: <SELECT NAME="var-name">

<OPTION>nepший

<OPTION>nepший

<OPTION>Tpemій

<OPTION SELECTED>4emeepmuu

<OPTION>n'ятий

</SELECT> </FORM>

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

1. Тег уведення декількох рядків тексту.

2. Тег спливачіх меню. Вставка звукових файлів

Для воспроизведения фоновой музыки проще всего применить тег <BGSOUND> . Правда, он работает только в броузерах Internet Explorer и Mosaic, зато очень удобен. Если написать так:

<BGSOUND SRC="beethl.mid" LOOP="-1" BALANCE”"-5000" VOLUME="0">

то на веб-странице в качестве фоновой музыки будет исполняться файл beeth.mid, который указан в атрибуте SRC=. Атрибут LOOP= нужен для того, чтобы определить, что делать, когда музыкальный фрагмент завершится. Значение LOOP="-1" или LOOP="infinite" означает, что музыкальный файл будет проигрываться от начала до конца бесконечное количество раз (пока пользователь не покинет веб-страницу). Значением атрибута LOOP= может быть положительное число, означающее количество повторов звукозаписи. Например, при LOOP="4" файл будет проигран четыре раза.

Для броузера Internet Explorer версии 4 (и более поздних) можно применять еще два атрибута: VOLUME= и BALANCE=. С помощью атрибута VOLUME= можно уменьшить громкость звучания. Именно уменьшить, поскольку | значение этого атрибута по умолчанию равно нулю, что соответствует максимальной громкости. Теоретически, предельное значение атрибута

VOLUME= равно -10 000, однако обычно в использовании значений менее -1000 особого смысла нет.

Атрибут BALANCE= задает смещение звука по панораме. Его значение равное “-10 000” соответствует крайнему левому положению, а “10 ООО” — крайнему правому. Значение по умолчанию равно нулю, что соответствует расположению звука по центру, в большинстве случаев является оптимальным решением.

Существует еще один атрибут тега <BGSOUND>, работающий только в броузере Mosaic. Это атрибут DELAY=, который определяет паузу перед нача лом звучания фонового музыкального файла. Интересно, что значение DELAY= нужно указывать в секундах (а не в миллисекундах, как обычно). Применение этого атрибута имеет смысл только для не больших аудиоклипов, поскольку обычно музыкальный файл все равно начинает звучать после некоторой задержки, так как загружается довольно долго, особенно если это файл формата WAVE или AIFF.

И наконец, еще один способ помещения музыки на веб-страницу заключается в простом создании гиперссылки на музыкальный файл (в атрибуте HREF=). Например, если написать

...А теперь послушайте <А HREF="mymusic.mid">музыкy</A>!

то при нажатии на гиперссылку пользователь услышит звукозапись из заданного файла (после того как тот загрузится). В некоторых случаях броузер может выдать запрос, открывать ли ему этот файл с текущего места (то есть, проигрывать ли его сразу), или же просто сохранить на жестком диске. А иногда броузер может запросить указание на приложение, с помощью которого данный файл должен воспроизводиться. Если музыкальная информация действительно важна, следует пользоваться именно этим способом, поскольку в самом крайнем случае пользователь всегда сможет просто сохранить файл на диск, а потом уже прослушивать его с помощью других npогpaмм.