Главная Windows XP Презентация заголовки разных уровней простые списки. Создание стилей для заголовков и многоуровневых списков в Word

Презентация заголовки разных уровней простые списки. Создание стилей для заголовков и многоуровневых списков в Word

Обновил и проверил корректность создания списков 28.02.2010 г. (А.К.)

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

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

Опытный пользователь редактора Word, возможно, усмехнется и скажет: да что здесь сложного? Ввел текст для заголовка, придал ему нужный шрифт и форматирование либо применил к нему стиль заголовка нужного уровня и нажал кнопку "Нумерация" на панели форматирования. Всё так, но в итоге в документе образуется множество различных неупорядоченных стилей, в которых можно потеряться и которые никак не способствуют улучшению внешнего вида документа. А ведь есть еще и многоуровневые списки, представляющиеся многим совершенно запутанными и непонятными в применении.

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

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

Первым делом, сохраняем новый документ как шаблон (расширение.dot). И работаем уже с этим шаблоном.

Следующее, что необходимо сделать, это отредактировать стандартные стили заголовков, встроенные в наш шаблон. Для того, чтобы увидеть используемые стили в шаблоне или документе, выберите из пункта меню "Формат" (Format) подпункт (команду) "Стили и форматирование" (Styles and Formatting) . Справа от рабочей области программы появится одноименная область задач, как на скриншоте ниже:

Стандартно отображаются основные стили трехуровневых заголовков и стиль "Обычный" , то есть стиль простого текста документа. Чтобы отобразить больше стилей в этой области, вы можете выбрать в раскрывающемся списке "Показать" (Show) в нижней части области задач параметр "Специальное" (Custom) . Откроется вот такое диалоговое окно:

Если задана категория "Доступные стили" (Available Styles) , то в области "Отображаемые стили" будут отображены только те стили, которые использованы при создании данного документа. Обычно галочками отмечены три уровня заголовков. Если вам нужно использовать четвертый уровень заголовка, то отметьте флажком "Заголовок 4". Вполне возможно, что в области "Отображаемые стили" не будет такого стиля. В этом случае выберите категорию "Все" (All Styles) и отметьте флажками только заголовки с 1 по 4 и стиль "Обычный", а также те стили, которые были созданы лично вами. Закройте окно "Настройки формата" щелчком мыши на кнопке ОК.

Вторым нашим шагом будет тонкая настройка стилей заголовков. Заголовкам изначально присвоены шрифты с разным форматированием. Для создания программного документа, согласно ГОСТам, необходимо использовать единый шрифт для всего документа. Я использую шрифт Times New Roman 14 пт для стиля "Обычный". Для заголовков я тоже буду использовать этот шрифт, изменяя лишь его размер и интервалы.

Чтобы изменить стиль заголовка, наведите указатель мыши на "Заголовок 1" в области задач. Надпись отобразится в рамке и справа от нее появится кнопка с треугольником. Щелкните по этому треугольнику, и перед вами откроется контекстное меню для данного стиля. Выберите в нём команду "Изменить" (Modify) , и появится диалоговое окно "Изменение стиля".

В поле "Основан на стиле" (Style based on) выберите из раскрывающегося списка значение "Нет" (No style) . Поле "Стиль следующего абзаца" (Style for following paragraph) оставьте без изменения. Затем нажмите кнопку "Формат" в нижней части окна и выберите нужные команды для изменения настроек. Для изменения шрифта используйте команду "Шрифт", для изменения абзацного отступа и интервалов предусмотрена команда "Абзац". Произведите требуемые вам изменения. Я, например, для "Заголовка 1" установил следующие параметры: шрифт - Times New Roman полужирный 18 пт, абзац - выравнивание по левому краю, отступ первой строки на 1,5 см, интервал перед 0 пт, после 3 пт, междустрочный двойной, табуляция - установить 3,5 см с левого края без заполнителя.

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

Аналогично я изменил стиль оставшихся заголовков, соответственно уменьшив для каждого из них размер шрифта: "Заголовок 2" - полужирный 16 пт, "Заголовок 3" - полужирный 15 пт, "Заголовок 4" - полужирный 14 пт.

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

