9. Вставляння гіперпосилань. Є два види гіперпосилань: 1) на файл; 2) на деяке місце на даній сторінці, а саме: на початок сторінки – top, кінець сторінки – bottom, на деякий позначений текст. Гіперпосилання вставляють за допомогою парного тега <А>...</А> з параметром HREF = "адреса файлу (або слова top чи bottom чи позначений текст)".

Гіперпосиланням може бути текст або деяке графічне зобра-ження. Розглянемо на прикладі випадок, коли гіперпосиланням є текст. Нехай у реченні "Мене звати Валентина" слово "Валентина" потрібно зробити гіперпосиланням на файл "newinf.htm", що містить додаткові відомості про Валентину (цей файл ще треба створити). Це роблять так:

Мене звати <А HREF = "newinf.htm"> Валентина </А>.

На екрані слово Валентина буде підкреслене і зображене іншим кольором. Колір гіперпосилання визначається у тезі BODY параметром LINK = "колір". Крім цього корисними є ще два параметри: VLINK= "інший колір" – змінює колір гіперпосилання на інший після першого використання; ALINK = "ще інший колір" – змінює колір активізованого користувачем гіперпосилання на ще інший.

Тепер розглянемо, як деяке графічне зображення зробити гіперпосиланням. Для цього в середині тега <А>...</А> потрібно використати тег IMG. Наприклад, фотографію Світлани, що є у файлі "svitlana.gif", візьмемо в рамку і зробимо з неї гіперпосилан-ня на файл newinf.htm:

<А HREF = "newinf.htm"><IMG SRC = "valentina.gif" BORDER =8 ></A>

Клацнувши у Web-сторінці на фотографії Валнтини, отримаємо на екрані файл з додатковою інформацією про неї.

Розглянемо другий тип гіперпосилань – посилання в межах сторінки. Спочатку потрібно позначити місце на сторінці, куди здійснюватиметься перехід. Якщо з деякого місця перехід має виконуватися на початок сторінки, то в місце html-файлу, що від-повідає початку сторінки, вводять тег, який називається якорем:

<А NAME="#початок"</A>.

Аналогічно позначають (кидають якір у) деяке місце в кінці файлу: <А NАМЕ="#кінець"</А>.

Будь-яке місце в тексті можна позначити за допомогою тега: <А NАМЕ="#мояпозначка"</А>.

Тепер на сторінці розставляють гіперпосилання на створені позначки:

<А HREF="#початок (#кінець або #мояпозначка)"> текстгіперпосилання </А>.

Якщо одна сторінка займає декілька екранів, то в кінці сторінки вартує вставити гіперпосилання для переходу на її початок, наприклад,

Тепер можна перейти <А HREF="#noчаток''> на початок</А> сторінки.

Завдання 3. Вставте в документ гіперпосилання на інший html-файл (наприклад, filel.htm тощо), а також посилання на початок і кінець документа. Збережіть файл під назвою file3.htm. Перегляньте його броузером.

10. Вставляння звуку і відеозображення. Важливо пам'ятати, що назви звукових файлів мають розширення au, wav, mid, midi, ra, а відеофайлів – avi, vivo, mpeg тощо. Щоб вставити звук чи відео, достатньо як значення параметра HREF у тезі гіперпосилання задати шлях до відповідного звукового чи відеофайлу, який вже є на диску, наприклад,

Тепер <А HREF="mysound.wav"> послухайте мене (150К) </А>.

Текст послухайте мене (150К) стане гіперпосиланням, клацнувши на якому можна почути привітання, застереження, деяку інформацію, яка була заздалегідь записана, наприклад, за допо-могою програми Фонограф у файл "mysound.wav" обсягом 150 Кбайт. Оскільки звукові та відеофайли завантажуються довго, рекомендують зазначати у гіперпосиланнях їхні обсяги в кілобайтах.

Щоб звуковий чи відеоефект повторювався декілька разів, наприклад 2 рази, у тезі <А> використовують параметр LOOP=2.

Щоб звук з деякого файлу пролунав у момент запуску сторінки, потрібно використати тег <BGSOUND SRC = "адреса звукового файлу" >. Інший спосіб – використайте тег <EMBED SRC=" адреса звукового файлу"> і, окрім звукового ефекту, отримаєте на екрані магнітофонну панель для регулювання тривалості і сили звуку, припинення чи продовження звучання тощо.

11. Поняття про динамічні ефекти. Динамічними назива-ються ефекти, коли графічні зображення на Web-сторінці зміню-ються з часом, елементи сторінки змінюють розміри або навіть свій зміст після клацання над ними мишею, текст "біжить" вздовж екрана тощо.

Розглянемо ефект біжучого тексту у полосі, що має висоту HEIGHT = "висота в пікселях" і фон BGCOLOR ="колір фону" Ефект створюється за допомогою парного тега <MARQUEE>.. </MARQUEE>:

<MARQUEE BGCOLOR="green" HEIGHT = "40"> Вас вітає фірма Деол</МАRQUЕЕ>

Слова "Вас вітає фірма Деол" будуть пробігати в полосі справа наліво, заходитимуть за край екрану і з'являтимуться знову справа. Такий ефект рекомендують застосовувати до заголовків сторінки.

Ефект відбивання від країв екрана забезпечує параметр BEHAVIOR = "alternate", а зупинити рядок біля лівого краю екрана може значення цього параметра "slide". Значення "right" параметра DIRECTION забезпечить ефект руху у протилежну сторону.

Обмеження кількості проходів, наприклад числом 5, задається параметром LOOP="5". Полосу можна відцентрувати за допомо-гою параметрів HSPASE і VSPACE. Швидкість руху задає параметр SCROLLAMOUNT="3", де значення вибирають з діапазону від 1 (повільно) до 10 (швидко).

Інші динамічні ефекти створюють за допомогою процедур з використанням мов програмування Visual Basic Script або Java-Script.

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

Завдання 4. Запишіть свій голос за допомогою програми Фонограф (наприклад, розповідь про себе) у звуковий файл і вставте звук в основну сторінку. Застосуйте тег MARQUEE до одного з заголовків і поекспериментуйте з його параметрами.

12. Web-комповзери. Загальна назва програм призначених для автоматизованого створення Web-сторінок без явного застосу-вання користувачем мови HTML – Web-комповзери. Розглянемо можливості комповзера, які має програма MS Word. Щоб створити Web-сторінку чи цілий Web-сайт, потрібно під час створення нового документа перейти на закладку Web-сторінки і скористатися майстром чи створити нову сторінку.