- •Лабораторна робота №6
- •1. Вставляння графічних об’єктів і відеофайлів.
- •2. Адреси файлів.
- •Приклад 1.
- •3. Вставляння гіперпосилань.
- •Параметри link, vlink, alink тега body.
- •Приклад 2
- •Приклад 3
- •Приклад 4
- •4. Вставляння звуку і відеозображення.
- •Приклад 5
- •5. Поняття про динамічні ефекти.
- •Приклад 6
- •Завдання для самостійної роботи
- •Хід роботи
Приклад 5
Скопіюйте в власну папку деякий мультимедійний файл який є на вашому ПК.
Створіть нову web-сторінку з назвою "моє відео.htm".
Відредагуйте файл за даним зразком.
<HTML>
<HEAD>
<TITLE> моє відео </TITLE>
</HEAD>
<BODY>
Перегляньте моє відео <A HREF ="Відео-0052.mp4"> послухайте мене (150К) </A>
</BODY>
</HTML>
На екрані браузера отримаємо речення з гіперпосиланням на текст «послухайте мене (150К)» натиснувши на яке відкриється файл "Відео-0052.mp4".
5. Поняття про динамічні ефекти.
Динамічними називаються ефекти, коли графічні зображення на web-сторінці змінюються з часом, елементи сторінки змінюють розміри або навіть свій зміст після клацання над ними мишею, текст "біжить" уздовж екрана тощо. Розглянемо ефект рухомого тексту у смузі, що має висоту HEIGHT ="висота в пікселях " і тло BGCOLOR = "колір тла". Ефект створюється за допомогою парного тега <MARQUEE>...</MARQUEE>, а саме:
<МАRQЕЕ BGCOLOR = " green " HEIGHT = 40> Хай завжди буде coнце! </MARQUEE>
Текст "Хай завжди буде сонце!" буде рухатись в смузі справа наліво, заходитиме за край екрана і з'являтиметься справа. Цей тег варто застосовувати до заголовків сторінки. Ефект відбивання від країв екрана забезпечує параметр BEHAVIOR = " alternate ", а зупинити рядок біля лівого краю екрана може значення цього параметра "slide". Значення "right" параметра DIRECTION забезпечить ефект руху у протилежний бік. Обмеження кількості проходів задається параметром LOOP = n, де n - кількість проходів. Смугу можна відцентрувати за допомогою параметрів HSPASE і VSPACE. Швидкість руху задає параметр SCROLLAMOUNT = n, де n - конкретне значення, яке вибирають з діапазону від 1 (повільно) до 10 (швидко).
Приклад 6
Використовуючи вище набуті знання та теги <MARQUEE>...</MARQUEE> для створення динамічних ефектів створити сторінку за даним зразком.
Збережіть документ з назвою "динамічні ефекти.htm".
<HTML>
<HEAD>
<TITLE> Динамічні ефекти </TITLE>
</HEAD>
<BODY>
<A NAME ="#top "> початок </A>
<P> <MARQUEE BGCOLOR ="blue" HEIGHT=40 BEHAVIOR ="alternate" > Екскурсія по Диво-замку </MARQUEE> </A>
Цей замок був побудований ще кілька сотень років тому, а його дивовижною красою милуються аж до сьогодні. <P> Він знаходиться на березі річки, тому біля замку панує свіжість і відчуття спокою. <P> А шелест <A HREF ="kartynka.htm" > листя </A> на деревах додає ще більше мрійливості і вишуканості.
<A HREF = "kartynka.htm">
<IMG SRC = "замок.jpg" ALIGN ="center" WIDTH = 500 HEIGHT = 500 BORDER=5 HSPACE = "100" VSPACE = "100">
</A> <P>
А так хочеться зайти в цю прекрасну будівлю і відчути його всім своїм тілом, так хочеться втекти від цілого світу і зануритись із головою в його надзвичайну красу... І в душі горить бажання... ЦЕ нестримне бажання познайомитися з цими потужними стінами, сповненими грайливості, грандіо-зності, грації, величності, суворої ніжності і багатства. І мрії народжуються так само, як в голові маленької принцеси швидко прокльовуються все нові й нові бажання. І таким нестерпним воно стає, що закриваєш очі і вже практично бачиш перед собою і замок, і зелену траву, і навіть чуєш шум тої річки, яка омиває ці божественні береги.
<A HREF="#TOP"> початок <P> Ось тому замок можна назвати справжнім чудом </P> </A>
А тепер можете послухати цю <A HREF="мелодія.MP3">мелодію </A> або ж подивитися короткий <A HREF ="фільм.flv"> фільм </A>
</BODY>
</HTML>