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

Если в документе Microsoft Word Вам нужно представить информацию в виде списка, тогда можно не нумеровать его вручную – 1, 2, 3…, а сделать это с помощью встроенной в текстовой редактор функции.

В данной статье мы и рассмотрим, как сделать автоматическую нумерацию списка в Ворде, создать маркированный или многоуровневый список.

Нужные кнопки, с помощью которых все делается, находятся на вкладке «Главная» . Их три: одна с маркерами, вторая с цифрами, а третья с различными маркерами на разном уровне. Соответственно, первая кнопка нужна для создания маркированного списка, вторая – нумерованного, и последняя для многоуровнего.

Автоматическая нумерация списка

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

Кликните в том месте документа, где должен начинаться список. Затем кликните «Нумерация» в группе «Абзац» . Она начнется с единицы. Используя маркеры на линейке можно изменить отступ от левого поля.

Чтобы начать новый пункт, в конце предыдущей строки нажмите «Enter» .

Если Вам после какого-то пункта нужно вставить обычный текст, то после этого, наверняка, возникает вопрос: как продолжить нумеровать. Для этого поставьте курсор в той строке, где будет продолжение и выберите «Нумерация» .

На странице появится новый список. Возле единицы кликните по стрелочке рядом с молнией и в выпадающем меню кликните «Продолжить нумерацию» .

После этого, вместо единицы, будет проставлен следующий по порядку номер.

Если Вам нужно не 1,2,3, тогда кликните по любому пункту и нажмите на стрелочку возле кнопки «Нумерация» . Дальше выберите один из предложенных вариантов. Если не один вид не подходит, нажмите «Определить новый формат номера» .

В открывшемся окне выберите, что нужно использовать: цифры или буквы. Нажав кнопку «Шрифт» , можно выбрать дополнительные параметры для выбранного формата номера. Чтобы сохранить изменения, жмите «ОК» .

Выделите их и кликните по кнопке «Нумерация» .

Источники, пронумерованные таким способом нужны, если Вы хотите сделать ссылку на литературу в Ворде . Подробнее по это можно прочесть в статье, перейдя по ссылке.

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

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

Если же наоборот, у Вас в документе есть пронумерованные пункты и они не нужны, тогда можно легко их убрать. Для этого выделите весь список и нажмите по кнопке «Нумерация» . Теперь все цифры будут удалены.

Делаем маркированный список

Для того чтобы список в тексте начинался не с цифры или буквы, а, например, с черного круга, квадрата или галочки, давайте рассмотрим, как его промаркировать.

Если он уже напечатан, то выделите его, если его еще нет, тогда поставьте курсор в том месте, где будете добавлять. Дальше на вкладке «Главная» кликните по стрелке рядом с кнопкой «Маркеры» . В открывшемся меню выберите подходящий вариант маркера и кликните по нему. Если ничего не подходит, нажмите «Определить новый маркер» .

Откроется окно «Определение нового маркера» . В поле «Знак маркера» , кликните по одной из кнопок «Символ» , «Рисунок» или «Шрифт» . Дальше нужно будет выбрать подходящее изображение. Я выбрала символ. В поле «Образец» можно посмотреть, как будет выглядеть маркер в тексте. Нажмите «ОК» , чтобы сохранить изменения.

Вот такой маркер получился у меня.

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

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

Делать их не сложно. Возьмем для примера список с разделами и подпунктами. Выделите его и на вкладке «Главная» нажмите по стрелке рядом с кнопкой «Многоуровневый список» . В библиотеке можно выбрать один из вариантов нумерации. Если ничего не подойдет, нажмите на «Определить новый многоуровневый список» .

В открывшемся окне внизу слева кликните «Больше» , чтобы развернуть все параметры. Вверху слева выбирайте нужный уровень и в основном окне меняйте для него параметры. Например, «Формат номера» можно выбрать «1.» или «1)» . Изменить вид нумерации «1, 2, 3…» или «А, Б, В…» . Можно «Связать уровень со стилем» , в этом случае для текста на выбранном уровне будет применен уже готовый стиль оформления (пригодится, если Вы планируете сделать содержание в Ворде), или начать нумеровать не с «1» или «А» , а любой другой буквы/цифры. Когда все выберите, жмите «ОК» .

