Хомаха А.В.
Наук. керівник к.т.н., доц. Зеленьова І.Я.
Донецький національний технічний університет
Адаптация классической газетной и книжной вёрстки и типографики
к современной вёрстке в Web
В последнее время внешний вид Web-сайтов все больше и больше начинает приближаться к классическому газетному или книжному виду, и требования к качеству текстовой информации неуклонно повышаются. Однако, при использовании приёмов газетной и книжной верстки, мы сталкиваемся с рядом следующих проблем:
Рассмотрим некоторые способы решения указанных проблем.
1. Классические декоративные элементы в Web часто создаются не «нативными», встроенными силами, а прибегая к неким ухищрениям. Рассмотрим эту проблему на примере буквиц. Основные типографические требования к буквицам:
- Все строки, попадающие на буквицу должны иметь отступ, кроме первой.
- Верхняя граница самой буквицы должна быть на одном уровне с кеглем первой строки, а нижняя, должна быть на одном уровне с нижней границей букв последней строки.
- Все засечки буквицы (если есть) должны быть с левой стороны, иначе нарушается направленность текста.
Рис. 1 Буквица
Способы создания буквицы в верстке страницы в интернете:
- Каскадные таблицы стилей (CSS), с помощью псевдо-элементов «:first-letter» и «:first-line». Самый простой способ, однако тоже имеет некоторые минусы, например при автоматическом создании столбцов.
- Использование JavaScript, например черезбиблиотеку jQuery. Имеет смысл только при автоматическом создании столбцов.
2. Верстка колонками – одна из самых «больных» тем в среде верстальщиков, знакомых с типографикой. Очень часто при создании сайтов игнорируется вообще любая возможность подачи текста в колонках, и текст подается одним блоком. Однако создание колонок является простой проблемой, решаемой с помощью таких действий:
- создания для каждой колонки отдельного блока, и размещения уже готового текста в блоке <div>. Этот способ хорош простотой, однако при этом текст верстается вручную, никаких автоматических переносов нет, и размер колонки задан жёстко.
- Использование JavaScript (например библиотеки jQuery) для автоматического форматирования текста и разделения его на колонки. Самый лучший с точки зрения верстки вариант, однако требует использования JavaScript, который может оказаться отключенным или заблокированным.
3. Высокие требования часто предъявляются к графическому оформлению страниц - например, использование уникальных шрифтов, нестандартная верстка, использование текста под наклоном. Обычно каждый раз применяется соответствующий способ решения проблемы, и чем более «интересный» элемент используется, тем сложнее его реализация. Однако, сейчас уже, например, есть универсальные решения для использования уникальных шрифтов, такие как:
- использование open-source скрипта «typeface.js» или скрипта cufon;
- использование Flash-технологии sIFR, которая, задействуя JavaScript, заменяет и показывает текст, используя Flash. Такой подход намного сложнее, чем использование чистого JavaScript, но обеспечивает больше возможностей.
- Автозамена текста картинками, используя PHP технологию «FLIR». Требует наличия PHP на сервере с подключенной библиотекой GD.
- Правило @font-face в CSS. Наиболее просто решение, но имеет ряд проблем с браузером Internet Explorer.
4. Фрагментированность текстовой информации выражается в разделении текста на аннотацию и на основной текст, и решается обычно внутри системы управления содержимым (CMS) на сайте.
5. Проблема «Англоориентированности» выражается в том, что в английском языке редко используются переносы и выравнивание текста по ширине, используются отличные от кириллических кавычки («лапки» в одном случае и «ёлочки» в другом), а также отсутствуют разные разделители (тире, полу-тире, дефис). Решается обычно:
- ручной версткой текста;
- использованием JavaScript для автоматической разметки;
- использованием готовых решений, например, «Типограф» студии ArtLebedev.
Краткий анализ текущей ситуации с версткой дает понять, что есть много проблем, которые имеют готовые решения, однако часто они игнорируются или не используются из-за их сложности. Кроме того, есть много проблем, для которых популярных решений пока нет, и они решаются с помощью верстки «вручную».
Литература: