Сегодня: 26 марта 2017 года, воскресенье

Поиск по сайту


Дизайнерский форум

Рассылка

Наша кнопка

Мы рекомендуем

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

Если на сайте весь текст будет выполнен одним шрифтом, чтобы прочитать его посетителю придется изрядно помучиться. Именно поэтому основной текст принято разбивать на абзацы, а весь документ оформлять в едином стиле. В понятие «стиль» входят специальные элементы, применяемые для форматирования абзаца. Основными элементами стиля являются:
  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-редакторах, так как в них предусмотрены наборы инструментов для форматирования, благодаря чему веб-мастер избавлен от необходимости ввода тегов вручную. Достаточно выбрать вид и цвет шрифта, или указать отступ, как программа самостоятельно внесет нужные изменения в код страницы.
Дизайн навигатор - Photoshop, уроки фотошоп, шаблоны сайтов