Из пункта меню "Формат" выберите команду "Список" (Bullets and Numbering) . Откроется одноименное диалоговое окно. Перейдите на вкладку окна "Список стилей" (List Styles) и нажмите кнопку "Добавить" (Add) . Перед вами откроется окно "Создание стиля" (New Style) со знакомым интерфейсом и кнопками:

Обратите внимание на поле "Применить форматирование к" (Apply formatting to) . Стандартно там будет установлено значение "Уровень 1". Задавая форматирование нумерации, вы применяете его исключительно к стилю "Заголовок 1". Соответственно, выбрав в этом поле следующее значение - "Уровень 2" - вы должны задать и для него то форматирование, которое ранее было задано для "Заголовка 2".

В поле "Имя" (Name) введите название вашего стиля (пусть будет "Нумерация_заголовков"). Затем нажмите кнопку "Формат" в нижней части окна. Доступными будут всего лишь три команды: "Шрифт", "Нумерация" и "Сочетание клавиш".

Выберите команду "Нумерация" (Numbering) и перед вами откроется диалоговое окно "Список". Щелкните мышью на любом образце списка и кнопка "Изменить" (Customize) в нижней части окна станет активной. Нажмите ее. Откроется новое окно, показанное на скриншоте ниже.

В этом окне нам предстоит настраивать стили нумерации каждого из заголовков. Выберите нужный уровень, например, 1. В окне отобразятся параметры, применяемые к данному уровню. Здесь вы можете настроить шрифт нумерации, абзацный отступ. Если это окно открылось в кратком виде, нажмите кнопку "Больше" (More) и будут доступны дополнительные параметры для настройки.

Выберите команду "Шрифт". Перед вами появится уже знакомое диалоговое окно, в котором установите такие же параметры, которые вы задавали для "Заголовка 1" (Times New Roman, полужирный, 18). Обязательно снимите все флажки в группе "Видоизменение" (Effects) - они будут бледного цвета, задайте цвет текста, отсутствие подчеркивания и проверьте все остальные настройки в других вкладках окна.

В группе "Положение номера" (Number Position) установите положение по левому краю на 1,5 см. В группе "Положение текста" (Text Position) установите табуляцию после 3,5 см, отступ 0 см. Выберите из открывающегося списка в параметре "Связать уровень со стилем" (Link level to style) значение "Нет". Значение в поле "Символ после номера" (Follow number with) оставьте как есть - знак табуляции.

После выбора второго уровня для списка, у вас в поле "Формат номера" может быть отображена буква или иной символ. Для наших же целей (создание шаблона по ГОСТу) вам нужно стереть имеющееся в поле значение, затем в поле "Предыдущий уровень" выбрать значение "Уровень 1", чтобы у нас для второго уровня заголовка появилась первая цифра, поставьте точку и в поле "Нумерация" выберите значение "1,2,3" - в поле "Формат номера" после цифры с точкой появится следующий номер 1.

Снова нажмите кнопку "Шрифт" и установите те же значения, которые вы устанавливали для стиля "Заголовок 2" (Times New Roman, полужирный, 16).

Повторите эти действия для остальных 2 уровней: 3 и 4.

Обратите внимание, когда будете настраивать заголовки 3 и 4, что вы должны сначала стереть поле "Формат номера", последовательно выбрать имеющиеся значения в поле "Предыдущий уровень": сначала "Уровень 1", поставить точку, затем "Уровень 2" (а для Заголовка 4 - и "Уровень 3") и далее выбрать значение "1,2,3".

По окончании нажмите кнопку ОК. В области задач "Стили и форматирования" появится новый элемент (стиль) с вашим именем "Нумерация_заголовков".

Теперь, чтобы эти стили и списки корректно работали в новых документах, основанных на данном шаблоне, необходимо защитить стили шаблона от изменений. Для этого в меню "Формат" выберите команду "Защитить документ". Справа откроется область задач "Защита документа":

В разделе "Ограничение на форматирование" установите флажок "Ограничить набор разрешенных стилей" и нажмите ссылку "Настройка". Откроется диалоговое окно "Ограничение на форматирование". Установите флажки в этом окне на имеющиеся в вашем шаблоне стили (которые вы создали или которые вы хотите иметь). В нашем случае это 4 уровня заголовков и стиль "Нумерация_заголовков". Нажмите кнопку "ОК". Диалоговое окно закроется и появится диалог с вопросом: "Возможно, документ содержит запрещенные стили или форматирование. Удалить их?". Выберите "Да". После всего этого нажмите кнопку "Да, включить защиту". Пароль задавать необязательно (на ваше усмотрение).

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

