Если на сайте весь текст будет выполнен одним шрифтом, чтобы прочитать его посетителю придется изрядно помучиться. Именно поэтому основной текст принято разбивать на абзацы, а весь документ оформлять в едином стиле. В понятие «стиль» входят специальные элементы, применяемые для форматирования абзаца. Основными элементами стиля являются:
- Гарнитура шрифта
- Размер шрифта
- Начертание шрифта
- Метод выравнивания
А теперь, каждый элемент рассмотрим подробнее и выявим основные требования к оформлению текста.
- Гарнитура шрифта. Выбирается исходя из соображений комфортного чтения. Так как заголовки должны выделяться, допустимо применение отдельного вида шрифта большего размера, чем в основном тексте. Кроме того, характер шрифта «подстраивается» под тематику текста. К заголовкам серьезных материалов (экономика, политика, различные исследования) применяют строгий, аскетический шрифт без насечек, например Arial или Helvetica.
- Размер шрифта. Размер шрифта согласуется с общим видом веб-страницы. Если для меню использовался шрифт размером 8 пунктов, для основного текста веб-страницы используется размер 10-12 пунктов, не более того. Для дополнительного текста (примечания, подрисуночные надписи) размер шрифта может колебаться в диапазоне от 8 до 9 пунктов, а вот оформление заголовков потребует увеличения размера шрифта.
- Начертание шрифта. Полужирное начертание применяется в заголовках и практически не используется в основном тексте. Курсивное начертание - заголовки и текст (с целью привлечь внимание к термину или фразе). Подчеркивание - при оформлении текстовой информации на веб-страницах подчеркивание слов считается дурным тоном.
- Метод выравнивания. Существует четыре метода выравнивания: по левому краю, по правому краю, по центру и по ширине. Выравнивание по центру актуально для заголовков, по правому краю – для примечаний и дополнений, а по ширине выравнивается основной текст.
Форматирование текста в html-редакторе занимает слишком много времени, поэтому чтобы разместить на странице текст в том виде, в котором он был создан в текстовом процессоре, воспользуйтесь тегом <PRE>. Нужный текст заключается в контейнер <PRE>, в результате html-код страницы приобретает следующий вид:
<pre>
1. В адресной строке введите https://addons.mozilla.org.
2. Нажмите «Дополнения» и в предложенном списке выберите понравившуюся программу. Начнется процесс установки.
3. Перезагрузите браузер. В зависимости от выбранного дополнения, должны появиться или новый пункт в меню «Инструменты», или значок в строке статуса.
</pre>
Работать с текстом удобнее всего в "визуальных" html-редакторах, так как в них предусмотрены наборы инструментов для форматирования, благодаря чему веб-мастер избавлен от необходимости ввода тегов вручную. Достаточно выбрать вид и цвет шрифта, или указать отступ, как программа самостоятельно внесет нужные изменения в код страницы.
