они інтерпретуються браузером за особливим і вимагають заміни для їх включення в текст, в якості звичайних символів. Заміна потрібно і для представлення символів права © та реєстрації ®. У таблиці 3 наведені ці заміни.
Таблиця 3 - Заміни спеціальних символів
СимволЗаменаlt;amp;lt;gt;amp;gt;amp;amp;amp;"amp;©amp;copy;®amp;copy;
У загальному випадку в HTML-документ можна вставити будь-який символ, знаючи його ASCII-код. Для цього замість символу підставляється така послідовність символів: amp; #XX, де XX - десяткове значення ASCII-коду символу.
До спеціальних символів можна віднести і символ неусувного пробілу - Amp; nbsp; (no breaking space). Ці символи використовуються тоді, коли необхідно помістити на веб-сторінці кілька пробілів поспіль, оскільки браузери замінюють послідовності поспіль прогалин в HTML-документі одним пропуском при виведенні документа на екран.
2. Форматування тексту з погляду веб-дизайну
2.1 Значення текстового оформлення веб-сторінок
З приходом Інтернету кількість інформації багаторазово збільшилася, змінилися технічні обмеження на її подачу. Оскільки спочатку веб-сайти робили програмісти, то вони багато в чому не були в курсі вимог, які пред'являють до оформлення та верстці тексту кнігопечатнікі. Веб-розробники небажання серйозно працювати з текстом пояснювали тим, що веб-сайт - динамічний продукт, в якому текст не приймає жорстко позначеної площі, а повинен гнучко змінювати свою форму. Тому розробка корпоративного сайту останні 10 років кожен раз перетворюється для підприємця на муку з розробниками, з вибором дизайну і, врешті-решт, з наповненням.
Відомо, що користувачі Інтернет сприймають тест з екрану комп'ютера набагато гірше, ніж з паперу. І тоді виходить парадоксальна ситуація: начебто на веб-сайті уміщається у багато разів більше текстової інформації, ніж на буклеті А4 (нехай навіть з двох сторін), але її читають в 2-3 рази менш уважно. Відвідувачі комерційних сайтів рідко вчитуються в те, що написано на більшості сайтів, вони шукають послугу або товар, а знайшовши його, дзвонять або роблять замовлення. Або не дзвонять. Мало хто бажає вникати в те, що написано на сайті.
Виходячи з досліджень Eye Tracking, на веб-сторінці є зони, які користувач не помічає зовсім. На малюнку 1 показані зони уваги різних типів сторінок:
звичайної текстової сторінки з послугою;
сторінка товару в Інтернет-магазині;
сторінка видачі пошукової системи Google.
У цих умовах той обсяг тексту, який користувач легко сприймав з корпоративного буклету, на веб-сайті елементарно не привертає інтерес користувача.
Малюнок 1 - Зони активної уваги відвідувачів сайтів
Чому у веб-розробників більшості сайтів ніколи не доходять руки до дизайну тексту? Найчастіше веб-студії роблять тільки «оболонку» (дизайн сайту), а контент (крім оформлення заголовка і посилання в тексті) ніяк не оформляють і в результаті Рунет наводнюю величезною кількістю ресурсів, зроблених за готовими шаблонами TemplateMonster, Joomla, WordPress за дуже невеликі гроші.
Крім стандартних недоліків юзабіліті (таких як відсутність телефону в шапці сайту, відсутність нижньої меню, відсутність посилання в логотипі на головну сторінку і.т.д.) ці сайти характеризуються недбалим ставленням як розробників до оформлення, так і власників сайтів до його змісту.
Дизайн тексту необхідний тим веб-сайтам, на яких текст відіграє важливу роль в переконанні і інформуванні клієнтів про послугу і рідше - товар. Там, де клієнтові важливо зображення товару (наприклад, продаж меблів) та його характеристики (вага, довжина, потужність і.т.д.), дизайн тексту менш затребуваний - наприклад, для інтернет-магазинів або онлайн-сервісів. У такому випадку поліпшення зручності процесу, починаючи від вибору товару і закінчуючи його оплатою через корзину, тут важливіше.
2.2 Удобочитаемость, зміст і форма шрифту
Удобочитаемость є одним з найважливіших достоїнств хорошого шрифту. Це не тільки загальна оцінка придатності його форми, але й показник краси. На удобочитаемость впливають такі чинники:
форма шрифтових знаків (малюнок або тип шрифту, розмір, пропорційність відносини ширини знака до його висоти, ритм форми, насиченість, колір);
шрифтовая композиція (довжина рядка (написи) або ширина шрифтового поля (колонки), пробіл навколо рядка або шрифтового поля, інтервал між рядками, шрифтовими полями, форма рядків, шрифтового поля, ритм рядки і композиції тексту, колірне рішення);
чіткість шрифту (відношення кольору (тону) шрифту ...