Последнее, что нам потребуется сделать - проверить на практике работу стилей. Для этого создайте новый документ на основе этого шаблона, введите в документ несколько строк какого-нибудь текста. Введите не меньше семи строк, чтобы проверить разные уровни заголовков. Поставьте курсор мыши на первую строку текста и примените к ней стиль "Заголовок 1".

Затем примените к этому же тексту созданный вами стиль "Нумерация_заголовков". Повторите эти действия в заданной последовательности (Заголовок -> Нумерация_заголовка) для остальных строк, каждый раз применяя для них разные уровни. Должен получиться примерно такой вот иерархический список:

Как вы можете заметить, в нижней части окна у меня отобразился уровень "Заголовок 2", но с нарушенной нумерацией - 1.1. Такое бывает. И исправить это очень легко. Достаточно щелкнуть правой кнопкой мыши на этом номере, чтобы отобразилось контекстное меню. Выберите в этом меню команду "Продолжить нумерацию" (Continue previous list) и заголовок получит правильный номер, в данном случае - 2.2.

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

В качестве образца прикрепляю получившийся у меня шаблон с настроенными стилями заголовков и списка.

Большое количество элементов HTML предназначено для организации контента и прежде всего текста, который обычно составляет подавляющую часть содержимого Web-страниц. В новой концепции языка основное внимание отводится логической разметке текста, или логическому форматированию. Элементы, связанные с такой разметкой контента, рассмотрены в этой главе.

Структурирование контента подразумевает его разбивку на логические блоки. Первым среди таких блоков, как правило, следует заголовок.

Заголовки. Элементы h1, h2, h3, h4, h5, h6

Существуют заголовки первого, второго, третьего и других уровней, вплоть до шестого. Организуются они при помощи тегов h1, h2, h3, h4, h5, h6:

3аголовок 1-го уровня
Заголовок 2-го уровня
3аголовок 3-го уровня
Заголовок 4-го уровня
Заголовок 5-го уровня
3аголовок 6-го уровня

Использование заголовков разного уровня позволяет структурировать документ по разделам, главам, параграфам и т.п., облегчая чтение. Элементы-заголовки разных уровней по умолчанию отображаются браузером различным размером шрифта (рис. 3.1).

Пример.

Уровни заголовков 3аголовок 1-го уровня Заголовок 2-го уровня 3аголовок 3-го уровня Заголовок 4-го уровня Заголовок 5-го уровня 3аголовок 6-го уровня

Рис. 3.1.

Напоминаю, что заключение текста в тег заголовка - это всего лишь инструкция для браузера, а как он её выполнит, это уже его дело или, точнее, - это на совести его разработчиков. Вот как, например, будет выглядеть тот же код в Вашем браузере:

3аголовок 1-го уровня Заголовок 2-го уровня 3аголовок 3-го уровня Заголовок 4-го уровня Заголовок 5-го уровня 3аголовок 6-го уровня

В зависимости от предпочтений браузера, некоторые заголовки разного уровня могут отображаться одинаково, или даже заголовки более низкого уровня могут выглядеть заметнее своих "старших братьев". В ряде браузеров, например, в Opera, размер и вид шрифтов, используемых на Web-странице, может задавать сам пользователь в настройках. Далее будет показано, как управлять размером, типом и другими характеристиками шрифта программным путем при помощи стилей, не полагаясь на особенности других браузеров.

Атрибуты:

align - задает выравнивание заголовка на странице. Не рекомендуемый. Может принимать четыре значения:
- left - выравнивает заголовок по левому краю страницы (используется по умолчанию);
- right - выравнивает заголовок по правому краю страницы;
- center - выравнивает заголовок по центру;
- justify - выравнивает заголовок по ширине страницы, растягивая строку от правого до левого поля. Эффект проявляется, когда длина заголовка больше ширины листа.
id, class
lang, dir
title
style
onfocus, onblur, - внутренние события.

Элементы встроенные и блочные

Все элементы, отвечающие за представление контента, принято разделять на две большие группы:

