Розділ «13. Гіпертекстові технології»

13.1. World Wide Web та Hyper Text Markup Language

World Wide Web (WWW) - найвідоміший та найпопулярніший сервіс Інтернет. Ця глобальна, розподілена по цілому світі інформаційна гіпертекстова мультимедійна система дозволяє об'єднати в одне ціле інформацію різних видів, яка зберігається на різних комп'ютерах. Інформація в WWW розповсюджується у вигляді web-сторінок (web-документів). Декілька web-сторінок з однієї теми, що належать одному власникові чи є на одному комп'ютері, утворюють web-вузол, який часто називають сайтом.

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

В основі WWW лежать два поняття: гіпертекстові посилання та формат документів HTML. Завдяки гіпертексту web-сторінки набувають властивості інтерактивності.

Web-документ зберігається і пересилається як файл з розширенням html або htm (HTML-файл). Це звичайні текстові файли-програми, написані мовою HTML. Відображаються такі файли на екрані інакше, ніж вони виглядають у HTML-файлі.

HTML (Hyper Text Markup Language) - це спеціальна мова форматування текстових електронних документів

Наприклад, для друкованого документа задаються такі параметри, як розмір паперу та полів, шрифти та їх розміри тощо. Електронні web-документи призначені для перегляду на екрані, причому наперед не відомо, на якому комп'ютері - невідомі розміри вікна програми-переглядача, шрифти, які встановлені на комп'ютері, і т. д. Тому мова HTML призначена саме для оформлення електронних документів з врахуванням факту невизначеності параметрів засобів їх перегляду.

Спочатку HTML була лише мовою форматування гіпертекстових документів. Її можливості обмежувались заголовками, абзацами і невеликим набором текстових форматів - таких як Bold та Italic. Стрімкий розвиток HTML почався з 1993 року, коли з'явився перший web-переглядач Mosaic (до того часу гіпертекст можна було переглянути виключно в текстовому редакторі). Пояснимо, чому потрібні переглядачі.

Оскільки HTML - це мова розмітки, то вона не належить до мов програмування високого рівня, тобто HTML-код не компілюється і не виконується, як скажімо, код на C++. Замість того він інтерпретується переглядачем.

HTML разом із протоколом передачі гіпертексту (HTTP - Hypertext Transfer Protocol) дозволяє взаємодію комп'ютерних документів різного типу, а також прискорює обмін інформацією. Широке розповсюдження web-документи одержали завдяки різноманітним можливостям представлення інформації, легкістю написання та сумісністю з різними операційними системами.

13.2. Принципи побудови Web-сторінок

13.3. Основи Web-дизайну. Особливості технології

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

Для того, щоби текст на сторінці завжди відображався коректно (а не набором незрозумілих символів), розробники сайтів використовують наступні шрифти: Arial, Times та Courier з підтримкою стилів Bold, Italic, Underline.

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

Рис.13.3. Приклад графічного зображення, створеного на основі тексту

Для ілюстрації важливості використання стандартних шрифтів у дизайні сторінки, розглянемо випадок, коли текст автор оформив шрифтом ВіrсhСТТ. При розробці сторінки і в броузері на комп'ютері автора текст виглядав так:

Рис.13.4. Вигляд сторінки на ПК із шрифтом BirchCTT

При перегляді розглянутої сторінки на іншому комп' ютері, де не встановлено шрифт BirchCTT, Web-броузер відображає текст одним із шрифтів по замовченню, а саме Times New Roman: