Використання зображень у веб-документах. Аватар. Логотип
Вставляння графічних і відеофайлів. Графічні зображення, такі як фотографії, картинки, піктограми тощо, зберігаються на серверах в окремих файлах з розширеннями bmp, jpg, gif та іншими і відображаються на web-сторінці за допомогою тега <IMG> з параметрами:
Оформлення. Обов'язковим є лише перший параметр SRC. Альтернативний текст - це текст, який виводитиметься замість картинки, якщо броузер не може прийняти графічний файл або якщо режим відображення графіки вимкнено. Параметр ALIGN задає місце розташування картинки на екрані, а параметри WIDTH і HEIGHT - її розміри за шириною і висотою в пікселях або відсотках.
Зображення можна подати в рамці. Це рекомендують робити, якщо його використовуватимуть як гіперпосилання. Для створення рамки навколо зображення призначений параметр BORDER=" товщина рамки в пікселях".
Праворуч і ліворуч від картинки, яку обгортає текст, можна зробити вільний простір: HSPACE = "кількість пікселів". Можна створити вільний простір також над і під рисунком: VSPACE = "кількість пікселів".
Підключення файлів. Для виклику віддалених файлів, тобто файлів, які є на серверах у мережі Інтернет, адресу записують із зазначеням назви протоколу доступу http і URL-адреси файлу, наприклад,
SRC = "https://www.ukr.net/news/main.html"
Для доступу до файлів на локальному диску використовують протокол доступу
file: SRC = "file:///диск:/шлях до файлу".
Наприклад, SRC= "file:///d:/mycatalog/mypage.htm". Назву протоколу можна інколи не писати, наприклад, SRC = "c:/windows98/forest.bmp".
Якщо графічні чи інші файли є в тому ж каталозі, що основний html-файл, то достатньо зазначити лише назву файлу, наприклад, SRC = "myfoto.gif". Якщо файл є в деякому сусідньому каталозі images, то шлях до нього подають так:
"../images/myfoto.gif". Отже, тег IMG може мати такий вигляд:
<IMG SRC="c:/images/myfoto.gif" АLТ="Ліс">
Аватар, аватара (просторічне. Ава, аватарка від англ. Avatar) - графічне представлення користувача, його альтер-его, ігрового інтернет-персонажа. Аватар може бути двомірним зображенням (іконкою) в веб-форумах, месенджерах, чатах, порталах, блогах, соціальних мережах або ж тривимірної моделлю (віртуальні світи, масові багато користувачів онлайнові ігри). Крім того, аватар може бути представлений у вигляді тексту, що було поширене в епоху текстових MUD-ігор. Основна мета аватара - публічне графічне представлення користувача.
Логотип он-лайн:
Приклади логотипів:
Завдання:
1. Створити свій Аватар. Зберегти його.
2. Створити свій логотип. Зберегти його.
3. Створити веб-сторінку та додати свої Прізвище, ім'я, та клас
4. Додати до веб-сторінки Заголовок "Мій Аватар" та картинку.
5. Додати до веб-сторінки Заголовок "Логотип" та картинку.
Немає коментарів:
Дописати коментар