Практична робота №5.
Тема: “Використання графічних та мультимедійних елементів.”
Теоретичні відомості.
Графіка
Не вистачає картинок
Ілюстрації в тексті радують око і роблять документ привабливішим. Пора і нам записати в свій актив виведення картинок засобами HTML.
Який графічний формат використовувати?
В Інтернеті найбільш популярні два графічні формати: GIF і JPG. Звичайно використовують:
· JPG - для фотографій і дуже складних по колірній гаммі малюнків з плавними колірними переходами;
· GIF - для логотипів, написів, заголовків, малюнків, що мають чіткі колірні межі.
Більш докладні рекомендації по вибору формату див. в Частині 111. Практикум на «кухні» Сидорова (Назаметка 2).
Формат GIF
Картинки в цьому форматі підтримують 256 кольорів. В більшості випадків цього цілком достатньо для отримання якісних ілюстрацій, але до фотографічної якості, звичайно, далеко.
GIF-формат має три додаткові нагода.
□ Мультиплікація. Використовуючи анімаційного GIF-редактора, легко зібрати простий «мультик»: намалювати окремі кадри, набудувати час затримки в послідовності показу, «зациклити кіно» або показувати кадри тільки один раз. Коли анімація готова, вона записується на диск як звичайний GIF-файл. Але в цьому файлі не одна, а ціла колекція GIF-картинок і різна настроювальна інформація.
|
|
В HTML немає відмінності між завданням висновку на екран простого GIF або анімованого. Про те, що картинка «жива» - браузер взнає у момент завантаження GIF-файлу (з диска або по мережі) і поступає відповідно. Звичайні картинки він просто розміщує на екрані і «забуває» про них. Анімовані йому доводиться опікати постійно, міняючи кадри на екрані відповідно до програми, закладеної в самому GIF-файлі.
□ Прозора графіка. GIF-формат дозволяє один або декілька кольорів в картинці оголосити прозорими. Це допомагає позбутися строго прямокутних ілюстрацій і вписувати малюнок в документ привабливішим чином (мал. 5.1). Прозорий колір задається в редакторі при записі GIF-файлу на диск. Звичайний GIF легко зробити прозорим. Потрібно просто завантажити його в GIF-редактора або PhotoShop і знову записати на диск, вказавши прозорі кольори.
□ Чересстрочная розгортка. Застосовується для великих GIF. Ілюстрація розділяється на чотири частини, розміром з оригінальну картинку. Перша частина містить 1, 5, 9-у і т. д., рядки початкового зображення. Друга - 2, 6, 10-у і т.д. Третя - 3, 7, 11-у і т.д. Четверта -4, 8, 12-у і т.д.
Браузер будує на екрані спочатку першу частину картинки, потім другу, потім третиною і четвертую. Виходить ефект поступового прояву зображення. На повільних лініях Інтернету цей метод дозволяє користувачу ще до завантаження всіх частин картинки одержати уявлення про зображення - адже частини будуються браузером у міру їх надходження в комп'ютер. Якщо картинка завантажується не по мережі, то відмінності побудови звичайного GIF і чересстрочного практично непомітні.