элементы уровня блока, или блочные (block);
встроенные, или элементы уровня текста (inline).

Первые отделяют в документе большие блоки (например, заголовок, абзац, адрес автора публикации). Вторые выделяют фрагмент внутри строки (одну букву, слово или фразу).

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

,
списки -

Рис. 3.2.

Элементы более низкого уровня - уровня текста - по умолчанию выводятся друг за другом в текущей строке (рис. 3.3). Они могут встраиваться в элементы уровня блока и включать другие встроенные элементы. Однако встроенные элементы не могут содержать элементы блочные. Общее правило: элементы можно вкладывать только в элементы более высокого или своего уровня. К встроенным относятся элементы логического (phrase) и физического (fontstyle) форматирования текста, специальные элементы и элементы задания форм.

Если очень Вам не ймется ,
Оптирайтесь, чем придется,
Водными займитесь процедурами .

Рис. 3.3. Встроенные элементы.

Элемент div является наиболее характерным представителем элементов уровня блока. Он используется для объединения различного содержимого в логически цельную единицу. Логический блок - это нечто большее, чем выделение текста в абзац. Он может отделять, например, несколько абзацев, которые представляют собой аннотацию статьи, новости или замечания к основному тексту. В сочетаниии с атрибутами class и id , работу которых мы рассмотрим позднее, элемент div позволяет легко структурировать текст.

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

Атрибуты:

align - задает выравнивание текста на странице. Не рекомендуемый. Может принимать четыре значения:
- left
- right
- center
- justify
id, class - идентификаторы в пределах документа.
lang, dir - информация о языке и направленности текста;
title - заголовок элемента (выводится браузером в качестве комментария при наведении курсора на содержимое элемента).
style - встроенная информация о стиле.
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup - внутренние события.

Аналогом div на уровне текста является элемент span . Основное его назначение - организовывать встроенные блоки, которые затем можно эффективно форматировать при помощи стилей.

Атрибуты:

ctlparid
id, class - идентификаторы в пределах документа.
lang, dir - информация о языке и направленности текста;
title - заголовок элемента (выводится браузером в качестве комментария при наведении курсора на содержимое элемента).
style - встроенная информация о стиле.
- внутренние события.

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

Атрибуты:

cite - задает URL документа или письма, подлежащего цитированию.
id, class - идентификаторы в пределах документа.
lang, dir - информация о языке и направленности текста;
title - заголовок элемента (выводится браузером в качестве комментария при наведении курсора на содержимое элемента).
style - встроенная информация о стиле.
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup - внутренние события.

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

Атрибуты:

align - задает выравнивание текста. Не рекомендуемый. Может принимать четыре значения:
- left - выравнивает текст по левому краю страницы (используется по умолчанию);
- right - выравнивает текст по правому краю страницы;
- center - выравнивает текст по центру;
- justify - выравнивает текст по ширине страницы, растягивая строку от правого до левого поля.
id, class - идентификаторы в пределах документа.
lang, dir - информация о языке и направленности текста;
title - заголовок элемента (выводится браузером в качестве комментария при наведении курсора на содержимое элемента).
style - встроенная информация о стиле.
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup - внутренние события.

Пример.

1 2 3 4 Заголовки, блоки, цитаты, абзацы 5 6 7 8

Часть первая

Старгородский лев

Глава 1

Безенчук и "Нимфы"

16 B уездном городе N было так много парикмахерских заведений и бюро 17 похоронных процессий, что казалось, жители города рождаются лишь 18 затем, чтобы побриться, остричься, освежить голову вежеталем и 19 сразу же умереть. А на самом деле в уездном городе N люди рождались, 20 брились и умирали довольно редко. Жизнь города N была 21 тишайшей. 22

25 Вопросы любви и смерти не волновали Ипполита Матвеевича 26 Воробьянинова, хотя этими вопросами по роду своей службы он 27 ведал с девяти утра до пяти вечера ежедневно с получасовым 28 перерывом для завтрака. 29

32 Хотя похоронных депо было множество, но клиентура у них была небогатая. 33 "Милости просим" лопнуло еще за три года до того, как Ипполит Матвеевич 34 осел в городе N, а мастер Безенчук пил горькую и даже однажды пытался 35 заложить в ломбарде свой лучший выставочный гроб. 36

Рис. 3.4.

