Создание и настройка свойств списков

Организованное представление содержимого и графики на вебстранице так же важно, как и «глубина» содержимого. Программа Dream weaver CS6 предлагает различные способы организации текста на вебстранице. Одним из способов является использование списков, с помощью которых можно отделять особенно важную информацию от остального текста. В программе Dreamweaver CS6 маркированные и нумерованные списки называются неупорядоченными и упорядоченными списками соответственно. Помимо широко используемых упорядоченных и неупорядоченных списков в программе Dreamweaver CS6 доступны списки определений и вложенные списки.

Маркированные и нумерованные списки

Чтобы создать список в программе Dreamweaver CS6, можно просто набрать текст с маркированным списком или сначала ввести текст, а затем преобразовать его в список. Список можно создать из уже набранного текста, выделив текст, который необходимо преобразовать в список. Затем в Инспекторе свойств HTML (HTML Property Inspector) следует нажать кнопку маркированного (Bulleted) или нумерованного (Numbered) списка или в меню Формат (Format) выбрать пункт Список (List), а затем необходимый тип списка из вложенного меню - Неупорядоченный список (Unordered List), Упорядоченный список (Ordered List) или Список определений (рис. 2.4).

Unordered List

• • Bullet point 01
• • Bullet point 02
• • Bullet point 03
• • Bullet point 04
• • Bullet point 05|

Ordered List

• 1. Bullet point 01
• 2. Bullet point 02
• 3 Bullet point 03
• 4 Bullet point 04
• 5. Bullet point 05

Рис. 2.4. Примеры упорядоченного и неупорядоченного списка

Изменение стилей маркеров и номеров

Программа Dreamweaver CS6 предлагает различные типы стилей маркеров и номеров, например маркеры в форме окружности или квадрата для маркированных списков, римские цифры или буквы алфавита для нумерованных списков. Соответствующие стили списков можно применить с помощью диалогового окна Свойства списка (List Properties). Можно изменить стиль всего списка или определенного пункта в списке.

Стиль всего списка можно также изменить, поместив точку вставки в любом месте списка и выполнив одно из следующих двух действий:

• • В меню Формат (Format) выберите пункт Список (List), а затем в подменю выберите Свойства (Properties).
• • Другой вариант: в Инспекторе свойств (Property Inspector) нажмите кнопку Элемент списка (List Item). Откроется диалоговое окно Свойства списка (List Properties), показанное на рис. 2.5.

Рис. 2.5. Диалоговое окно «Свойства списка»

После выполнения одного из двух описанных действий в раскрывающемся списке Тип списка (List type) выберите тип списка. Таким образом можно изменить маркированный стиль на нумерованный и наоборот. Затем в раскрывающемся списке Стиль (Style) выберите конкретный стиль. Если в раскрывающемся списке Тип списка (List type) выбран элемент Нумерованный список (Numbered List), то автоматически станут активными поля Начать отсчет (Start count) и Сбросить счетчик (Reset count to). В текстовое поле Начать отсчет (Start count) введите число, с которого должен начинаться список. Наконец, нажмите кнопку ОК, чтобы применить изменения.

Чтобы изменить стиль одного пункта в списке, поместите курсор на пункт, стиль которого требуется изменить. Затем выполните одно из двух действий:

• • В меню Формат (Format) выберите пункт Список (List), а затем в подменю выберите Свойства (Properties).
• • В Инспекторе свойств (Property Inspector) нажмите кнопку Элемент списка (List Item).

В диалоговом окне Свойства списка (List Properties) выберите новый стиль в раскрывающемся списке Новый стиль (New Style) в категории Элемент списка (List Item). Затем в текстовом поле Сбросить счетчик (Reset count to) введите число, после которого нумерация пунктов списка будет начинаться сначала. Наконец, нажмите кнопку ОК, чтобы применить изменения.

Удаление маркеров и номеров

Маркеры или номера можно удалить из всего списка или в выбранных пунктах списка. Для этого можно выделить весь список или поместить курсор в точке, где маркеры или номера должны быть удалены.

Далее выполните одно из следующих действий:

• • В меню Формат (Format) выберите пункт Список (List), в затем пункт Нет (None) или Неупорядоченный список (Unordered List), чтобы удалить маркеры.
• • В меню Формат (Format) выберите пункт Список (List), а затем пункт Нет (None) или Упорядоченный список (Ordered List), чтобы удалить номера.
• • В Инспекторе свойств щелкните пункт Неупорядоченный список (Unordered List) или Упорядоченный список (Ordered List), чтобы удалить маркеры или номера соответственно.

Списки определений

Программа Dreamweaver CS6 поддерживает список особого типа, называемый списком определений, который служит для вывода терминов в виде глоссария с соответствующими определениями (см. рис. 2.6).

Картинка

Картинка (англ, image) Картинка - это графический элемент веб-страницы. Наиболее принятые в интернете форматы - gif и jpeg, поэтому картинки часто называют непосредственно "гифами" или "джипегами".

Каталог

Каталог (англ, web-directory) Систематизированная и рубрицированная подборка ссылок на интернет-ресурсы (см. Сайт) с описаниями. Каталоги делятся на специализированные (отраслевые) и общие, а также на региональные, национальные и глобальные.

Кеш

Кеш (англ, cache - нечто припрятанное, "заначка") Отложенные "про запас" копии веб-страниц, уже просмотренных пользователем. При попытке повторного просмотра этих страниц браузер (или прокси -сервер) уже не будет запрашивать их с веб-сервера ..

Контент

Контент (от англ, content - содержание) Под "контентом" в широком смысле понимают собственно наполнение сайта. Контент сайта соотносится с дизайном, как содержание с формой. В более узком смысле слова контент сайта - это материалы, размещенные на нем..

Рис. 2.6. Список определений (Definition List)

Чтобы создать список определений, сначала нужно ввести термины и определения, которые будут составлять список. Затем нужно выделить термины и определения, а после этого в меню Формат (Format) выбрать пункт Список (List) и Список определений (Definition List) из вложенного меню.

Список, созданный в программе Dreamweaver CS6, можно также удалить. Кроме того, из списка определений можно удалять выбранные термины.

Чтобы удалить список определений, необходимо выделить весь список и выбрать пункт Список определений (Definition List) в меню Формат

(Format) в подменю Список (List). При этом, чтобы удалить определенные термины из Списка определений (Definition List), нужно выделить эти термины, а затем выбрать пункт Список определений (Definition List).

Вложенные списки

Dreamweaver CS6 позволяет создавать вложенные списки. Для этого сначала нужно выделить пункты вложенного списка. Затем в Инспекторе свойств следует нажать кнопку Элемент выделения блока (Blockquote) или в меню Формат (Format) выбрать пункт Отступ (Indent).

Таким образом, будет создан вложенный список, показанный на примере на рис. 2.7.

Nested List

Nested List

• 1. Bullet point 01
• 2. Bullet point 02
• 3. Bullet point 03
• 4. Bullet point 04
• 5. Bullet point 05
• 1. Bullet point 01
• 2. Bullet pomt 02
• 3. Bullet pomt 03
• 1 Bullet point 04
• 2 Bullet point 05|

Рис. 2.7. Вложенный список (Nested list)

Рис. 2.8. Удаленный вложенный список (Nested list removed)

Чтобы удалить вложенный список, выделите элементы вложенного списка и нажмите кнопку Удалить элемент выделения блока (Remove Blackquote) в Инспекторе свойств (Property Inspector). После удаления вложенного списка маркированный список примет вид обычного списка, показанного на рис. 2.8.