• Первый этюд к гипертексту

Некоторое нарушение линейности обычной книги вносят сноски, ссылки на другие страницы и ссылки на другую литературу.

Предполагается, что пользователь может прервать линейное чтение в месте ссылки, посмотреть другую часть читаемого текста или даже совсем другой текст, а затем продолжить чтение с места прерывания.

• Второй этюд к гипертексту

Из массы линейной текстовой продукции выделяются словари, справочники, энциклопедии. Физически текст устроен линейно: за страницей 10 обязательно следует страница 11, а за сотой -- сто первая. Однако, предполагается, что читатель обращается к книге для справки, а не читает ее всю подряд от корки до корки.

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

• Третий этюд к гипертексту

В век бурных компьютерных технологий как-то не хочется вручную копаться в большом словаре. Почему бы эту рутину не поручить "железному" другу с "мягкой" душой? Вгоним словарь в "железо" и настроим "душу". Щелкнул мышкой по нужному слову -- получил результат: нужный раздел книги на экране.

• Последний этюд к гипертексту

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

Структура компьютерной книги становится существенно нелинейной, она даже перестает быть иерархической, а скорее напоминает спутанную рыболовную сеть или порцию спагетти, опрокинутую на пол. Для навигации по такой сети предусматривается простой способ: те фрагменты документа, которые имеют переходы на другие его части, каким-то образом выделены. Простое интерфейсное действие на такой ссылке (нажатие на Enter или мышиный щелчок) перебрасывают пользователя в другой информационный узел.

Команды языка (теги) заключаются в угловые скобки. Как правило, теги парные. Первый тег открывает описание команды, определяет ее начало, второй, отличающийся от первого наличием косой черты "/" перед ключевым словом (именем тега), закрывает его.

Программируя на HTML, нельзя ориентироваться на определенные размеры окна документа. Браузер, выполняя программу, использует то окно, которое предоставил ему пользователь. Значит, одна и та же HTML-программа может отображаться на экран немного по-разному на разных компьютерах и даже на одном компьютере при разных его настройках.

Структура, стиль и внешний вид текстового документа.

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

Структуру текста лучше всего продумать заранее. Можно рекомендовать следующий способ оформления:

1. Запишите заголовок для всего документа. Он должен быть самым крупным (тег <H1>) и выровнен по центру в строке.

2. Разделите документ на главные части (главы). Заголовки глав выравниваются по левому краю и делаются немного меньше заголовка документа (тег <H2>).

3. При необходимости главы разделите на параграфы (заголовки <H3>), параграфы на пункты (заголовки <H4>). Все заголовки документа, кроме его названия, выравниваются по левому краю.

4. Текстовый фрагмент, обозначенный заголовком, разбейте на абзацы (тег <P>). Абзацы должны быть небольшими и содержать законченную мысль.

5. В каждом абзаце используйте одни и те же приемы оформления:

• полужирный шрифт для выделений слов или коротких фраз;

• курсив для выделения текстовых (обычных) ссылок или цитирования (название книги, газеты, статьи...)

• смещение большой цитаты вправо от левой границы текста.

6. Решите вопрос о цветовой гамме своего документа. Выберите цвет фона и цвет основного текста. Подберите цвета для некоторых специальных выделений и используйте их одинаково на протяжении всего документа.

<P align=left> - выравнивает абзац по левому краю

<P align=right> - выравнивает абзац по правому краю

<P align=center> - выравнивает абзац по центру

Выровнять по центру можно не только отдельный абзац или заголовок, но и целую группу экранных элементов, если поместить их описание внутри тегов <CENTER>…</CENTER>.

Еще вопрос: можно ли вставить в тексте абзаца принудительную группу пробелов (ведь браузер игнорирует лишние пропуски)?

Для этих символов, а также для некоторых других предусмотрено специальное кодирование. Код строится из символа "&" (амперсанд), фиксированного имени и завершающего символа ";". Все буквы, составляющие имя специального знака, должны быть строчными (то есть, маленькими). Использование, например, таких обозначений, как "&QUOT;" и "&AMP;" не допускается [15].