Элементы-разделители содержимого страниц
Специальным элементом языка HTML, предназначенным для разделения частей содержимого одной и той же страницы, служит горизонтальная линейка. Однако использование горизонтальной линейки имеет один недостаток: она делит страницу столь эффективно, что создает психологический барьер в восприятии материала. Иными словами, иногда вид линейки внушает зрителю, что смысловая часть закончилась. В то же время имеется возможность создавать элементы-разделители любого типа, которые не вызывают психологического барьера: часто все, что требуется сделать, сводится к графическому преобразованию сплошной горизонтальной линии в пунктирную. Ниже описываются некоторые базовые операции по созданию горизонтальных разделителей содержимого страниц, примеры которых приведены ниже на рис.12.16-12.18.
Рис. 12.16. Графическй элмент-разделитель в виде линии со стрелкой
Создание графического разделителя может быть не сложнее простого рисования линии, наподобие показанной на рис. 12.16, с помощью инструмента Line (Линия). После этого следует дважды щелкнуть на кнопке инструмента Line (Линия), вызвав палитру Line Tool Options (Параметры Линии), чтобы выбрать тип оконечностей линии (концевых стрелок) и задать их длину, ширину и кривизну. Окончание линии в виде стрелки способствует тому, чтобы взгляд преодолевал разделитель и следовал далее, по двум причинам: во-первых, разделительная линия оказывается короче строк текста; во-вторых, указывающая вниз стрелка заставляет перевести взгляд на расположенный ниже текст.
Рис. 12.17. Разграничительня линия, сосоящая из пвторяющихся графических элементов, разделенных промежутками
Разделитель, показанный на рис. 12.17, подобен пунктирной линии, но использование графики предоставляет потенциальную возможность сделать такой пунктир более интересным и заставить его "работать" на ту информацию, которая содержится на странице. Обратите внимание на то, что для равномерного размещения повторяющихся элементов графики можно пользоваться координатной сеткой Photoshop 4.0. Каждый графический элемент помещается на отдельном слое и может быть перемещен с помощью инструмента Move (Перемещение). Удерживание клавиши Shift в ходе перемещения обеспечивает выравнивание перемещаемого элемента относительно оригинала. Чтобы сделать сетку видимой, выберите команду меню View <>Show Grid (Вид <>Показать сетку) или нажмите клавиши Cmd/Ctrl+" (двойная кавычка). Повторное нажатие этих же клавиш выключает изображение сетки. Можно установить режим привязки графических элементов к узлам сетки, выбрав команду меню View <>Snap to Grid (Вид <>Привязать к сетке) или нажав клавиши Cmd/Ctrl+Shift+" (двойная кавычка).
Рис. 12.18. Графическая пунктирная линия
Пунктирная линия, показанная на рис. 12.18, была создана методом заливки прямоугольной выделенной области текстурой, сгенерированной при помощи пакета программ Kai's Power Tools компании MetaCreations. После этого выделенная область была многократно скопирована на новые слои изображения, для чего требовалось последовательно щелкать в пределах выделенной области правой кнопкой мыши (использовать в системе Mac) и выбирать команду Layer Via Copy (Создать слой копированием) в контекстном меню. В результате таких действий каждый новый элемент пунктирной линии размещается на своем отдельном слое. В завершение "штрихи" были выровнены с помощью инструмента Move (Перемещение) и координатной сетки в режиме View <>Snap to Grid (Вид д Привязать к сетке).
