Где находятся маркеры в ворде. Создание маркированного списка в MS Word

Привет всем. В этой статье мы научимся создавать списки в Word на разные случаи жизни и всех видов. А также узнаем, как создать многоуровневый список и как с ним работать в microsoft Word. Готовы? Тогда поехали.Как создать список в Word

Прежде, чем мы приступим к разбору видов списков, давайте узнаем о их создание. А создаются они двумя способами.

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

Создать на основе готового текста. Для этого нужно выделить часть текста и нажать на соответствующий тип списка. Каждый новый уровень будет обозначен новым пунктом.

Знаете ли вы где создаются списки? Вкладка «Главная» — раздел «Абзац». Там есть три типа списков, которые можно создать в Word:

Каждый из эти видов списка мы рассмотрим отдельно: чем они отличаются и как они создаются.

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

Итак, первый тип – маркированный список. Что он делает? Создает список, в начале каждого пункта списка будет стоять специальный знак (маркер) и изначально это черный круг. Как его изменить. Нажмите на стрелочку вниз, чтобы увидеть стиль других маркеров. Выберите нужный вам маркер для списка.

При нажатии на кнопку «Определить новый маркер» можно выставить стиль маркера уровня из стиля, которых нет в стандартной библиотеки Word или из рисунка.

Создаем нумерованный список

Второй тип списка – маркированный. Список будет пронумерован автоматически. Вызывается этот список кнопкой «Нумерация». При нажатии на кнопку вниз будут доступны варианты нумерации. А кнопка «Определить новый формат номера» позволит выбрать варианты стиля списка и формат номера. К примеру, можно выставить формат «10» и следующие пункты будут «20, 30, 40 и т.д.».

Как сделать многоуровневый список

Третий вид списка – многоуровневый. Вызывается нажатием на соответствующую кнопку. Значок вниз позволит выбрать внешний вид многоуровневого списка. А если нужно больше настроек, то жмем на «Определить новый многоуровневый список». А в нем кнопка «Больше» позволит настроить еще более гибко внешний вид многоуровневого списка.

Как работать с многоуровневым списком

Итак, разобравшись с тем, как создаётся, давайте посмотрим, как изменяется внешний вид многоуровневого списка.

Вот мы и рассмотрели способы создания списка в Word различного вида. Надеюсь, что эти знания переведут вас на новый уровень работы. Если у вас остались вопросы – пишите в комментариях. Если я вам помог, поделитесь статьей в социальных сетях — вам не сложно, мне приятно.

Задача

Изменить вид маркеров в списке и заменить их на другой символ.

Решение

С помощью HTML или CSS допускается устанавливать один из трех типов маркеров: disc (точка), circle (кружок), square (квадрат). Добавлять эти значения нужно к стилевому свойству list-style-type , которое указывается для селектора UL или LI (пример 1).

Пример 1. Стандартные маркеры

HTML5 CSS 2.1 IE Cr Op Sa Fx

• Чебурашка
• Крокодил Гена
• Шапокляк

В данном примере в качестве маркеров используется квадрат (рис. 1).

Рис. 1. Вид маркеров

Выбор и установка собственного символа маркера происходит весьма своеобразно, через псевдоэлемент :before . Вначале следует вообще убрать маркеры у списка, присвоив значение none стилевому свойству list-style-type , а затем добавить псевдоэлемент :before к селектору LI . Сам вывод символа осуществляется с помощью свойства content , в качестве значения которого и выступает желаемый текст или символ (пример 2).

Пример 2. Использование:before и content

HTML5 CSS 2.1 IE Cr Op Sa Fx

• Чебурашка
• Крокодил Гена
• Шапокляк

В данном примере маркер, установленный по умолчанию, прячется, а взамен добавляется символ (рис. 2).

Рис. 2. Маркеры в виде символа

Чтобы установить в качестве маркера какой-нибудь хитрый символ, можно воспользоваться программой Microsoft Word или таблицей символов, это стандартная программа входящая в комплект Windows. Кодировка кода должна быть обязательно UTF-8.

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

В этой статье мы детально рассмотрим то, как сделать список в Ворде.

Если вы только планируете печатать текст, который должен быть оформлен в виде маркированного списка, выполните следующие действия:

1. Установите курсор в начале строки, в которой должен находиться первый пункт списка.

2. В группе “Абзац” , которая расположена во вкладке “Главная” , нажмите кнопку “Маркированный список” .

3. Введите первый пункт нового списка, нажмите “ENTER” .