Анализируя данную Web-страницу, можно отметить следующее:

строки 7-10 : заголовок первого уровня.
строки 11-14 : заголовок второго уровня, выполненный по умолчанию более мелким шрифтом.
строки 15-22
.
строки 23-30 : блок . Для наглядности он выделен другим цветом текста и фоном, которые задаются при помощи стилей CSS, а также смещен на 50 пикселей влево от линии других элементов.
строки 31-36 : обычный абзац, созданный при помощи элемента
.
строки 37-43 : цитата, созданная при помощи элемента . По умолчанию сдвинута вправо по отношению к основному тексту. Для большей наглядности выделена курсивом, который задается при помощи стилей CSS.

Все перечисленные элементы входят в элемент . В терминах программирования говорят, что этот элемент является родительским для вложенных элементов-потомков (а также «детей» или «наследников») , , ,

, . Элементы-потомки наследуют ряд свойств элемента-родителя. Например, , ,

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

Который входит в , наследует от него смещенную левую границу (рис. 3.4).

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

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

.

Атрибуты:

clear - указывает, где должна появиться перенесенная строка. Этот атрибут учитывает прикрепляемые объекты (таблицы, изображения и т. п.) Не рекомендуемый. Может принимать четыре значения:
- none - следующая строка текста отображается обычным образом, на ближайшем свободном снизу пространстве (используется по умолчанию);
- left - следующая строка текста отображается на ближайшем свободном пространстве под прикрепленным у левого края объектом;
- right - следующая строка текста отображается на ближайшем свободном пространстве под прикрепленным у правого края объектом;
- all - следующая строка текста отображается на ближайшем свободном пространстве под прикрепленным у любого края объектом;

Рассмотрим на примере использование элемента
.

Пусть имеется исходный документ, в котором объект-изображение не прикреплен ни к какому краю документа (не определен атробут align) и, соответственно, текстом не обтекается (рис. 3.5):

Пример.

1 2 3 4 Использование элемента br с различными атрибутами 5 6 7 8 На занятиях Мирзакарим Санакулович Норбеков часто повторяет: 9 "Я обычный человек, такой же, как все. Ничем не лучше и, надеюсь, 10 ничем не хуже вас. Всего, чего я добился в жизни, вы тоже можете достичь, 11 важно только этого захотеть!" 12 А добился он действительно многого. Сегодня М. С. Норбеков - доктор 13 психологии, доктор педагогики, доктор философии в медицине, профессор, 14 действительный член и член-корреспондент ряда российских и зарубежных 15 академий, автор многих запатентованных изобретении и открытий в науке. 16 Впрочем, все эти звания сам он называет "собачьими регалиями", 17 потому что не ради признания он работает. 18 Мирзакарим Санакулович - истинный ученый-исследователь. 19 Круг его интересов очень широкий. Многие удивляются тому, как все это 20 может сочетаться в одном человеке: художник, композитор, писатель, кинорежиссер, 21 артист, спортсмен, тренер, имеющий черный пояс по каратэ второй дан и черный 22 пояс по сам чон до девятый дан. Но самое главное, автор книги - специалист по 23 суфийской медицине и практике, одной из самых древних среди всех существующих. 24 25

Рис. 3.5. Вид документа с изображением без дополнительных атрибутов

Теперь организуем обтекание изображения текстом, прикрепив его к левому краю. Для этого изображению укажем атрибут align=left , то есть в HTML-коде документа строку 7 заменим на строку . В результате получим текст, обтекающий изображение (рис. 3.6):

Рис. 3.6. Вид документа с прикрепленным изображением.

Применение элемента br с заданным атрибутом clear , определяет будет ли расположенный за элементом текст и дальше обтекать объект, или будет выводиться под ним. В приведенном ниже примере, использование элемента br без указания атрибута clear (что равносильно указанию clear=none) не прерывает обтекания текстом, а только осуществляет перенос на следующую строку. Вставим элемент br перед предложением "А добился он действительно многого." (рис. 3.7):

Рис. 3.7. Демонстрация применения элемента br .

Использование элемента br с атрибутом clear=left прервет обтекание текстом и продолжит вывод текста сразу под прикрепленным объектом (рис. 3.8):

Рис. 3.8. Применение элемента br с атрибутом clear=left

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

