Глава 7

ПРОЕКТУВАННЯ КОРИСТУВАЛЬНИЦЬКОГО ІНТЕРФЕЙСУ: ВІД ЗАГАЛЬНОГО ДО ЧАСТКИ

При всій спільності розглянутих у попередніх главах принципів побудови користувальницького інтерфейсу читач, імовірно, помітив, що вони викладалися з орієнтацією на середовище Wіndows (а якщо точніше, те на Wіndows 95) і офісні додатки. У зв'язку з цим цілком закономірне питання: наскільки ці принципи застосовні для реалізації інтерфейсу на інших платформах і в інших предметних областях? Для відповіді на це питання ми розглянемо особливості організації інтерфейсу в двох сферах застосування інформаційних технологій, що з погляду кінцевих користувачів є антиподами: Інтернет і Системи керування реального часу. При роботі в Інтернету діє "класичний" принцип демократії - "дозволене усе, що не заборонено", а робота в системах керування заснована на принципі "заборонене усе, що не дозволено". Проте , і перед WEB-майстрами, і перед розроблювачами автоматизованих ра-бочих місць (АРМ) операторів систем керування коштують ті самі проблеми, і вирішують вони їх аналогічними способами. Читач зможе в цьому переконатися, познайомивши з матеріалами даної глави.

7.1. КОРИСТУВАЛЬНИЦЬКИЙ ІНТЕРФЕЙС WEB-ДОДАТКІВ

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

Перші кроки Інтернету були зв'язані з текстовим інтерфейсом, орієнтирі-' ванним на професіоналів: програмістів, учених, військових і студентів. Для

260

обміну файлами і пересилання повідомлень по каналах з низькою пропускною здатністю текстовий інтерфейс був цілком придатний. Та й на "сторонніх" тут явно не розраховували. Але "всесвітня павутина" росла, мінялася апаратура, накопичувалися інформаційні ресурси, доступ до яких хотіли одержати багато хто і багато хто. Потреба в новому користувальницькому інтерфейсі дозріла і він з'явився.

