2. Форматирование текста. Логическое и физическое форматирование. Шрифты.

Когда сам текст документа подготовлен, можно считать, что большая часть работы уже позади. Наш текст разбит на абзацы, все заголовки на месте и добавлена информация об авторе. Кажется, работу можно считать законченной. Однако это не совсем так.

Принципиальное отличие документов, напечатанных на старой доброй пишущей машинке и созданных с помощью текстового процессора, заключается в идее форматирования текста. Текстовый процессор дает возможность полного контроля над внешним видом документа. Автор может выбрать шрифт любого размера и начертания или воспользоваться сотнями других опций редактирования. С точки зрения создания прекрасного внешнего облика документа новая версия HTML сравнима с лучшими современными текстовыми редакторами. Единственным ограничением в вашем творчестве может быть только независимость от типа программы просмотра и установок читателя.

• Логическое форматирование

Логическое форматирование и четкое структурирование являются признаками хорошо составленного документа. Они обеспечивают большую гибкость в его исполнении. Помня об этом, разработчики HTML создали целую группу форматирующих элементов, согласно своему назначению названных логическими. Преимущество данного подхода в том, что документ не привязывается к какой-нибудь определенной платформе. Хотя внешний вид документа может слегка измениться, содержание и структура останутся теми же самыми.

Ниже перечислены элементы логического форматирования.

• <CITE></CITE> Используется для выделения цитат или названий книг и статей, при этом текст обычно выводится курсивом.

• <CODE></CODE> Применяется для вывода небольшого куска программного кода шрифтом фиксированной ширины.

• <EM></EM> Этот элемент обычно используется для выделения важных фрагментов текста. Браузеры обычно отображают такой текст курсивом.

• <KBD></KBD> Элемент, выделяющий шрифтом фиксированной ширины текст, вводимый пользователем с клавиатуры

• <SAMP></SAMP> Используется для выделения нескольких символов шрифтом фиксированной ширины.

• <STRONG></STRONG> Этот элемент обычно используется для выделения важных фрагментов текста. Браузеры отображают такой текст полужирным шрифтом.

• <VAR></VAR> Используется для отметки имен переменных. Обычно такой текст отображается курсивом.

Вы, наверное, обратили внимание на то, что некоторые элементы дают одинаковый результат. Может возникнуть законный вопрос: для чего это сделано?

Ответ – в названии этой группы элементов. Они предназначены для расстановки логических ударений, выделения логических частей и подчеркивания сути высказываний. Их использование весьма актуально, поскольку, вероятно, в ближайшем будущем станет возможен, например, поиск цитат в Web-пространстве, а может быть следующее поколение броузеров научится читать документы вслух. Программы, умеющие распознавать логические ударения, заменяют монотонные речевые процессоры.

Возможно, вам захочется включить в документ какую-либо длинную цитату. Для выделения цитаты из основного текста в HTML существует элемент <BLOCKQUOTE>. Этот элемент может содержать любые форматирующие тэги.

Современные броузеры реагируют на элемент <blockquote> смещением текста вправо. Некоторые текстовые программы просмотра обозначают цитату символами >, располагающимися в крайнем левом столбце экрана. Так как сегодня большинство броузеров являются графическими программами, элемент <blockquote> позволяет авторам внести в текст некоторое визуальное разнообразие.

• Физическое форматирование

Последней «инстанцией» определения внешнего вида вашего документа является программа просмотра читателя. Вы имеете ограниченные возможности повлиять на этот процесс с помощью элементов физического форматирования, список которых приведен ниже:

• <B></B> Выделяет текст полужирным шрифтом.

• <I></I> Выделяет текст курсивом

• <TT></TT> Выводит текст шрифтом фиксированной ширины

• <U></U> Элемент подчеркивания

• <STRIKE></STRIKE> Элемент зачеркивания

• <BIG></BIG> Выводит текст шрифтом большего размера

• <SMALL></SMALL> Выводит текст шрифтом меньшего размера

Элементы физического форматирования могут быть вложенными друг в друга. При этом нужно внимательно следить, чтобы один тэг находился целиком в другом(пример, <B><I>bold italic</I></B>.

• Шрифты

К сожалению, вы не можете ничего знать о наборе шрифтов, которым располоагает программа просмотра. На практике он сильно зависит от оборудования, на котором работает читатель. В настоящий момент не существует возможности как-то обойти эту проблему, хотя некоторые производители программных продуктов разрабатывают способы передачи шрифтов вместе с документом.

Элемент FONT

Элемент FONT представляет собой контейнер, т.е. требует открывающего и закрывающего тэгов. В открывающем тэге обязательно указание атрибутов, без которых элемент не оказывает никакого влияния на текст, помещенный в контейнер. Элемент FONT может использоваться внутри любого другого текстового контейнера. Он имеет следующие атрибуты:

FACE=”[название шрифта]” – этот атрибут позволяет вам указать тип шрифта, которым программа просмотра выведет ваш текст (если таковым располагает пользователь). Параметром атрибута служит название шрифта, которое должно в точности совпадать с названием шрифта, имеющегося у пользователя. Если нужного шрифта нет, программа проигнорирует запрос и будет использовать шрифт, установленный по умолчанию. Этот атрибут позволяет указать как один, так и несколько шрифтов (через запятую).

SIZE=[число от 1 до 7] – этот атрибут служит для указания размера шрифта в условных единицах.

COLOR=[формат RGB] – этот атрибут устанавливает цвет шрифта, который может быть указан как в формате RGB, так и стандартным именем.

Теперь, когда вы познакомились с многочисленными инструментами форматирования текста, осталось научиться ими пользоваться. Можно легко переборщить с применением разных шрифтов, размеров и форматов, сделав свой документ малопригодным для чтения. Попробуйте с помощью всех этих преобразований получить документ, который получился у меня.

Для примера использования всех только что изученных способов форматирования текста, я представлю вам конечный вариант нашего документа, который мы с вами слегка преобразовали.

Задание:

Теперь, когда вы уже научились структурировать документ и форматировать текст, попробуйте применить ваши знания на практике. Документ по 703 кафедре 7-го факультета у вас готов. Осталось приготовить еще 3. В директории 2KURS, поддиректории LAB2 лежат неформатированные тексты с описаниями остальных кафедр. Следуя данному примеру, используя только что полученные знания и свою фантазию, постарайтесь преобразовать данные тексты так, чтобы все они были более-менее похожи друг на друга, и в то же время были логически правильно выстроены.

Для каждого текста вам опять придется создавать новую страничку по шаблону. Не забывайте также по окончанию работы сохранять ваш документ, используя в качестве конечного файла формат «kafedra[№ кафедры, чье описание вы редактировали].htm» (к примеру, для 702 кафедры – «kafedra702.htm»).