Текст непереносимой строки

Закрывающий тег обязателен.

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

Решает обратную задачу - разрешает перенос и вставляется как контейнер внутрь элемента .В следующем примере перенос осуществлен только в предложении "Провинциальная непосредственность.":

- Знойная женщина, - сказал Остап, - мечта поэта. Провинциальная непосредственность. B центре таких субтропиков давно уже нет, но на периферии, на местах - еще встречаются.

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

Мастер класс «Оформление заголовков презентаций с помощью создания красивых букв и надписей в программе PowerPoint»

Готовя презентацию к уроку, очень часто при написании заголовка мы пользуемся стилями WordArt, но иногда хочется сделать надпись особенной, более яркой, соответствующей теме урока. Я предлагаю вашему вниманию мастер-класс по созданию объемной надписи в презентации к уроку изобразительного искусства по теме «Гжель».

Ход работы:

1. Предварительно, выбрав тему урока, нужно найти соответствующие изображения в интернете. Например, при подготовке презентации к уроку по теме «Гжель» можно найти изображения посуды, рисунки в данной росписи.
2. Откройте программу Microsoft Office PowerPoint на компьютере.
3. Для начала выберите макет слайда, с которым будете работать. Если вы хотите, кроме заголовка, написать подзаголовок слайда, который может включать запись задания или данные автора, то открывшийся «по умолчанию» слайд оставьте, если нет – то измените. У меня на слайде должен быть только заголовок. На вкладке Главная нужно выбрать Макет , затем Только заголовок .

Заголовок слайда

Средства рисования

Формат

Стили WordArt

Экспресс-стили

Заливка – акцент 2, матовый, рельеф

Средства рисования

Формат

Стили WordArt

Заливка текста

Текстура

Другие текстуры

Параметры анимации

Рисунок или текстура

Вставить из: Файл

Вставка рисунка

Рабочем столе

Гжель

Открыть

Гжель

Вставить

Параметры анимации

Преобразовать рисунок в текстуру

Масштаб

Средства рисования

Стили WordArt

Здравствуйте уважаемые читатели и гости моего блога. На связи с вами Павел Ямб. По поводу оформления посмотрите — она заняла первое место в статейном конкурсе и называлась «Навыки верстки и оформления текста» — она гениальная и как раз по этой теме.

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

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

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

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

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

Не делайте этого! Пишите строго по теме. Количество подаваемого материала должно постепенно нарастать. В конце добавьте, что получит человек от прочтения: полезную информацию или какую-либо бесплатность. Запомните: во вступлении должна присутствовать недосказанность – сразу раскрывать все карты нельзя. Иначе вашу статью дальше никто не будет читать. Вот хорошая и детальная статья про лид .

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

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

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

Этот вид форматирования лучше употреблять там, где описываете:

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

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

Это облегчает заказчику проверку вашего творения. Если ваш он забыл упомянуть об этом в ТЗ, то сделайте сами. Это понравится заказчику, и он занесет вас в белый список.

Старайтесь не употреблять незнакомые и красивые, по вашему мнению, шрифты. Они могут не понравиться заказчику . Не стоит уходить от общих стандартов и портить свою репутацию. Будет выглядеть некрасиво, и даже глупо, если серьезную статью вы напишете готическим шрифтом, или шрифтом Сomic Sans, который больше подходит для юмористических рассказов. Для оформления чаще применяют популярные шрифты без засечек: Arial, Calibri или Tahoma. Размер, как правило, 12 или 14. Для заголовков и подзаголовков можно использовать шрифты, которые чуть больше, а лучше всего пользоваться стилями, чтобы заголовки разных уровней так и распознавались текстовым редактором.

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

Смысл материала нужно излагать доступным разговорным языком. Старайтесь не употреблять научные или специфические термины; избегайте канцелярских выражений. К примеру: вместо того, чтобы просто написать «мы решили» – некоторые пишут «нами было принято решение». Вместо фразы: «они договорились» – «обе стороны сумели прийти к обоюдному консенсусу». Это излишне загромождает текст и не для каждого материала подходит.

