Главная » Статьи » Статьи для веб мастера » Веб дизайн

Оформление текста

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

<pre>

1. В адресной строке введите https://addons.mozilla.org.
2. Нажмите «Дополнения» и в предложенном списке выберите понравившуюся программу. Начнется процесс установки.
3. Перезагрузите браузер. В зависимости от выбранного дополнения, должны появиться или новый пункт в меню «Инструменты», или значок в строке статуса.

</pre>

Работать с текстом удобнее всего в "визуальных" html-редакторах, так как в них предусмотрены наборы инструментов для форматирования, благодаря чему веб-мастер избавлен от необходимости ввода тегов вручную. Достаточно выбрать вид и цвет шрифта, или указать отступ, как программа самостоятельно внесет нужные изменения в код страницы.
Категория: Веб дизайн | Добавил: Пидок (27.11.2010)
Просмотров: 530 | Теги: Метод выравнивания, Размер шрифтая, Гарнитура шрифтая, текста, оформление, Начертание шрифта | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]