- •Лабораторна робота №6
- •1. Вставляння графічних об’єктів і відеофайлів.
- •2. Адреси файлів.
- •Приклад 1.
- •3. Вставляння гіперпосилань.
- •Параметри link, vlink, alink тега body.
- •Приклад 2
- •Приклад 3
- •Приклад 4
- •4. Вставляння звуку і відеозображення.
- •Приклад 5
- •5. Поняття про динамічні ефекти.
- •Приклад 6
- •Завдання для самостійної роботи
- •Хід роботи
Лабораторна робота №6
Тема. Графічні об'єкти і гіперпосилання
МЕТА: Ознайомитися з графічними файлами, їх адресами та гіперпосиланнями.
1. Вставляння графічних об’єктів і відеофайлів.
Графічні зображення, такі як фотографії, картинки, піктограми тощо, зберігаються на серверах в окремих файлах з розширеннями bmp, jpg, gif та іншими і відображаються на web-сторінці за допомогою тега <IMG> з параметрами:
<IMG SRС = "адреса графічного файлу" ALT = "альтернативний текст" ALIGN = "left" WIDTH = 240 HEIGHT = 200>
Дія тега. Обов'язковим є лише перший параметр SRC. Альтернативний текст - це текст, який виводитиметься замість картинки, якщо браузер не може прийняти графічний файл або якщо режим відображення графіки вимкнено. Параметр ALIGN задає місце розташування картинки на екрані, а параметри WIDTH і HEIGHT - її розміри за шириною і висотою в пікселях або відсотках. Зображення можна подати в рамці. Це рекомендують робити, якщо його використовуватимуть як гіперпосилання.
Створення рамки: параметр BORDER = "товщина рамки в пікселях".
Вільний простір праворуч і ліворуч від картинки: HSPACE = "кількість пікселів".
Вільний простір над і під рисунком: VSPACE = "кількість пікселів".
За допомогою тега IMG можна, вставити також відеофільм, який запускатиметься в момент відкриття web-сторінки:
<IMG DYNSRC = " адpeca відео файлу ">.
2. Адреси файлів.
Для виклику віддалених файлів, тобто файлів, які є на серверах у мережі Інтернет, адресу записують із зазначенням назви протоколу доступу http і URL-адреси файлу, наприклад,
SRC = "http://www.polynet.lviv.ua/ourpage.htm".
Для доступу до файлів на локальному диску використовують протокол доступу file:
SRC = " file:///диск:/шлях до файлу ".
Наприклад,
SRC= "file:///d:/mycatalog/mypage.htm".
Назву протоколу можна інколи не писати. Якщо графічні чи інші файли є в тому ж каталозі, що основний html-файл, то достатньо зазначити лише назву файлу, наприклад,
SRC = " myfoto. gif ".
Якщо файл є в деякому сусідньому каталозі images, то шлях до нього подають так: "…/images/myfoto.gif". Отже, тег IMG може мати такий вигляд:
<IMG SRC = "c:/windows98/forest.bmp" АLТ = "Ліс" >.
Приклад 1.
Виберіть і скопіюйте два графічні об’єкти у свою папку
Створіть власну web-сторінку та вставте дані зображення з відповідними назвами за зразком.
Збережіть документ під назвою "графічні об’єкти.htm"
<HTML>
<HEAD>
<TITLE> Графічні об’єкти </TITLE>
</HEAD>
<BODY параметри >
<IMG SRC = "ліки.jpg" ALIGN ="right" WIDTH = 500 HEIGHT = 500>
<IMG SRC = "ліки2.jpg" ALIGN ="left" WIDTH = 200 HEIGHT = 200 BORDER ="5" HSPACE = "50" VSPACE = "50">
<!--зображення з назвою пейзаж2 матиме рамку товщиною в 5 пікселів та вільний простір ліворуч, праворуч, над і під малюнком в 50 пікселів-->
</BODY>
</HTML>
3. Вставляння гіперпосилань.
Гіперпосилання є двох видів:
1) на файл;
2) на деяке місце на певній сторінці:
• початок сторінки (top),
• кінець сторінки (bottom),
• позначений текст.
Гіперпосилання вставляють за допомогою парного тега
<А параметр >...</А>,
де параметр HREF = "адреса файлу". Тут замість адреси можуть бути слова top чи bottom чи текст, що є позначкою. Гіперпосиланням може бути текст або картинка. Розглянемо випадок, коли гіперпосиланням є текст. Нехай у реченні "У нашій аптеці є такі види Ліків" слово "Ліків" потрібно зробити гіперпосиланням на файл "графічні обєкти.htm. Це роблять так:
У нашій аптеці є такі види <А HREF = " графічні обєкти.htm "> Ліків </А>.
У наслідок цього на web-сторінці слово "Ліків" буде підкреслене і зображене іншим кольором.