Програма Mosaіc одна з перших надала для роботи в Інтернету графічний інтерфейс із використанням миші. З цього моменту, власне, і почався переможний хід WWW по країнах і континентам. Народився новий клас програм, призначених для роботи в Інтернету і перегляду документів, отриманих з мережі і складених по її правилах. Ці програми називають броузерами (browser) чи оглядачами мережі (є й інші варіанти назв, на приклад, навігатори, гляделки, бродилки чи смотрелки, але залишимо їхнє обговорення лінгвістам). Броузер дозволяє з'єднатися через чи модем мережну карту з провайдером (продавцем сервисов Інтернету) - відкрити сеанс роботи, а потім, випливаючи адресам, що вводиться користувачем, забезпечує перехід до відповідного ресурсам (серверам, порталам, сайтам, вузлам, чи ftp-архівам окремим документам). Крім того, броузер дозволяє приймати і відправляти електронну пошту, одержувати новини, звістки бесіду в чате (chat), працювати на вилученому комп'ютері (telnet) чи брати участь у телеконференціях. Функцій у гарних броузеров так багато, що їм присвячені об'ємисті посібники. Проте , їхнє перерахування придасться нам для подальшого викладу. Отже, от перелік основних задач, розв'язуваних боузером (а задачі, як ви пам'ятаєте, визначають вимоги до користувальницького інтерфейсу):

o робота з апаратурою (конфигурирование модему, настроювання портів компью

тера, облік особливостей лінії зв'язку і т.д.);

o відкриття і закриття сеансу роботи (дозвон до провайдера, уведення идентифика

ционных даних, узгодження параметрів);

o введення адрес інформаційних ресурсів Інтернету (числового ІP-адреса чи

алфавітно-цифрового - URL);

o чекання одержання документа (імітація переходу по чи посиланню навпаки - підкачування матеріалів, що, власне, насправді і відбувається);

o візуалізація документа;

o інформування про проблеми (поважні і неповажні причини

відмовлень);

o пошук у документі;

o збереження документа (переклад на локальні носії комп'ютера), його рас

печатка на принтері;

o редагування локальних документів;

o настроювання самого броузера.

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

261

питанням: чи досить "традиційних" засобів і методів організації користувальницького інтерфейсу для ефективного рішення цих задач?

Тут має сенс зробити невеликий відступ. Вишукування в області методів побудови гнучких інтерфейсів привели до цікавим, але, як правило, громіздким і незграбним рішенням. Це, зрозуміло, було не наслідком низького професійного рівня розроблювачів, а проявом "капіталістичних" відносин у програмній індустрії. Боротьба з монополізмом Mіcrosoft, развер-нутая в останні роки, проходить під прапорами Інтернету. Саме в цій боротьбі народилася нова парадигма, заснована на досить старій техніці текстової інтерпретації. Любою із сучасних броузеров, крім усього іншого, є інтерпретатором текстів Web-сторінок.

У броузере об'єднані два аспекти, два підходи до побудови користувальницького інтерфейсу:

по-перше, броузер надає користувачу свій власний інтерфейс - як і будь-який інший додаток якої-небудь операційної системи;

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

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

Зовсім інші концепції покладені в основу інтерфейсу, реалізованого засобами створення Web-сторінок. Виконуючи роль інтерпретатора тексту, що міститься у відображуваному документі, броузер зобов'язаний найбільше точно "втілити в життя" задум автора документа. І тут майже уся відповідальність за організацію вза-имодействия з користувачем лягає на творця ресурсу. Саме цим порозумівається многоликость Інтернету, що виявляється в різноманітті способів організації інформації, що виставляється на загальний огляд. З іншого боку, різні види ресурсів і технологій вимагають різних підходів до побудови інтерфейсу. Додайте до цього і розмаїтість апаратно-програмних платформ, що беруть участь у створенні, розвитку й експлуатації Інтернету. У результаті можлива ситуація, коли користувач ІBM PC, керованого Wіndows 95, може переглядати в броузере Netscape Navіgator сторінку, отриману із сервера, що функціонує під керуванням ОС UNІ, підготовлену на комп'ютері Macіntosh. От де воістину починаєш цінувати ті зусилля, що вкладаються в узгодження і стандартизацію! Без цього Інтернет просто перестав би існувати (точніше, не з'явився б). Але повернемося до користувальницького інтерфейсу. При всім нашому бажанні дати як можна більш повну його характеристику, багато хто надзвичайно цікаві області залишаться за рамками нашого огляду; як мовляв Козьма Прутків, "не можна объять неосяжного".

262

7.2. WEB-СТОРІНКИ І САЙТЫ

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

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

Оскільки і портали, і сайты складаються зі сторінок, те саме про їх і піде мова далі.

Узагалі повний цикл створення Web-сторінок і сайтов розглядається в спеціальній і популярній літературі. У цих виданнях представлений широкий спектр проблем: від чисто эстетических до лінгвістичних і технологічних. Ми розглянемо ті ж проблеми, але під визначеним кутом зору: як забезпечити єдність сприйняття документа його автором і користувачем. Для початку виділимо основні компаненты Web-документа, що формують його користувальницький інтерфейс (важливо відзначити, що сучасні Web-документи, на відміну від звичних текстів з картинками, володіють интерактивностью, тобто в їхньому відношенні можна говорити про повноцінний користувальницький інтерфейс).

Отже, інтерфейс більшості Web-сторінок визначають наступні компоненти:

o пасивні елементи сторінки (тло, текст, графіка, таблиці, роздільники,

фрейми);

o інтерактивні елементи (списки, кнопки, сенсорні карти, форми);

o елементи эстетического оформлення (фонові зображення, звукове з

провождение, анімаційні ефекти);

o засобу навігації по сторінці (документу) і в системі сторінок;

o посилання на зовнішні ресурси Інтернет.

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

263

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

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

ПАСИВНІ ЕЛЕМЕНТИ

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

Якщо ви випробуєте утруднення у виборі кольору, скористайтеся особистими перевагами користувача і задайте для своєї сторінки установки квітів за замовчуванням {default). У цьому випадку при відображенні документа будуть використовуватися настроювання броузера чи операційної системи на комп'ютері користувача.

ІНТЕРАКТИВНІ ЕЛЕМЕНТИ

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

264

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

o Введення інформації для її пересилання на сервер (на основі заповнення форм);

o Вибір інформації з наявного переліку (робота зі списками);

o Навігація по чи мережі усередині даного сайта (робота з гіперпосиланнями і сен бур'янистими картами);

o Настроювання візуальних атрибутів і вмісту сторінки ( чисписки пері ключатели варіантів оформлення).

ФОРМИ НА WEB-СТОРІНКАХ

Читач, імовірно, пам'ятає, що заповнення готових форм - це один з варіантів ведення діалогу з користувачем. В часи текстових інтерфейсів він прекрасно себе зарекомендував, тому що сполучить високу наочність, підтримку користувача і більш ефективне використання ресурсів комп'ютера, чим, наприклад, діалог у формі "питання-відповідь". Сучасні графічні інтерфейси трохи підвищили наочність форм, додавши прапорці, перемикачі і замінивши текстові вказівки типу "Після заповнення всіх полів натисніть клавішу [Enter]" кнопками з необхідним текстовим коментарем. Заповнення таких форм здійснюється помітно швидше за рахунок застосування миші і техніки прямого маніпулювання. Та й самі форми практично нічим не відрізняються від діалогових панелей, робота з який зрозуміла кожному користувачу сучасного ПК.

СЕНСОРНІ КАРТИ

Сенсорні карти - це графічні об'єкти, що містять спеціальні області, так називані активні зони (hotspots), що дозволяють користувачу переміщатися на зв'язаний (асоційований) з картою URL чи на іншу сторінку в межах того ж URL за допомогою щиглика ЛКМ на обраній зоні. Сенсорна карта може мати кілька активних зон, з кожної з який зв'язаний власний URL. Хоча в більшості випадків сенсорні карти використовуються для переходу на іншу чи сторінку на інший URL, з їхньою допомогою можна також викликати файли довільного типу (наприклад, звукові).

Сенсорна карта може бути створена на основі будь-якого графічного зображення, представленого в одному з підтримуваних броузерами форматів (.gіf чи .jpg). У зв'язку з цим у деяких авторів з'являється спокуса зобразити на створюваній сторінці що-небудь "этакое", здатне, на їхній погляд, зробити на потенційного відвідувача незабутнє враження (наприклад, використовувати як сенсорну карту власну фотографію). Проте , такий підхід

265

навряд чи допоможе відвідувачам вузла швидко зорієнтуватися в пропонованій їм інформації і вирішити свої проблеми за мінімальний час.

Графічне зображення сенсорної карти повинне забезпечувати:

1. Наочне представлення структури вузла (чи системи взаємозалежних вузлів);

2. Надання відвідувачу додаткових зведень, що сприяють ви

бору їм власного раціонального маршруту переміщення по вузлі; такими све

дениями, зокрема , можуть бути:

o коротка характеристика інформації, що міститься;

o відносний обсяг інформації;

o періодичність (чи остання дата) відновлення інформації.

Приклад можливого варіанта реалізації сенсорної карти показаний на мал. 7.1.

Рис. 7.1. Варіант реалізації сенсорної карти

НАСТРОЮВАННЯ ВІЗУАЛЬНИХ АТРИБУТІВ ВІДОБРАЖУВАНОЇ ІНФОРМАЦІЇ

Турбота про зручність користувача повинна стати одним з основних пріоритетів Web-дизайнерів (зараз, на жаль, на першому місці частіше виявляється демонст-

266

рація власних прикладних чи навичок що шокують эстетических изысков; але будемо вважати це "хворобою росту", у подолання якої ми теж намагаємося внести свою лепту).

Можливість настроювання користувальницького інтерфейсу (ця тема обговорювалася в попередній главі) є відмітною рисою будь-якої гарної програми. На Web-сторінках елементи настроювання інтерфейсу хоча і нечасто, але зустрічаються. Найбільш популярним варіантом настроювання є можливість вибору мови і способу кодування символів для відображення текстового вмісту сторінок. Рідше пропонується вибрати розмір і спосіб висновку графічних зображень, і зовсім рідко пропонується вибрати один з декількох варіантів загального дизайну сторінки (найпростіший випадок: текстовий чи графічний). Більшість авторів орієнтуються тільки на засоби настроювання, надані броузерами, або просто вказують, у якому форматі варто переглядати їхнього утвору.

Існує кілька вагомих причин "власноручної" настроювання сторінок користувачем:

o необхідність обліку характеристик апаратури і з'єднання з Інтернетом;

o необхідність обліку особливостей застосовуваного користувачем програм

ного забезпечення;

o мовні переваги й індивідуальні психофізіологічні характе

ристики людей, для яких ці сторінки створені.

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

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

Рекомендація друга. Якщо сторінка містить багато графіків (яка завантажується значно повільніше тексту і тому з'являється на сторінці в останню чергу), варто передбачити текстовий варіант перемикача, реалізованого у формі чи меню списку. Таким чином, оформляються, наприклад, перемикачі використовуваної мови і кодування символів тексту сторінки. У деяких випадках перемикачі мови мають вид невеликих зображень із символікою відповідних національностей (наприклад, прапора держави). Цей варіант гарний своєю наочністю і компактністю, але припускає оп-ределенный рівень освіченості і кмітливості користувача. Якщо в броузере відключений висновок графіки, пропонований варіант повинний передбачати висновок альтернативного тексту, що легко реалізовано в мові HTML (Hyper Text Markup Language - мова гіпертекстової розмітки), але використовується не завжди. На мал. 7.2 приведені деякі варіанти оформлення перемикачів виду сторінки.

а) перемикачі мови, виконані г) перемикачі кодувань у виді

на основі сенсорної карти текстових гіперзсипань

Рис. 7.2. Приклади оформлення перемикачів для настроювання сторінки

КЕРУВАННЯ СКЛАДОМ ВІДОБРАЖУВАНОЇ ІНФОРМАЦІЇ

Інтереси користувачів, що відвідують ті чи інші інформаційні ресурси Інтернету, досить різноманітні, і не завжди збігаються з тематикою і широтою охоплення, пропонованими розроблювачем. Ідеальної можна вважати ситуацію, коли користувач, відвідавши той чи інший сайт, одержав усі необхідні йому зведення і жодного разу не відвернувся на щось зайве, надлишкове чи не стосовне до справи. На жаль, реальність ще дуже далека від ідеалу. У прагненні найбільше повно задовольнити інформаційні потреби потенційних користувачів, а часто просто в наївній надії объять неосяжне, деякі розроблювачі наповняють свої сайты всілякими зведеннями, розібратися в який буває дос-таточно складно. Існуючі на даний момент інструменти не дозволяють безпосередньо вмонтувати в Web-сторінку засобу фільтрації наданої інформації на основі переваг конкретного користувача. У цьому зв'язку доречно ще раз навести як приклад програмний продукт Learn Sesame, що виконує індивідуальне настроювання вузла по наборі характеристик користувача. Правда, для з'ясування інтересів користувача потрібно досить тривалий час (або кількаразове відвідування вузла користувачем). Цього недоліку ли-шены так називані групові фільтри, що забезпечують практично миттєве настроювання вузла на визначений клас (групу) відвідувачів, що мають подібні характеристики. Прикладом такого фільтра є програма GroupLens фірми Net Perceptіons. Як групові фільтри, так і інструменти типу Learn Sesame досить складні, мають високу вартість (порядку $.30 000) і орієнтовані на застосування на великих Web-вузлах. Тому для багатьох Web-дизайнерів одним з найбільш доступних засобів індивідуалізації предіставши-

268

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

ПОШУКОВІ СИСТЕМИ

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

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

Користувальницький інтерфейс ИПС повинний забезпечувати зручність формування інформаційних запитів, зручність перегляду й аналізу результатів пошуку і зручність доступу до знайденого в результаті пошуку документам.

Зручність формування інформаційних запитів забезпечується:

o повнотою і наочністю мови запитів;

o зручністю введення і редагування запитів;

o приступністю і якістю складання довідкової інформації.

Зручність перегляду й аналізу результатів пошуку визначається: .

o структурою звіту про результати пошуку;

o зручністю навігації (переміщення) по цьому документі;

o складом і обсягом зведень про знайдені документи, що включаються в звіт.

Зручність доступу до знайдених документів залежить від:

o повноти і якості опису документів у відповідних пунктах звіту;

o наявності і коректності посилань на документи;

o коректності реакції на ситуації, зв'язані з неприступністю документа (отклю

чен сервер, змінений чи вилучений документ із моменту останнього індексування і т.д.)

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

Користувальницький інтерфейс Яндекс у цілому відповідає відомому стандарту CUA фірми ІBM, що визначає загальні принципи організації текстових і віконних інтерфейсів більшості сучасних програм. Тому його вивчення і використання не представляє труднощів для людей, знайомих із сучасним програмним забезпеченням персональних ЕОМ.

Загальний вид першої пошукової сторінки сервера www.yandex.ru приведений на мал. 7.3.

269

ЕЛЕКТРОННІ МАГАЗИНИ

З поширенням в Інтернету електронної комерції усе більш актуальної стає задача спонукання відвідувачів до повторного візиту. У зв'язку з цим для порталів, що реалізують функції електронних магазинів, на перше місце виходить необхідність реалізації на них засобів колективної фільтрації, ранжирування і прискорення видачі результатів пошуку. Таким чином, ефективність електронної комерції знов-таки залежить від уміння пристосовуватися до інтересів користувачів. Вчасно усвідомивши це, фірми Deja News і HotBot розробляють механізми колективної фільтрації, через которые будуть збиратися відкликання користувачів про переглянутих ними матеріалах. Проте , навіть не маючи у своєму розпорядженні таких інструментів, розроблювач електронного магазина може досягти необхідного рівня його відвідуваності, використовуючи наступні рекомендації:

o надайте потенційному покупцю кілька способів пошуку нуж

ных йому товарів;

o продумайте класифікацію пропонованих товарів, супроводивши кожну групу

товарів короткою характеристикою;

o при використанні графічних ілюстрацій враховуйте швидкість їхнього завантаження;

у цьому відношенні дуже корисним може виявитися застосування мініатюрних изобра

жений, що будуть служити посиланнями на повномасштабні версії ілюстрацій;

o забезпечте відвідувачам легкий і зручний доступ до додаткового инфор

мации по їхньому товарі, що зацікавив;

o не шкодуйте часу і сил на эстетическое оформлення створюваного вузла; у зв'язку

з цим доречно ще раз привести розуміння, висловлене в першому розділі книги: що

б привернути увагу людини, зовсім не обов'язково вистачати його за рукав.

ТАБЛИЦІ СТИЛІВ

Весь попередній матеріал, присвячений Web-дизайну, повинний був переконати читача в тім, що дуже складно вибрати такий стиль оформлення Web-вузла, що відповідав би як смакам розроблювача, так і інтересам відвідувачів. Але, мабуть, ще сутужніше багаторазово відтворити знайдене вдале рішення, не забувши при цьому той чи інший нюанс. І чим крупніше вузол, тим гостріше встає проблема збереження стилю на всіх його сторінках. А як бути в тому випадку, якщо первісний проект удалося поліпшити вже після того, як вузол, що нараховує десятки сторінок, був "зданий в експлуатацію"?

Рішення зазначених проблем було знайдено в 1996 році, коли Консорціумом 3W (WWW Consortіum - W3C) була стандартизована технологія ієрархічних таблиць стилів (Cascadіng Style Sheets - CSS). Суть технології CSS полягає в тім, що вона дозволяє додавати в HTML-код опис "стилю сторінки", що містить такі атрибути, як тип шрифту, колір, відступи, спосіб вирівнювання елементів тік-

271

ста і т.д. Іншими словами, таблиці стилів по своєму призначенню аналогічні шаблонам текстових документів, використовуваним, наприклад, у редакторі MS Word.

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

Ієрархія таблиць стилів має два аспекти.

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

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

ЩЕ РАЗ ПРО СТАНДАРТИЗАЦІЮ

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

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

В даний час реальний вплив на процес стандартизації технологій, використовуваних в Інтернету, роблять наступні організації і групи.

World Wіde Web Consortіum (W3С).

Консорціум, створений у 1994 році, нараховує близько 200 членів, представляє інтереси кінцевих користувачів, наукових установ і комп'ютерних фірм

272

і має солідну міжнародну репутацію. Його представництва є в лабораторії комп'ютерних наук Массачусетского технологічного інституту, Національному інституті інформатики й автоматики у Франції й в університеті Keіo Unіversіty Shonan Fujіsawa Campus у Токіо.

W3C займається тим, що пропонує і підтримує Web-технології, а також публікує коди еталонних реалізацій. W3C працює з технологіями броузеров, такими як HTML і XML, і поруч стандартів, включаючи HTTP, адреси URL і цифрові сертифікати. Одна з основних заслуг цієї організації полягає в тому, що їй удалося визначити деякі загальні рамки, що дозволили об'єднати ідеї двох конкуруючих компаній - Mіcrosoft і Netscape - щодо застосування зазначених технологій.

Іnternet Engіneerіng Task Force (ІETF) визначає себе як "самоорганізована група людей", що подає на розгляд і оцінює нові Інтернет-технології. В ІETF немає офіційного членства, але група збирається регулярно, три рази в рік. Вона взаємодіє з Іnternet Socіety, Іnternet Engіneerіng Steerіng Group і Іnternet Archіtecture Board. У компетенцію ІETF входять проблеми архітектури Інтернету і розробка технологій, що забезпечують роботу в Мережі, таких як Electronіc Data Іnterchange, каталоги, календарі і планувальники, а також додатка електронної пошти.

Іnternatіonal Organіzatіon for Standardіzatіon (ІSO) - Міжнародна організація по стандартизації -має статус федерації національних організацій по стандартизації. ІSO заснована в 1947 році, до неї входить порядку 100 країн. Місія ІSO - усіляко підтримувати розробку стандартів по великому спектрі продуктів і технологій у різних країнах.