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

- засоби управління для звукового виведення доставленої за Web інформацією;

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

Джерела розробки доступних сторінок

1). Офіційний сайт WAI. На ньому є ряд корисних посилань до джерел, пов'язаних з проблемою доступності (http://www.w3.org/WAI).

2).Очень хороше джерело статі і керівництва для авторів HTML розташовано на сайті Фундації сліпих Юрія Рубінського, який є своєрідною зброєю боротьби за права інвалідів на розширений доступ до технологій (http://www.yun.org/Webable).

1.4. Представлення тексту в інтернет-магазині

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

Два комплекти шрифтів. При розробці інтернет-магазина засобами базового HTML є два комплекти шрифтів; пропорційний і шрифт фіксованої ширини. Проблема полягає лише в тому, що невідомо, який з них і якого розміру буде використаний при відображенні.

Пропорційний шрифт — інакше "шрифт змінної ширини" для кожного символу виділяє різну кількість місця залежно від його зображення. Наприклад, в пропорційному шрифті заголовна "W" займає більше місця в

рядку по горизонталі, ніж прописна "І". Такі гаринитури, як: Times, Helvetica і Anal є прикладами пропорційних шрифтів.

Web-браузери для більшості текстів на Web-сторінці, включаючи основний текст, заголовки, списки, цитати і т. д., використовують пропорційні шрифти. Як правило, великі уривки основного тексту зручніше читати, коли вони надруковані пропорційними шрифтами. Оскільки більшість користувачів не має часу замінити шрифти, встановлені за умовчанням, з великою вірогідністю можна припустити, що текст на вашій сторінці буде відображений шрифтом Times розміром 10 або 12 пунктів (за умовчанням в Netscape) або Helvetica (за умовчанням в Microsoft Internet Explorer). Але це всього лише загальне правило.

Шрифт з фіксованою шириною надає однакове місце для всіх символів шрифту. Заголовна "W" займає не більше місця, ніж прописна "І". Прикладами шрифтів фіксованої ширини є гарнітури Courier і Monaco. В Web-браузерах шрифти фіксованої ширини використовуються для відображення будь-якого тексту всередині наступних HTML-тегов: <рге>, <tt>, <code>, <kbd>,<samp>, <хтр>.

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

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

Переваги використовування графіки замість HTML-тексту абсолютно очевидні:

- можна визначати тип шрифту, розмір, інтерліньяж, проміжок між буквами, колір і вирівнювання - всі атрибути, які викликають складнощі тільки в HTML;

- ваша сторінка буде однакова при висновку у всіх графічних браузерах.

Але у цього методу є ряд недоліків:

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

- в неграфічних браузерах зміст втрачається. Користувачі, які не можуть (або не хочуть) проглядати графіку, не побачать і тексту. Альтернативний текст (використовується атрибут Alt) на місці графічного зображення допомагає, але його можливості обмежені і це не завжди надійний спосіб ототожнення відсутньої графічної інформації;

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

Розмір шрифту. Звичайно розмір шрифту визначається в пунктах (72 пункти (пт) = 1 дюйм висоти шрифту) але, на жаль, ці розміри не достатньо точно переводяться між платформами. Частково це відбувається тому, що їх операційні системи управляють дисплеями з різними дозволами. Звичайно Windows використовує дозвіл екрану 96 точек/дюйм, a MacOS - 72 точек/дюйм. Монітори MultiScan допускай більш високий дозвіл.

Шрифт на екрані дисплея Macintosh має точно такий же розмір, як і при друці (наприклад, 12 пт Times на екрані виглядає так само, як 12 пт Times на папері).

Для шрифтів Microsoft подібна угода не виконується, і розмір шрифту при висновку на екран більше, що полегшує читання з дисплея. В результаті шрифт розміром 12 пт на Windows більше схожий на друкарський шрифт в

16 пунктів. Щоб одержати на Windows друкарський розмір 12 пт, вам потрібно вибрати розмір шрифту 9 пунктів (але тоді користувачі комп'ютерів Macintosh побачать текст майже нерозбірливим, оскільки він буде відображений шрифтом розміром всього 6,75 пт).

1.5. Представлення графіки в інтернет-магазині

На даний момент майже всі зображення в Web, представлені в двох форматах: GIF і JPEG. Третій суперник, заслуговуючий згадки, формат PNG, бореться за підтримку і увагу браузерів. Далі - короткий огляд "великої трійки" графічних форматів онлайна. Більш докладна інформація представлена в розділах, присвячених кожному з форматів.

GIF. GIF - Grafic Interchange Format можна назвати традиційним форматом файлів Web. Він був першим форматом файлів, який підтримувався Web-браузерами, і до цього дня продовжує залишатися основним графічним форматом Web.

Його властивості полягають в наступному:

- підтримує не більше 256 кольорів (менше можна і часто потрібно);

- використовує палітру кольорів;

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

- підтримує чересстрочную