У цьому розділі розглядається:
- що таке DHTML;
- які технології включає в себе DHTML;
- можливості, що надаються DHTML.
Що таке динамічний HTML
Динамічний HTML - поняття збірне. Він являє собою комбінацію нових тегів HTML, опцій і можливостей програмування (у вигляді сценаріїв), що дозволяє зробити Web-сторінки інтерактивними і розміщувати на них анімаційні об'єкти. Завдяки DHTML Web-сторінка починає функціонувати подібно будь-якої комп'ютерної програми, і тим самим бачу різницю між жорстким диском і Internet.
Нові технології, які в сукупності призвели до створення DHTML, вперше використовувалися в версіях браузерів Netscape Navigator 4 і Microsoft Internet Explorer 4. Хоча ядро DHTML, що базується на стандарті HTML 4.0, підтримувалося обома браузерами, додаткові можливості програми підтримуються або одним браузером, або іншим. Це одна з труднощів, з якими стикаються розробники при використанні DHTML на Web-сторінках. Ще одна суттєва проблема полягає в тому, що багато користувачів до сих пір працюють зі старими версіями браузерів - третьої і навіть більш ранніми.
Основні принципи функціонування DHTML
DHTML включає в себе:
- об'єктно-орієнтоване уявлення Web-сторінки і всіх її елементів;
- каскадні таблиці стилів і пошарове представлення інформації;
- сценарії, які використовують всі (або майже всі) елементи сторінки;
- динамічні шрифти.
Примітка У цій книзі динамічні шрифти не розглядаються.
Об'єктно-орієнтоване уявлення елементів сторінки
Будь-який елемент сторінки (розділ або секція, заголовок, параграф, зображення, список, форма і т.п.) вважається об'єктом.
Примітка У компанії Microsoft цей принцип називають об'єктною моделлю динамічного HTML, в компанії Netscape - об'єктною моделлю HTML, а в Web Standards Organization (W3C) - об'єктною моделлю документа. Це різні назви одного й того ж поняття.
Таблиці стилів і розбиття на шари
Таблиці стилів (Style sheets) використовуються для опису застосовуваного за замовчуванням стилю всього документа або будь-якої його частини. Це стосується таких параметрів, як формат сторінки, тип і розмір шрифту для елементів тексту.
У міру створення Web-сторінки в таблиці стилів крім іншого вказується колір фону за замовчуванням або наявне на сторінці зображення, колір гіперпосилань і т.п. За допомогою подібних таблиць можна узгодити оформлення будь-якої групи сторінок або всіх сторінок на Web-сайті, оскільки одну таблицю стилів можна приєднати до багатьох або всіх документів, що створює сайт.
Таблиці стилів використовуються також для того, щоб урізноманітнити вміст Web-сторінки за допомогою інформаційних шарів (Layers). Кожен з цих шарів містить власну інформацію у вигляді тексту або зображення. Вони можуть приховувати інші шари або накладатися поверх існуючої інформації. Шари можуть з'являтися на сторінці в результаті дій користувача (наприклад, натискання клавіші) або як частина презентації.
Відмінності між браузерами
Те ж саме відноситься і до браузерів, оскільки обидві компанії, як Netscape, так і Microsoft, розвивали власні технології. Кожен виробник переслідував цілком певну мету - створити браузер, який сподобався б користувачам, і технологію, яку оцінили б розробники. Про сумісність ніхто не замислювався, і тільки в останні роки компанії прийшли до висновку про користь стандартів, що полегшують життя і користувачам, і розробникам.
Уявіть, що існує кілька різних телевізійних стандартів і подивитися будь-яку програму можна тільки за певним телевізору. Як би ви до цього поставилися? Стали б ви купувати три або чотири телевізори, які відповідають усім цим стандартам? Звичайно, ні. Приблизно те ж саме відбувається і в мережі. І користувачі, і розробники втомилися долати збільшується з кожним днем відстань між двома браузерами.
На щастя, зараз ця прірва поступово зникає, але пройдуть роки, перш ніж розрив в технологіях і стандартах остаточно зійде нанівець.
А поки вам доведеться рахуватися з тими користувачами, які ще не обзавелися останніми версіями браузерів.
Що можна зробити за допомогою DHTML
Можливості DHTML майже безмежні. Web-сторінки тепер більше схожі на міні-додатки, ніж на статичні документи. Якщо вам доводилося подорожувати по мережі, то ви вже зустрічалися з самими різними варіантами використання DHTML. Показ слайдів, Web-сайти з визначеним користувачем інтерфейсом, прокрутка зображень і анімація, інтерактивне уявлення тексту на екрані, ігри, заповнення форм, калькулятори і багато, багато іншого.
Рекомендація Продовжуйте мандрувати по Internet у пошуках нових технологій. Відвідайте свої улюблені сайти і поцікавтеся, чи використовується на них DHTML, Визначте, що вам подобається найбільше і що б ви хотіли повторити на своїй сторінці.