Графіка
Синтаксис тегу додавання графічного зображення має такий вигляд:
<IMG SRS ="name of file">,
причому тег може мати додаткові атрибути:
ALT — використовується для вказівки на текст, який виводиться за неможливості виведення рисунка;
ALIGN — як i для тексту, описує спосіб вирівнювання;
HEIGT та WIDTH — описують висоту й ширину зображення у пікселях;
ISMAP — вказівка на те, що створююється карта (малюнок із «гарячими зонами», які діють як гіперпосилання). Якщо тег зображення розмфщено всерединф тегу-вказівника посилання, то увесь малюнок гратиме роль «гарячої зони».
Карта-зображення створюється для надання документу інтерактивності. Розмітка карти, тобто призначення координат лівому верхньому та правому нижньому кутам прямокутної ділянки, яка буде «гарячою зоною», може виконуватись за допомогою розрахунку, палетки або спеціалізованих програмних засобів.
Тло (фон) зображення описується тегом
<BODY BACKGROUND=’’image.gif’’>,
причому, як видно із синтаксису, його дія поширюється на весь документ.
Засоби створення графічних зображень
для розміщення на Web-сторінках
Найпростішим засобом створення графічних зображень для розміщення у Web-сторінках може слугувати стандартний графічний редактор Paint операційної системи Windows.
Для створення складніших (анімованих) графічних зображень використовують спеціалізовані графічні редактори зі спеціальними засобами створення та опрацювання зображень.
Зміна графічних зображень для розмщення на
Web-сторінках за допомогою графічного редактора Paint
Відкрити або створити зображення.
Викликати послугу меню Файл/ Сохранить как....
Вказати назву файла латинськими літерами.
У списку Тип файла вибрати необхідний тип файла.
Натиснути кнопку Сохранить (рис. 23).
Рис. 23. Biкно вибору типу файла
Завдання для виконання
1. Вказати, який критерій найбільше впливає на час завантаження графічного зображення:
а) фізичний розмір зображення;
б) кількість кольорів у зображені;
в) колірна модель зображення;
г) роздільна здатність зображення;
д) метод компресії файла зображення.
2. Вказати формати графічних файлів для розміщення зображень в Інтернеті:
а) .рсх _____________________
б) .gif ______________________
в) .tiff _____________________
г) .jpg ______________________
д) .cdr ______________________
е) .bmp _____________________
є) .png ______________________
ж) .wmf _____________________
3. Зазначити оптимальний формат подання графічних зображень для вказаних типів зображень:
а) рисунок без текстових надписів ________________________
б) фотографія ___________________________________________
в) рекламний банер ___________________________________
г) рисунок з текстовими надписами _______________________
Вказати різницю у форматах подання графічних зображень для Web (gif, png, jpg): ______________________________________________________________________________________________________________________
Завантажити графічний редактор PaintBrush. Розробити логотип групи. Зберегти графічне зображення на диск.
Доповнити розроблені на попередньому занятті сторінки, файл H1_1-прізвище.html створеним логотипом.
Зберегти роботу.
Перевірити правильність відображення сторінки в Інтернет-переглядачі.
Виконати завдання для самостійної роботи.