Створення списків

Кнопки, що забезпечують створення різних типів списків, представлені на вкладці Lists (мал. 4.11). При клацанні на будь-якій з цих кнопок відкривається діалогове вікно, за допомогою якого можуть бути встановлені необхідні атрибути створюваного списку.

За допомогою кнопок вкладки Lists можна сформувати список двома способами:

• швидко створити список з параметрами за умовчанням, ввівши заразом і назви пунктів списку;
• будувати список поелементно, встановлюючи для кожного пункту свої значення атрибутів.

Мал. 4.11. Вкладка Lists

Для швидкого створення списку необхідно:

1. 1. Встановити курсор в необхідну позицію.
2. 2. На вкладці Lists клацнути на кнопці Quick List (Швидке створення списку).
3. 3. У діалоговому вікні (мал. 4.12), що відкрилося, виконати наступні дії:
   1. 3.1. За допомогою пари перемикачів List Style вибрати типа списку (Ordered - нумерований або Unordered - маркірований);
   2. 3.2. За допомогою дискретного лічильника Rows (Рядки) вказати число елементів списку;
   3. 3.3. У списку, що розкривається Турі (Тип) вибрати спосіб нумерації (або маркіровки) пунктів списку;
   4. 3.4. Клацнути в першому рядку текстового поля і ввести найменування першого пункту списку; натискувати клавішу <Enter>;
   5. 3.5. Ввести аналогічним чином найменування останніх пунктів списку;
   6. 3.6. Якщо потрібно створити в коді документа закриваючі теги для кожного елементу списку <LI>, встановити прапорець Generate </li> tags;
   7. 3.7. Клацнути на кнопці ОК.

Мал. 4.12. Діалогове вікно для створення списку

В результаті виконання описаної процедури в код документа буде поміщений тег-контейнер, відповідний типові вибраного списку (<OL> або <UL>), і теги елементів списку з найменуваннями пунктів.

Кнопки Unordered List (Неврегульований список) Ordered List (Впорядкований список) і List Item (Пункт списку) корисно застосовувати в тих випадках, коли потрібно сформувати список з нестандартною структурою (зокрема, з використанням вкладених списків іншого типа).

Мал. 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. 3. Повторити п. 2 для створення другого елементу списку («Розмір»).
4. 4. Встановивши курсор між тим, що закриває тегом </li> першого елементу і відкриваючим тегом другого, клацнути на кнопці Ordered List і у вікні редактора тегов (мал. 4.16), що відкрилося, вибрати в списку Турі (Спосіб нумерації) вигляд порядкового номера елементів, а в полі Start (Початковий номер) вказати значення номера першого елементу; клацнути на кнопці ОК; в результаті в код документа буде додана пара тегов <OL> і </ol> з відповідними атрибутами.
5. 5. За допомогою кнопки List Item ввести теги для пунктів нумерованого списку (в даному випадку атрибути повинні встановлюватися на вкладці Ordered List діалогового вікна).
6. 6. Ввести з клавіатури найменування пунктів нумерованого списку.
7. 7. Встановити курсор після того, що закриває тега </li> елементу «Розмір» і виконати дії, аналогічні описаним в п.п. 5...7, для другого нумерованого списку (з тією лише різницею, що як спосіб нумерації можна використовувати не цифри, а букви англійського алфавіту).

Мал. 4.14. Вікно редактора тегов для маркірованого списку

Мал. 4.15. Вкладка Content вікна редактора тегов для елементу списку

Зауваження
У всіх приведених вище діалогових вікнах є прапорець Compact, якщо він встановлений, то відповідний тег використовується з атрибутом COMPACT.

Для створення так званого списку визначень (Definition List) на вкладці Lists є три кнопки: Definition List, Definition Term (Визначуваний термін) і Definition (визначення).

Перша з них забезпечує вставку в код сторінки «заготівки» списку, яка містить теги <DL>, <DT> і <DD>, як показано на мал. 4.17.

Мал. 4.17. «Заготівка» списку визначень, створена за допомогою кнопки Definition List

Ця конструкція поміщається в сторінку без виклику вікна редактора тегов. За умовчанням закриваючі теги для терміну і пояснення не створюються. Аби додати в список нові елементи, слід скористатися кнопками Definition Term і Definition.