Macromedia Dreamweaver MX

Форматирование абзацев

Прежде всего, давайте сделаем нашей странице нормальный "кричащий" заголовок. (Имеется в виду не HTML-заголовок, а обычный заголовок, как у газеты.) Первой строкой как раз набрано "Здравствуйте" — она прекрас­ный кандидат в заголовки.

Чтобы отформатировать текстовый абзац как заголовок, нужно воспользо­ваться редактором свойств, точнее, раскрывающимся списком форматов абзаца. Он показан на рис. 3.4.

Пункт Paragraph этого списка форматирует текст как обычный абзац (отме­чаемый тегом <р>). Пункты Heading 1 Heading 6 позволяют превратить

Его в заголовок, соответственно, первого, второго уровня и т. д. Пункт Pre­formatted превращает абзац в текст фиксированного формата, где форматиро­вание задано не тегами HTML, а как в обычном тексте: отступы создаются пробелами, а разбиение на абзацы — символами возврата каретки и перево­да строки. Это может быть очень полезно при выкладывании в Сеть боль­ших текстовых документов, созданных в старых текстовых редакторах, без сложного HTML-форматирования.

Иван И. Иванов (Примеры/3.1.Ы:т*)

Здравствуйте!

Меня зовут Иван Иванович Иванов Я личный Л/еЬ-сайт. который сае лал я са

Рис. 3.4. Раскрывающийся список форматов абзаца, находящийся в редакторе свойств

( Примечание )

Заголовки создаются парными тегами <нл>, где л — число от 1 до 6. Текст фик­сированного формата задается парным тегом <pre>.

Поставим текстовый курсор на строку "Здравствуйте" и выберем в меню форматов пункт Heading 1 — это наилучшим образом подходит для привет­ствия. Получившийся результат показан на рис. 3.5.

Если вы закрыли редактор свойств, не беспокойтесь — то же самое вы мо­жете сделать, используя главное меню или контекстное меню окна докумен­та. В первом случае выберите в меню Text пункт Paragraph Format и в по-

Явившемся на экране подменю — нужный формат абзаца. Во втором случае щелкните правой кнопкой мыши на строке приветствия, также выберите пункт Paragraph Format и в подменю — формат абзаца.

Если же вы предпочитаете не отрывать пальцы от клавиатуры, можете за­дать формат заголовка комбинацией клавиш <Ctrl>+<«>, где <п> — одна из клавиш <1> <6>. Формат обычного абзаца можно задать, нажав комби­

Нацию клавиш <Ctrl>+<Shift>+<P>.

Теперь давайте выровняем заголовок по центру. В этом нам помогут кнопки выравнивания редактора свойств (рис. 3.6).

Рис. 3.6. Кнопки выравнивания, расположенные в редакторе свойств

Эти кнопки задают выравнивание соответственно (порядок перечисления слева направо):

□ по левому краю;

□ по центру;

□ по правому краю;

□ выравнивание по обоим краям (полное выравнивание).

Полное выравнивание поддерживается только новыми версиями Л/еЬ - обозревателей.

Одновременно может быть нажата (включена) только одна из этих кнопок либо ни одной. (В последнем случае задается так называемое выравнивание по умолчанию, как правило, по левому краю.) Такие кнопки называются кнопками-переключателями, по аналогии с пунктами-переключателями меню.

Итак, снова установим текстовый курсор на заголовок и нажмем кнопку выравнивания по центру. На рис. 3.7 показано, что у нас получится в этом случае.

Иван И. Иванов (Примеры/3.l. htm*)

Здравствуйте!

Меня зовут Иван Иванович Иванов. Я вольный Web-дизайнер. А это - мой личный Web-сайт. который сделал я сам в Macromedia Dreamweaver MX

Аналогичного результата вы можете достигнуть, воспользовавшись подменю Align меню Text или аналогичным подменю контекстного меню. Пункт - переключатель Left задает выравнивание по левому краю, Center — по цен­тру, Right — по правому краю, a Justify — полное выравнивание. Также вы можете нажать комбинацию клавиш <Ctrl>+<Alt>+<Shift>+<ioiaBiiiiia>, где <клавиша> — <L>, <С>, <R> или <J>, соответственно.

( Примечание )

Выравнивание задается значением атрибута align тегов <р> и <нп>. Доступны значения left, center, right или justify. Что они означают, вы уже знаете.

Теперь давайте как-нибудь выделим последнюю строку со сведениями об авторских правах. Можно поставить текстовый курсор в ее начало и нажать клавишу <Enter>, чтобы вставить между этой строкой и остальным текстом дополнительную пустую строку. А можно поступить по-другому.