Вот так получилось у меня, я связала пункты со стилем «Заголовок 1», поэтому у текста изменился цвет, размер и шрифт.

Как видите, сейчас у меня разделы и подпункты находятся на одном уровне. Это не правильно, поэтому давайте рассмотрим, как работать с многоуровневым списком. Поставьте курсор в ту строку, уровень для которой нужно изменить. На вкладке «Главная» выберите «Увеличить отступ» .

Теперь подпункты находятся на правильном уровне. Для примера я еще добавила строку «Третий уровень» . Чтобы ее переместить на нужное место, установите в нее курсор и нажмите два раза на кнопку «Увеличить отступ» .

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

Если проанализировать какой-либо сайт, то можно обнаружить тот факт, что в контенте очень часто присутствуют списки разного рода: меню, список товаров и т. д. В 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 = "

" + this. innerHTML) /* хак для ие6 и 7 */ } li: before, . listMarkerBackColor{ background- color: #539127; width: 7px; height: 7px; content: "" ; float: left; margin: 6px 6px 0 0 ; overflow: hidden; } html . listMarkerBackColor{ margin- right: 1px; /* исправляем маленткий косяк в IE6 */ }

Таким образом рисованный 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: "" ; }

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

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

6.0+	4.0+	9.5+	3.0+	3.0+	-	-

Выводы

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

В этой статье рассмотрим, как вместо цифр, кружочков, и квадратиков в , сделать и установить красивые маркеры-изображения.

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

Сначала нужно получить картинку маркера.

Можно найти её в интернете, тем у кого есть фотошоп, можно сделать в нём. Я покажу, как сделать маркеры в редакторе Paint, так как он есть во всех Windows по умолчанию.

Картинку можно взять прямо отсюда.

Для этого делаем снимок экрана (нажать клавишу Prt Sc Sys Rd), и открыв Paint, щёлкаем по иконке «Вставить».

Затем выбираем «Выделить — прямоугольная область», аккуратно, с минимальным зазором выделяем выбранный маркер, и щёлкаем «Обрезать».

Если нужен маркер помельче, то можно уменьшить масштаб экрана браузера(в Paint у меня, например, масштабирование работает очень грубо), и вырезать картинку помельче.

Если у Вас фон отличается от белого, то чтобы закрасить белые углы (картинка-то вырезается квадратная), можно воспользоваться онлайн фотошопом

Загрузив в него картинку нужно войти в меню «Коррекция» и выбрать «Color balanse». Затем, передвигая бегунки, подобрать нужный Вам фон, и сохранить подправленное изображение обратно на свой компьютер, пройдя в меню «Файл», и выбрав «Сохранить как …»

Если фон Вашей страницы вообще тёмный, то можно подобрать заливку цвета, из панели инструментов (слева), и аккуратненько залить белые углы, так называемое полотно изображения. Сама картинка останется такой же как и была.

Теперь приступим к украшению списка этой картинкой. Свойство, применяемое для вставки картинки маркера в список, называется list-style-image . В значении его указывается путь к картинке.

ul {

}

Если Вам потребуется заключить список в рамку, то в селектор ul добавляется свойство list-style-position: inside;. Это свойство указывает на то, что маркеры должны располагаться внутри рамки, отодвинув при этом содержание.

ul {
border : 2px solid #ffff00 ;
list-style-image : url(images/2.png) ;
list-style-position : inside ;
}

Можно сделать список в блоке с закруглёнными углами и тенью. Для этого в селектор ul добавляются свойства border-radius и box-shadow.

border-radius : 5px ;

Пример, html документ, с использованием этих блоков для списка с маркерами-картинками.

• Строка списка


• Строка списка


• Строка списка


• Строка списка

В этом коде Вам нужно будет только вставить своё название картинки в свойстве list-style-image, там где 2.png, а у меня получился вот такой список

Microsoft Word - одна из самых популярных программ обработки текста, используемая в домах и офисах во всем мире. Чтобы выдвинуть на первый план важные моменты и организовать текст в последовательные списки, Вы можете создать маркированные или пронумерованные пункты. Это важно практически для каждого вида документов - от научных работ до презентаций, докладов, брошюр и книг. Вот как можно добавить маркеры и нумерацию страниц в MS Word.

