55.Графічні елементи оформлення Web – сторінок.

Тим, хто вперше починають працювати над створенням веб- сторінок, звичайно представляється, що використання графіки тут повинне обмежуватися вставкою ілюстрацій, як у книгах. Однак не треба забувати, що веб- сторінки не книга, і її сприйняття відбувається за іншим законами.

Звичайно, графічні елементи, з одному бокові, річ небезпечна, оскільки графічні файли мають великі розміри і, відповідно, довго завантажуються з Інтернету. Тому документ, над міру перевантажений графічними елементами, може викликати справедливе роздратування у відвідувача: дійсно, нудно кілька хвилин чекати, поки завантажиться така сторінка (та й не тільки нудно: при погодинній оплаті доступу до Інтернету завантаження такої сторінки коштує читачеві зайвих грошей, але ж, поки вона не завантажилася, звичайно важко зрозуміти, є там щось цікаве чи ні).

Але якщо на сторінці зовсім не використані елементи графіки, вона теж буде сприйматися неадекватно: одноманітність текстового викладу заважає читачеві сприймати матеріал, що цікавить його.

Звичайно, можна багато чого досягти, використовуючи стильове оформлення сторінки (за допомогою каскадних таблиць стилів). Однак є ще один спосіб “оживити” веб- сторінку. Він полягає у використанні невеликого числа дрібних графічних елементів як елементів оформлення. Зверніть увагу на те, що ці елементи повинні бути дрібними. Це важливо по двох причинах: по-перше, вони не відволікають на себе увагу читача (а тільки додають веб- сторінці кращий зовнішній вигляд), а по-друге, малі за розміром малюнки завантажуються з Мережі досить швидко, що звичайно зрівнюється зі швидкістю завантаження тексту.

Лінійки і буквиці

Які ж графічні елементи можливо застосовувати в якості такого “прикраси”? Тут треба виявити фантазію. Якщо ви придумаєте що-небудь оригінальне, ваша веб- сторінка буде виглядати незвичайно, “не як інші”, і запам'ятається відвідувачеві. Однак перелічимо кілька традиційних варіантів такого застосування графіки.

По-перше, це різні графічні роздільники, звичайно горизонтальні, застосовувані замість горизонтальної риси (<HR>). Хоча тег <HR> і піддається настроюванню, графічний роздільник часто виглядає краще.

Застосування графічних елементів оформлення — різні кнопки і маркери списків. Про неї спеціально піде мова в наступному розділі. Можна також застосувати графічний елемент у якості буквиці. Узагалі ж, незабаром підтримка буквиці передбачається й у HTML.

Неважко догадатися, яким образом вона вставлена в текст

<img src="Images/bukvical.jpg" width="121" height="111" border="0" ALIGH="left" alt="Д">авним-давно жив-був на білому світі цар Горох..

Установка атрибута ALIGN="left" забезпечує обтікання текстом малюнка (буквиці). Про усякий випадок як альтернативний текст дається буква “Д”, щоб користувачеві з відключеною графікою не приходилося здогадуватися щодо першої букви. Для завершення оформлення можна ще створити градиентнє тло . Не забувайте тільки обов'язково вказувати значення атрибута ALT= у всіх тегах <IMG>.

І, звичайно, не зневажайте можливістю зробити графічні елементи активними — перетворити них у гіперпосилання або навіть у карту графічних посилань. Наявність гіперпосилання завжди виглядає гарно.