Взгляните на кнопки, показанные на рис. 3.8. Эти кнопки позволяют уста­новить или убрать отступ слева у абзаца. Левая кнопка уменьшает (убирает) отступ, а правая — увеличивает.

Рис. 3.8. Кнопки задания отступа абзаца, находящиеся в редакторе свойств

Давайте поставим курсор мыши на последнюю строку текста и нажмем кнопку увеличения отступа. Результат показан на рис. 3.9. Вы можете еще раз нажать эту кнопку для увеличения отступа или левую кнопку, чтобы уменьшить отступ.

А здесь вы найдете ссылки на другие интернет-ресурсы.

Авторские права на сайт принадлежат мне. Иванову И. И.. 2002 год

Рис. 3.9. Строка с отступом

Аналогичный результат дают пункты Outdent и Indent меню Text или под­меню List контекстного меню. Вы также можете нажать комбинацию кла­виш <Ctrl>+<Shift>+<]> для увеличения отступа и <Ctrl>+<Shift>+<[> — для его уменьшения.

Примечание )

Отступ задается парным тегом <blockquote>.

Теперь обратим внимание на список тем, доступных на сайте. (Из строк этого списка потом будут сделаны гиперссылки, указывающие на соответст­вующие страницы.) И вспомним, что "обычные" текстовые редакторы под­держивают создание нумерованных и маркированных списков. Пункты ну­мерованных (упорядоченных) списков, как вы знаете, обозначаются поряд­ковыми номерами, а пункты маркированных (неупорядоченных) списков — какими-либо значками. Давайте и мы создадим такой список.

Для этого, прежде всего, выделите все строки, которые войдут в список. Всего их три.

Для того чтобы преобразовать выделенные строки в список, опять восполь­зуемся кнопками редактора свойств. Они показаны на рис. 3.10. Левая кнопка создает маркированный список, а правая — нумерованный. В дан­ный момент времени может быть нажата только одна кнопка либо ни одной; в последнем случае абзац возвращается к своему обычному виду.

Рис. 3.10. Кнопки создания списков, расположенные в редакторе свойств

Нажмите левую кнопку. Созданный нами маркированный список показан на рис. 3.11.

На этом сайте вы можете прочитать

Кроме того, вы получаете возможность изменить некоторые дополнитель­ные параметры списка. Для этого нажмите кнопку LisT Item на панели редактора свойств (рис. 3.12). На экране появится диалоговое окно List Properties (рис. 3.13). Давайте рассмотрим это окно подробнее.

Раскрывающийся список List Туре позволяет задать тип списка. Здесь дос­тупны следующие позиции:

□ Bulleted List — маркированный список;

□ Numbered List — нумерованный список;

□ Directory List — список папок, визуально похож на маркированный список;

□ Menu List — список-меню, визуально опять же похоже на маркированный список.

Если выбран первый или второй пункт, становятся доступными другие эле­менты управления.

Раскрывающийся список Style позволяет задать стиль маркера или нумера­ции списка. Если выбран маркированный список, доступны следующие значения:

□ Bullet — кружок с заливкой;

□ Square — квадратик;

□ [Default] — маркер по умолчанию, обычно кружок с заливкой.

Если же выбран нумерованный список, доступны:

□ Number — арабские цифры;

□ Roman Small — малые римские цифры;

□ Roman Large — большие римские цифры;

□ Alphabet Small — малые латинские буквы;

□ Alphabet Large — большие латинские буквы;

□ [Default] — нумерация по умолчанию, обычно арабские цифры.

Кроме того, если выбран нумерованный список, доступно поле ввода Start Count, где вы сможете ввести номер, с которого начнется нумерация строк списка.

Все эти настройки относились к списку в целом. В нижней половине окна расположена группа элементов управления List Item, затрагивающая только ту строку списка, на которой находится текстовый курсор. В эту группу входят раскрывающийся список New Style и поле ввода Reset Count То, аналогичные раскрывающемуся списку Style и полю ввода Start Count верх­ней части окна.

Закончив настройку свойств, нажмите кнопку ОК для сохранения установок или Cancel — для отказа от них.

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

( Примечание )

Списки задаются парными тегами <иь> (маркированный), <оь> (нумерованный), <DIR> (список папок) и <menu> (меню). Между этими тегами помещаются от­дельные строки, задаваемые тегом <li>. Удивительно, но у тега <li> нет пары!