В предложении должно быть не более 15 слов.
Меньше вводных конструкций: «но, как бы то ни было; как вы, наверное, уже знаете».
Употребляйте не больше 6 предложений в абзаце.
Не используйте сленговые выражения и . К примеру: ГС, СДЛ, внутреняя перелинковка – кому, кроме веб-мастеров, будет понятно, что это значит? Новички точно не поймут, и сразу покинут такой сайт.
Используя цитаты великих людей, поясняйте, кто этот человек. Не все знают имена Гая Юлия Цезаря или Нерона, некоторые даже про Карла Маркса не слышали.
Избегайте тавтологий (повторов одних и тех же слов даже в соседних предложениях).
Не забывайте о правильном оформлении рисунков. Оптимизируйте их тегами alt и title. Это полезно для поисковиков.
Старайтесь писать от третьего лица. В блогах, пишут от первого.
С читателями общайтесь в дружелюбном тоне.
Употребляйте ссылки на достоверный источник информации.

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

Ваш, Павел Ямб.

Смотрите, даже кофе можно оформить афигенно

Язык HTML позволяет работать с шестью уровнями заголовков. Заголовки отличаются размером шрифта. Они пронумерованы от 1 до 6, причем первый номер соответствует самому крупному шрифту. Тег заголовка имеет вид:

Текст

Под n подразумевается уровень заголовка, то есть числа 1, 2, 3, 4, 5 или 6. Заголовки следует делать информативными и привлекательными для читателя.

Заголовки отображаются Web-броузерами намного крупнее и жирнее стандартного текста. Заголовки можно использовать для того, чтобы разбить страницу на разделы.

Пример 3. HTML –документ с тегами заголовков

Дистанционное образование

Заголовок первого уровня

Заголовок второго уровня

Заголовок третьего уровня

Заголовок четвертого уровня

Заголовок пятого уровня

Заголовок шестого уровня

Вид этого документа в окне броузера показан на рис. 8.2.

Рис. 8.2. Пример использования заголовков разных уровней

Конец работы -

Эта тема принадлежит разделу:

Уральский государственный технический университет упи.. информационные технологии..

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

Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:

Все темы данного раздела:

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

Графический интерфейс
Пользователи предпочитают графический интерфейс (GUI - Graphic User Interface). Такой интерфейс используется в Windows, Macintosh и на некоторых рабочих станциях, работающих под управлением операци

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

Адресация сообщений
Существует несколько основных возможностей адресации: Множественная рассылка копий (carbon copy). Сообщение посылается более чем одному адресату, используя один список р

Посылка сообщений
Для посылки письма может оказаться необходимым всего лишь щелкнуть по пиктограмме посылки почты (SEND) и выбрать параметры посылки сообщения. Во многих пакетах имеется ящик исх

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

Чтение почты
Процесс чтения электронной почты должен быть простым и понятным. Некоторые пакеты позволяют «прокручивать» в окне текст сообщения, другие отображают сообщение страница за страницей. Лучшие системы

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

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

Используемые обозначения
Ø Название команды Выбор в текущем меню команды с указанным названием q Название кнопки Нажатие кнопки с указанным названием в активном диалоговом окне или на панели инструментов

Чтение писем
Прежде чем прочесть почту, её нужно получить с сервера. Для этого установите соединение и нажмите кнопку Доставить почту (Send and receive) на панели инструментов. Начнется процесс

Создание письма
Приступить к написанию нового письма можно, выбрав пункт Создать (New) из меню Сообщение (Message). В этом случае будет создано письмо без использования какого-либ

Особенности сети Internet
WWW (World Wide Web, всемирная паутина)- содержащаяся в Internet всемирная распределенная база гипертекстовых документов. Каждый компьютер, имеющий постоянное подключение в Interne

Поиск информации в WWW
Найти нужную информацию в Internet непросто. Однако здесь, во-первых, помогает само устройство WWW, - многие Web-страницы представляют собой объемистые списки ресурсов WWW по самым разным темам. Во

HTML - язык для создания Web-документов
Информация в Internet представлена в виде гипертекстовых Web-страниц. Гипертекст – это текст со вставленными в него словами (командами) разметки, ссылающимися на другие мест

Гипертекст
Под гипертекстовым документом понимают документ, содержащий так называемые ссылки на другой документ. Гиперссылка является одним из важнейших понятий в языке HTML. Гиперссылки позв