4. Введите все последующие пункты маркированного списка, нажимая в конце каждого из них “ENTER” (после точки или точки с запятой). Когда закончите вводить последний пункт, дважды нажмите “ENTER” или нажмите “ENTER” , а затем “BackSpace” , чтобы выйти из режима создания маркированного списка и продолжить обычный набор текста.

Преобразование готового текста в список

Очевидно, что каждый пункт будущего списка должен находиться в отдельной строке. Если ваш текст еще не разделен на строки, сделайте это:

1. Установите курсор в конце слова, фразы или предложения, которое должно быть первым пунктом в будущем списке.

2. Нажмите “ENTER” .

3. Повторите это же действие для всех следующих пунктов.

4. Выделите фрагмент текста, который должен стать списком.

5. На панели быстрого доступа во вкладке “Главная” нажмите кнопку “Маркированный список” (группа “Абзац” ).

Совет: Если после созданного вами маркированного списка еще нет текста, дважды нажмите “ENTER” в конце последнего пункта или нажмите “ENTER” , а затем “BackSpace” , чтобы выйти из режима создания списка. Продолжите обычный набор текста.

Если вам необходимо создать нумерованный список, а не маркированный, нажмите кнопку “Нумерованный список” , расположенную в группе “Абзац” во вкладке “Главная” .

Изменение уровня списка

Созданный нумерованный список можно сместить влево или вправо, изменив таким образом его “глубину” (уровень).

1. Выделите созданный вами маркированный список.

“Маркированный список” .

3. В выпадающем меню выберите пункт “Изменить уровень списка” .

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

Примечание: С изменением уровня изменится и маркировка в списке. О том, как изменить стиль маркированного списка (вид маркеров, в первую очередь), мы расскажем ниже.

Аналогичное действие можно выполнить и с помощью клавиш, причем, вид маркеров в таком случае изменен не будет.

Примечание: Красной стрелкой на скриншоте показана начальная позиция табуляции для маркированного списка.

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

Примечание: Одно нажатие клавиши (или клавиш) смещает список на одну позицию табуляции. Комбинация “SHIFT+TAB” будет работать только в том случае, если список находится на расстоянии хотя бы в одну позицию табуляции от левого поля страницы.

Создание многоуровневого списка

При необходимости вы можете создать многоуровневый маркированный список. Более детально о том, как это сделать, вы можете узнать из нашей статьи.

Изменение стиля маркированного списка

Помимо стандартного маркера, устанавливаемого в начале каждого пункта списка, для его маркировки вы можете использовать и другие знаки, доступные в MS Word.

1. Выделите маркированный список, сnиль которого необходимо изменить.

2. Нажмите на стрелку, расположенную справа от кнопки “Маркированный список” .

3. Из выпадающего меню выберите подходящий стиль маркера.

4. Маркеры в списке будут изменены.

Если по каким-то причинам вас не устраивают стили маркеров, доступные по умолчанию, вы можете использовать для маркировки любой из присутствующих в программе символов или рисунок, который можно добавить с компьютера или загрузить из интернета.

В статье представлено несколько способов, которые позволяют установить определенный маркер для ненумерованного списка, а также указаны их достоинства и недостатки

Если проанализировать какой-либо сайт, то можно обнаружить тот факт, что в контенте очень часто присутствуют списки разного рода: меню, список товаров и т. д. В HTML-коде за нумерованный список отвечает тег , а за маркированный – .

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

Чтобы устранить этот негативный эффект надо отменить вывод маркера, воспользовавшись свойством list-style :

ol, ul { list- style: none; }

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

Маркеры через картинки

Наиболее распространенный и простой способ указать для списка маркер – это воспользоваться бекграундной картинкой (свойство background). Метод основывается на указании в таблице стилей фонового рисунка для элементов списка, а также внутренний отступ (свойство padding), который зарезервирует место для нового маркера. Ниже представлен пример кода:

ul { list- style: none; } li{ background: url(путь- к- картинке) no- repeat; padding- left: 20px; }

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

Главная положительная сторона этого метода заключается в 100%-ной кроссбраузерности, но, не смотря на это, есть маленький недостаток. Использование картинки – это дополнительное обращение к серверу.

Маркеры с помощью before

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

Далее возникает вопрос, каким образом спецсимволы вставлять в элементы списка. Естественно не в ручную, иначе это был бы очень затянутый и нудный процесс, плюс ко всему еще и трудоемкий. Выйти из этой ситуации нам поможет псевдоэлемент before , применение которого привязывается к определенному селектору, что позволяет автоматизировать наш процесс присвоения маркеров из спецсимволов. Такое решение подходит к большинству браузеров, с учетом того, что для IE , будет прописан expression .

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