Инструкция

• 1 Из верхней строки меню Microsoft Word выберите Формат> Список и Нумерация. Если у Вас уже есть текст, в котором Вы хотели бы создать маркированный или пронумерованный список, сначала выберите текст, затем Формат> Список и Нумерация. В любом случае, в окне отражаются и маркеры, и нумерация.
• 2 Для создания маркированного списка нажмите кнопку Маркировка. Выберите нужный стиль, затем нажмите OK, чтобы добавить маркеры в документ.
• 3 Для создания пронумерованного списка выберите кнопку Нумерация. Выберите нужный стиль нумерации, затем нажмите OK, чтобы добавить пронумерованный список в документ.
• 4 Для создания многоуровневого (вложенного) списка перейдите на вкладку Многоуровневый. Выберите нужный стиль, затем нажмите OK, чтобы добавить список в документ.

Маркеры структурируют текст, облегчают задачу восприятия. С маркированным списком материал становится визуально легче для прочтения. Как сделать маркированный список в Ворде?

Инструменты списков обычно находятся на общей панели инструментов в программе.

Начало работы с маркерами:

Внешний вид маркеров можно менять в зависимости от стиля текста:

На заметку! Необязательно нажимать на все стили для выбора между ними. При наведении курсора на 1 из вариантов, он отражается на списке в режиме предварительного просмотра.

Для отмены функции список с последующим сохранением текста выделите всю информацию списка и зажмите кнопку «Маркеры» сортировка удалится, а информация останется.

Чтобы удалить список вместе с содержимым, выделите текст в списке и зажмите кнопку «Delete», после чего нажмите кнопку «Маркеры».

Важно! Перечисленные действия возможны в программе, установленной на операционной системе Windows.

Создание списка в программе на Mac требует другого алгоритма действий:

Форматирование перечня также предполагает возможность изменения расстояния между элементами списка.

На заметку! Кроме того, увеличить отступ можно сняв флажок в графе «Не добавлять интервал между абзацами одного стиля» в этой же вкладке.

Видео — Делаем маркированный список в Microsoft Word

Создание маркированного списка в автоматическом режиме

Автоматическая функция маркирования упрощает задачу писателю, экономит время на выполнение лишних действий.

Настройка включения/выключения автоматической функции:

Для начала автоматического списка:

Единоразовая отмена функции возможна при нажатии выпадающей панели «Параметры автозамены».

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

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

Работа с числовыми перечнями полностью повторяет оформление маркеров. Разница заключается только в кнопке, которая запускает данную функцию. Она называется «Нумерация» и находится справа от маркеров.

Как изменить номер в списке:

Важно! Внешний вид номеров (их цвет, шрифт, начертание) можно менять независимо от текста в списке. Для этого нужно нажать на одно из чисел, чтобы выделить все, и выбрать необходимые параметры на панели инструментов.

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

Настройка автоматического режима нумерованного списка аналогична работе с маркированным.

Для ввода числового перечня:

Многоуровневый список: способы создания

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

Чтобы начать работу над многоуровневым перечислением, достаточно нажать стрелку справа от кнопки «Многоуровневый список» и выбрать нужный стиль маркеров или нумерации.

Одноуровневый перечень также можно разбить на несколько уровней:

На заметку! Еще один вариант изменения уровня графы в списке – установить курсор в начале текста графы и нажать кнопку «Tab». Чем ниже уровень вам нужен, тем больше раз нужно нажимать данную кнопку. Чтобы вернуть необходимую графу на уровень выше, нажмите кнопку «Backspace».

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

На заметку! Примечательно, что в одном многоуровневом списке могут присутствовать как символы, так и числа .

Чем различаются схожие команды «Определить новый многоуровневый список» и «Определить новый стиль списка»? Первая подходит для работы с единичными перечнями или в случаях, когда список точно не будет подвергаться изменениям. Вторая нужна для внесения правок в уже существующий стиль – это может отразиться на многоуровневых списках по всему документу.

Как сделать список из готового текста?

Готовый текст при необходимости легко преобразовать в список:

Работа со списком завершается двумя нажатиями кнопки «Enter».

Сортировка списков в Word

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

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