Web дизайн с Macromedia HOMESITE




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



Рисунок 4.13. Пример создания вложенных списков




Например, для создания списка, приведенного на Рисунок 4.13, требуется выполнить такую последовательность действий:

  1. 1. На панели быстрой вставки щелкнуть на кнопке Unordered List и в открывшемся окне редактора тегов (Рисунок 4.14) выбрать в списке Туре (Тип маркера) форму маркера; в результате в код документа будет добавлена пара тегов <UL> и </UL>, причем курсор будет установлен между ними.
  2. 2. Щелкнуть на кнопке List Item; в открывшемся окне редактора тегов:
  1. 2.1. Перейти на вкладку Content (Содержимое) и ввести в текстовом поле наименование первого элемента списка («Цвет»), как показано на Рисунок 4.15.
  2. 2.2. Вернуться на вкладку LI Tag, в ней перейти на мини-вкладку Unordered List; оставив все параметры без изменения, щелкнуть на кнопке ОК; в результате в код документа будет добавлена пара тегов <LI> и </LI>, а также наименование элемента списка.
  • 3. Повторить п. 2 для создания второго элемента списка («Размер»).
  • 4. Установив курсор между закрывающим тегом </LI> первого элемента и открывающим тегом второго, щелкнуть на кнопке Ordered List и в открывшемся окне редактора тегов (Рисунок 4.16) выбрать в списке Туре (Способ нумерации) вид порядкового номера элементов, а в поле Start (Начальный номер) указать значение номера первого элемента; щелкнуть на кнопке ОК; в результате в код документа будет добавлена пара тегов <OL> и </OL> с соответствующими атрибутами.
  • 5. С помощью кнопки List Item ввести теги для пунктов нумерованного списка (в данном случае атрибуты должны устанавливаться на вкладке Ordered List диалогового окна).
  • 6. Ввести с клавиатуры наименования пунктов нумерованного списка.
  • 7. Установить курсор после закрывающего тега </LI> элемента «Размер» и выполнить действия, аналогичные описанным в п.п. 5...7, для второго нумерованного списка (с той лишь разницей, что в качестве способа нумерации можно использовать не цифры, а буквы английского алфавита).








  • Начало  Назад  Вперед