Netscape Communicator
Netscape Communicator (или ранее известный как Netscape Navigator) – это самый популярный и широко используемый броузер в мире. Компания Netscape произвела революцию в Internet и WWW, создав чрезвы

Движение по WWW
Для того чтобы попасть на какой-либо сервер, нужно ввести его URL в адресную строку. При этом в окно броузера загрузится соответствующая страница. Любая Web-страница является гипертекстовым докумен

Каталог временных файлов Internet
При возврате к уже открывавшемуся документу он появляется на экране намного быстрее, чем при первой загрузке. Это объясняется тем, что Internet Explorer не получает документ из Internet, а берет ег

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

Настройка параметров страницы для печати
В меню Файл выберите команду Параметры страницы. В группе Поля укажите размеры полей. Выберите один из способов размещения страницы в группе Ориентация. Для вертик

Команды меню Вид
Меню Вид содержит команды, позволяющие настроить рабочее окно броузера. Команда Панели инструментов дает возможность отображать и скрывать панели инструме

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

Технология работы над HTML-документом с использованием блокнота
Для работы необходимо открыть редактор Блокнот (Пуск –Программы – Стандартные – Блокнот). Затем в Блокноте набираются теги и текст документа. Для ускорения и облегч

Нумерованный список
Нумерованный список создается тегами (ordered list – упорядоченный список) и

. Тег показывает начало всего списка, а тег

Списки-определения
Списки-определения используются для оформления определений терминов. Начинаются такие списки тегом . Термины определяются с помощью тега , а соответствующие определения - тегом

Вложенные списки
Списки можно вкладывать друг в друга. Вложение списков в списки позволяет создавать несколько уровней систематизации информации. Ниже приведен текст документа, в котором несколько маркированных спи

Абзацы и разрывы строк
Тег

Разделяющий текст на абзацы, является наиболее часто используемым в HTML-документах. Этот тег имеет только один атрибут – ALIGN, позволяющий выравнивать текс

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

Теги таблицы
Главный тег таблицы - это

. Эти теги применяются для описания начала и конца таблицы, а также параметров отображения таблицы, таких как ее размеры, офор

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

Атрибуты тега IMG
SCR=url - определяет URL для файла изображения. Броузеры (например, Internet Explorer) поддерживают несколько графических форматов: GIF, JPG,BMP. ALIGN

Создание гиперссылок
Возможность создания гиперссылок делает язык HTML столь мощным средством представления информации в WWW. Гиперссылки позволяют осуществлять переход из просматриваемого документа на другую страницу

Сенсорные изображения (изображения-карты)
Сенсорное изображение представляет собой графический образ, разделенный на области, являющиеся гиперссылками на различные HTML-файлы или URL. Существует два типа сенсорных изображений:

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

Шестнадцать стандартных цветов
При работе над Web-страницей можно использовать 16 стандартных цветов (см. табл. 8.3), а также задавать цвета, смешивая различные оттенки красного, зеленого и синего. Это позволяет создавать буквал

Шестнадцатеричные коды цветов
Для получения дополнительных цветов и оттенков можно использовать 6-значный шестнадцатеричный код. Шестнадцатеричные цифры – это цифры от 0 до 9 и буквы от А до F. Все цвета на мониторе компьютера

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

Создание, сохранение и открытие Web-страницы
Создать новую web-страницу можно с помощью команды Создатьв меню Файл (эту команду можно вызвать и комбинацией клавиш Ctrl+N

Физические стили
Физические стили доступны через Панель форматирования или через команды Шрифт и Абзац меню Формат. С помощью команды

Логические стили
Для того чтобы применить логический стиль к фрагменту документа, определите точку вставки текста и выберите необходимый стиль абзаца из списка следующих стилей: Адрес - по

Вставка таблицы в документ
Для того чтобы разместить в вашем документе таблицу, установите курсор в точку вставки таблицы и вызовите команду Вставить таблицу меню Таблица. В открывшемся диал

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

Вставка картинок в документ
Добавить картинку в документ можно, выбрав в меню Вставка команду Изображение. Диалоговое окно команды вставки изображения показано на рис. 9.10. Это диал

Альтернативное отображение картинок
Некоторые броузеры не поддерживают форматы GIF и JPG, другие вообще не могут выводить изображения. Кроме того, иногда загрузка изображений занимает много времени, и в процессе загрузки на месте изо