li{ this. innerHTML = "-" + this. innerHTML) /*хак для IE*/ } li: before{ content: "\201 3" ; }

На практике получим такую картину:

Напоминаю о том, что в реальных условиях хаки подключаются условными комментариями .

При использовании этого метода главное знать кодировку необходимого значка. Также стоит отметить, что для expression спецсимволы прописываются числовой комбинацией или мнемоническим кодом. Что касается свойства content , то в этом случае вначале ставится слеш, а потом идет запись шестнадцатеричного кода.

Использование insertAdjacentHTML

Вышеупомянутый способ не всегда корректно отрабатывает в легендарном IE (не смотря на хак). Точнее, «костыли» для этого браузера не до конца доработанные. Более действенным является метод, основанный на insertAdjacentHTML , ниже представлен код этого метода:

li{ //z-index: expression(runtimeStyle.zIndex = 1, insertAdjacentHTML("afterBegin", "-")); }

Маркеры, нарисованные CSS-свойствами

Некоторые квадратные маркеры можно нарисовать с использованием некоторых CSS-свойств. К примеру, квадрат с цветной заливкой рисуется через свойство background-color , а квадратик в виде рамки – border (кстати говоря, квадрат с заливкой можно нарисовать и таким способом). Пример записи в CSS-файле:

li{ //z-index: expression(runtimeStyle.zIndex = 1, this. innerHTML = "

Таким образом рисованный CSS-свойствами маркер будет выглядеть на практике:

Использование before и first-child в комплексе

Такой метод частенько применяется при оформлении хлебных крошек на сайте. Кто не знает о чем речь, смотрим на пример ниже

В таком случае каждая ссылка отделяется друг от друга спецсимволом, но перед первым элементом никакого спецсимвола быть не должно. В этом нам поможет псевдокласс first-child , который обращается только к первому элементу списка. В кодовом виде это должно выглядеть так

HTML

< ul> < li>< a href= "#" > Главная < li>< a href= "#" > Блог < li>< a href= "#" > CSS < li> Валидный код при использовании target= "_blank"

li: before{ content: "\21 92" ; } li: first- child: before{ content: "" ; }

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

В каких браузерах работает?

Выводы

Подводя итог, можно отметить тот факт, что применение псевдоэлемента before является оправданным и рациональным в основном контенте, так как там не выдвигают особых требований к оформлению списков. Это в свою очередь позволит уменьшить нагрузку на сервер, в сравнении с вариантом, когда используют картинку. А если еще отметить тот факт, что в основном контенте может быть очень много маркированных списков, то разница может стать существеннее. Но картинки значительно выигрывают в плане дизайнерских решений маркера.

Предположим, нам надо ввести и оформить следующий текст:
В редакторе Word существуют следующие режимы просмотра каких-либо документа:

• Обычный
• Разметка страницы
• Web-документ
• Структура

Для этого:

В файле Списки.doc введите первую фразу и нажмите клавишу – место вставки списка определен.

Выполните команду Формат/Список. На экране появится диалоговое окошко. Но маркер-ромб в перечне предлагаемых способов оформления списка отсутствует. Чтобы внести его в этот перечень, необходимо какой-нибудь неиспользуемый маркер (например, кружок) заменить новым маркером-ромбом.

Для этого щелкните по заменяемому маркеру, а затем по кнопке Изменить. На экране должно появиться диалоговое окно Изменение маркированного списка.

Щелкните по кнопке Маркер. В появившемся окне выберите символ, который вы хотите использовать в качестве маркера (в нашем случае ромб).

С помощью кнопки Шрифт можете изменить его размер, цвет, начертание и т.д. Обратите внимание на отступ, который задает положение маркера, и отступ, который задает положение текста. В случае необходимости задайте новые значения. Эту же операцию можно проделать с помощью линейки.

После того как новый маркер определен, щелкните по кнопке ОК и введите остальные элементы списка.

При создании маркированных списков в качестве маркеров можно также использовать рисунки. Для этого в диалоговом окне Список щелкните по кнопке Рисунок. В появившемся диалоговом окне Рисованный маркер выберите понравившийся вам рисунок и щелкните по кнопке ОК.

ЗАМЕЧАНИЕ. В диалоговом окне Список вы всегда сможете вернуть списки, установленные по умолчанию. Если при выборе какого-то списка “прорезалась” кнопка Сброс, это значит, что список создан пользователем.