Выравнивание и отступы



Выравнивание и отступы

Выравнивание — это одна из базовых операций форматирования текстов и гипертекстов. В программе Dreamweaver она работает так же, как в любом текстовом редакторе. Областью применения команды служат любые структурные блоки документа. Для текста таковыми являются абзацы, заголовки, предварительно отформатированный текст.

Стандартный язык гипертекстовой разметки поддерживает ограниченное число вариантов выравнивания: по левому краю, по правому краю и по центру. Четвертый вид выравнивания, по ширине, получил права гражданства в HTML сравнительно недавно. Популярные броузеры Internet Explorer и Netscape Navigator научились представлять текстовый массив в виде блока с выровненными краями, только начиная с четвертой версии.

В области подготовки документов для печати текстовое выравнивание иногда называют выключкой. Какие средства разметки применяет программа Dreamweaver для выключки? Абзацы выравниваются при помощи атрибута align дескриптора <р>, например:

<р аlign="сеntег">Выравнивание по центру</р>

Разнородные фрагменты документа, состоящие из нескольких абзацев, таблиц, списков и т. п., получают надлежащее выравнивание при помощи дескриптора разделения <div>. Этот контейнер является удобным средством структурного деления документа; с его помощью легко вычленить некоторую часть документа и придать ей особый статус или отличное от окружения форматирование. Следующий фрагмент кода иллюстрирует применение этого средства для одновременного выравнивания абзаца и простейшей таблицы, состоящей из одной ячейки.

<div align="right">

<р >Выравнивание разнородных фрагментов </р>

<table >

<tr>

<td>Ячейка таблицы</*td>

</tr>

</table>

Начиная с четвертой версии, броузеры распознают и корректно обрабатывают четыре значения атрибута align: left (по левому краю), right (по правому краю), center (по центру) и justify (по ширине). К сожалению, выравнивание по ширине не поддержано средствами управления программы Dreamweaver. Чтобы назначить этот вариант выключки, надо задать выбранному фрагменту любой тип выравнивания из представленных в меню. Потом вручную, в режиме разметки, измените значение атрибута align на justify.

Выравнивание по ширине имеет один трудноискоренимый недостаток. Компенсация границ текстового блока выполняется за счет изменения пробелов между словами и буквами. Если длины строчек невелики, то деформации пробелов могут стать заметными. Этот эффект в типографском деле иногда называют “жидкими строками”. Профессиональные настольные издательские системы располагают целым арсеналом средств для борьбы с этим явлением. В HTML подобных средств почти нет, за исключением, пожалуй, неразрывного пробела (CTRL+SHIFT+ПРОБЕЛ).



Выравнивание по ширине не отображается в окне документа Dreamweaver. Его можно увидеть только при помощи программ просмотра, начиная с четвертых версий Internet Explorer и Netscape Navigator.

По технике исполнения операция выравнивания одна из самих простых.

  1. Выберите текст или просто поместите курсор в любое место структурного блока.
  2. Дайте команду Text > Align (Текст > Выравнивание).
  3. Выберите из открывшегося меню один из предлагаемых видов выравнивания:
    • Left (По левому краю);
    • Right (По правому краю);
    • Center (По центру).

Операцию выравнивания часто приходится применять в процессе форматирования даже самых непритязательных по дизайну страниц. Поэтому данные команды поддержаны горячими клавишами и представлены в палитре Property Inspector (Инспектор свойств). Выравнивание по левому краю выполняется при помощи комбинации клавиш CTRL+ALT+SHIFT+L, по правом краю - CTRL+ALT+SHIFT+R, по центру - CTRL+ALT+SHIFT+C. В языке гипертекстовой разметки нет специального средства, единственным предназначением которого было бы создание горизонтального отступа. Но существует несколько дескрипторов, которые с разным успехом решают данную задачу. Самый чистый способ дает, видимо, дескриптор <blockquote>. По замыслу разработчиков языка, в этот контейнер следует заключать длинные цитаты. На практике многие дизайнеры используют его для создания горизонтальных отступов.

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

Итак, горизонтальные отступы в программе можно создать при помощи дескриптора <blockquote>.

  1. Выберите текст или поместите курсор в нужное место.
  2. Дайте команду Text > Indent (Текст > Отступ) или воспользуйтесь комбинацией клавиш CTRL+ALT+].
  3. Убрать отступ можно следующим образом.

  4. Выберите текст.
  5. Дайте команду Text > Outdent (Текст > Втяжка) или воспользуйтесь комбинацией клавиш CTRL+ALT+[.

Обе команды представлены специальными кнопками в Инспекторе свойств. Они расположены под кнопками выравнивания.

Многократный сдвиг командой Indent (Отступ) ликвидируется в результате такого же числа применений команды Outdent (Втяжка). Селектор разметки показывает всю цепочку вложенных дескрипторов <blockquote>.



Содержание раздела