SlideShare a Scribd company logo
1 of 18
© ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Преподавателю:
основы вёрстки
учебного пособия
© ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Преподавателю: основы вёрстки
учебного пособия
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Вопрос
Занимались ли Вы самостоятельно вёрсткой учебных
пособий?
Если да, то какое программное обеспечение
использовали?
2
© ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Преподавателю: основы вёрстки
учебного пособия
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Типографика: что это?
Типографика — это свод правил оформления текстов (вёрстки
печатного издания)
• Шрифт
• Выделение текста
• Форматирование абзацев
• Оформление пунктуации …
3
© ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Преподавателю: основы вёрстки
учебного пособия
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Шрифт
Основные параметры шрифта:
• гарнитура (внешний вид шрифта);
• начертание (наклонный, полужирный…);
• кегль (размер букв и символов, измеряется в пунктах*)
*Основа типографической системы - 1 пункт (1 point) = 1/72 дюйма (1/72 inch) ≈ 0,35 мм.
4
Times New Roman (нормальный, полужирный, курсив, полужирный курсив) 18 пт
Arial (нормальный, полужирный, курсив, полужирный курсив) 18 пт
Comic Sans MS (нормальный, полужирный, курсив, полужирный курсив) 16 пт
Corintia (нормальный, полужирный, курсив,
полужирный курсив) 32 пт
Wingdings: G476=vcv18t[Adfh+Кегль определяет границы по высоте, в которых
должны поместиться все буквы и символы
© ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Преподавателю: основы вёрстки
учебного пособия
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Выделение
• полужирное начертание (подзаголовки)
• курсив (новые термины и слова)
• подчеркивание (только ссылки: email и URL)
• выделение меньшим кеглем и втяжкой (цитируемые
фрагменты)
5
Выделение полужирным начертанием используется для
того, чтобы обозначить основную тему какого-либо
фрагмента текста. Часто это равносильно использованию
еще одного заголовка, только очень маленького: его не
нужно отделять отступами от текста, он явно не так
важен, как настоящие заголовки, и т. д.
Выделение курсивным начертанием используется
для обозначения новых терминов или слов,
которые объясняются в дальнейшем тексте, а
также для обозначения главного слова в
предложении, слова, на которое падает
логическое ударение.
Выделение кеглем, обычно более мелким, применяется при цитировании больших фрагментов текста.
«…В этом случае цитируемый фрагмент оформляется как один или несколько отдельных
абзацев, которые набираются шрифтом меньшего кегля. Часто одновременно с этим
производят выделение втяжкой: увеличивают отступы слева и справа от текста,
подчеркивая тем самым, что данный фрагмент, строго говоря, не является частью текста…»
© ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Преподавателю: основы вёрстки
учебного пособия
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Знаки препинания
6
• Кавычками выделяются названия, цитаты и оформляется прямая
речь (основные — «ёлочки»!)
• ’ — знак фута, минуты; ” — знак дюйма, секунды
• Дефис: для переноса и при написании сложных слов (кое-кто,
где-то…)
• Минус (короткое тире): в математических примерах, при указании
интервала значений или дат, не отделяется от цифр пробелами
(5–4, 2014–2015…) [Alt]+0150
• Тире (длинное тире) — самый длинный знак, используемый при
оформлении прямой речи или как знак препинания,
отделяется от слов пробелами [Alt]+0151
© ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Преподавателю: основы вёрстки
учебного пособия
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Основные параметры абзаца
• Интерлиньяж (межстрочное
расстояние) — это расстояние,
отделяющее одну строку от
другой, можно установить в
процентах от кегля шрифта.
• Выключка (выравнивание) по
левой или правой стороне, по
центру, по формату (ширине)
• Абзацный отступ (не
применяется для заголовков!)
7
В большинстве случаев при оформлении
абзаца используют выключку по формату.
Последнюю строку в русской типографике принято
оставлять выключенной по левой стороне.
Выключка последней строки по центру или по
правой стороне может использоваться как
оригинальный оформительский прием.
Отступы между абзацами – это
увеличенное межстрочное расстояние
между последней строкой одного абзаца
и первой строкой следующего абзаца.
Пустое пространство обычно составляет
20–50% интерлиньяжа.
Таким образом можно добиться того,
чтобы абзацы были хорошо видны в
тексте.
Строго говоря, в этом случае абзацы
различаются лучше, но ввод такого
отступа сильно усложняет вёрстку.
смещение базовых линий
© ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Преподавателю: основы вёрстки
учебного пособия
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Основные правила вёрстки
2. высота полос текста должна
быть одинаковой (± 1 строка)
8
1. На протяжении всего
текста одинаковыми
должны быть:
• гарнитура и кегль
основного текста
• отбивки и отступы
различных элементов
(таблиц, иллюстраций,
подписей к ним)
• оформление таблиц,
иллюстраций,
заголовков
• интерлиньяж
найди3ошибки
© ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Преподавателю: основы вёрстки
учебного пособия
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Основные правила вёрстки
3. Отсутствие висячих строк
9
Ошибка!
4. Недопустим отрыв заголовка от
текста раздела или разрыв
заголовка на две страницы
Ошибка!
© ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Преподавателю: основы вёрстки
учебного пособия
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Основные правила вёрстки
5. Отсутствие коридоров в тексте
10
© ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Преподавателю: основы вёрстки
учебного пособия
КПК «Мультимедийное учебное пособие: от идеи до реализации»
6. правильное разнесение слов заголовка на разные строки:
• предлоги не должны отрываться от слов;
• тесно увязанные словосочетания должны быть в одной
строке;
Основные правила вёрстки
11
• каждая строка, по возможности,
должна содержать осмысленный
фрагмент текста;
• крайне нежелательно использовать
в заголовке переносы.
© ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Преподавателю: основы вёрстки
учебного пособия
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Основные правила вёрстки
7. правильность переносов слов
8. не более трех соседних строк с
переносами
9. отсутствие разрыва слов на разные
страницы при переносе
10. отсутствие отрывов сокращения от
цифр («1994» на одной строке, а «г.»
на другой) и инициалов от фамилий
(между инициалами и
фамилией должны быть пробелы, но
они не должны оказываться на разных
строках).
12
Великий русский
композитор П.И.
Чайковский родился 25
апреля (7 мая) 1840
г. в Воткинске
Вятской губернии.
© ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Преподавателю: основы вёрстки
учебного пособия
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Adobe InDesign: что это?
• настольная издательская система
• предназначена для профессиональной издательской
деятельности
• электронная верстка широкого спектра основных типов
документов: буклетов, журналов, книг:
• допечатная подготовка полиграфических изданий
• вёрстка электронных изданий (PDF) с добавлением гиперссылок
13
© ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Преподавателю: основы вёрстки
учебного пособия
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Создание шаблонов страниц
14
Вёрстку многостраничного
документа желательно начать
с разработки шаблонов страниц
Базовый шаблон:
графические элементы
верхний и нижний колонтитулы
нумерация страниц
Шаблоны разделов (на основе
базового шаблона):
+ заголовок раздела
базовый
шаблон
шаблон
раздела
страница
раздела
© ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Преподавателю: основы вёрстки
учебного пособия
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Работа со стилями
Стили – заданные правила оформления для соблюдения
единообразия вёрстки.
15
родительский
стиль
дочерний стиль дочерний стиль
………………………………………
1. Стили символов (если нужно
задать оформление
отдельным символам или
словам)
2. Стили абзацев (задают
оформление абзацев
целиком)
3. Стили объектов (для
оформления текстовых
фреймов, фреймов с
иллюстрациями, графических
объектов)
© ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Преподавателю: основы вёрстки
учебного пособия
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Текстовые фреймы
При работе в Adobe InDesign весь текст находится в текстовых фреймах
(контейнерах).
16
Связанные текстовые фреймы используют для большого объема текста:
• в несколько колонок
• на нескольких
страницах
© ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Преподавателю: основы вёрстки
учебного пособия
КПК «Мультимедийное учебное пособие: от идеи до реализации»
Подробности здесь
17
Книга посвящена верстке и
макетированию в программе Adobe
InDesign CS3.
Рассмотрены:
• принципы и традиции верстки;
• возможности Adobe InDesign;
• примеры решения типичных задач.
© ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru
© Шишлина Наталья Васильевна, 2015 | http://weblabor.ru
Спасибо за внимание!
18

More Related Content

More from Natalya Shishlina

Дизайн учебных материалов своими руками
Дизайн учебных материалов своими рукамиДизайн учебных материалов своими руками
Дизайн учебных материалов своими рукамиNatalya Shishlina
 

More from Natalya Shishlina (6)

Дизайн учебных материалов своими руками
Дизайн учебных материалов своими рукамиДизайн учебных материалов своими руками
Дизайн учебных материалов своими руками
 
АЭК. Модуль 4
АЭК. Модуль 4АЭК. Модуль 4
АЭК. Модуль 4
 
АЭК. Модуль 3
АЭК. Модуль 3АЭК. Модуль 3
АЭК. Модуль 3
 
АЭК. Модуль 2
АЭК. Модуль 2АЭК. Модуль 2
АЭК. Модуль 2
 
АЭК. Модуль 1
АЭК. Модуль 1АЭК. Модуль 1
АЭК. Модуль 1
 
АЭК. Введение
АЭК. ВведениеАЭК. Введение
АЭК. Введение
 

Преподавателю: основы вёрстки учебного пособия

  • 1. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru © Шишлина Наталья Васильевна, 2015 | http://weblabor.ru Преподавателю: основы вёрстки учебного пособия
  • 2. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru © Шишлина Наталья Васильевна, 2015 | http://weblabor.ru Преподавателю: основы вёрстки учебного пособия КПК «Мультимедийное учебное пособие: от идеи до реализации» Вопрос Занимались ли Вы самостоятельно вёрсткой учебных пособий? Если да, то какое программное обеспечение использовали? 2
  • 3. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru © Шишлина Наталья Васильевна, 2015 | http://weblabor.ru Преподавателю: основы вёрстки учебного пособия КПК «Мультимедийное учебное пособие: от идеи до реализации» Типографика: что это? Типографика — это свод правил оформления текстов (вёрстки печатного издания) • Шрифт • Выделение текста • Форматирование абзацев • Оформление пунктуации … 3
  • 4. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru © Шишлина Наталья Васильевна, 2015 | http://weblabor.ru Преподавателю: основы вёрстки учебного пособия КПК «Мультимедийное учебное пособие: от идеи до реализации» Шрифт Основные параметры шрифта: • гарнитура (внешний вид шрифта); • начертание (наклонный, полужирный…); • кегль (размер букв и символов, измеряется в пунктах*) *Основа типографической системы - 1 пункт (1 point) = 1/72 дюйма (1/72 inch) ≈ 0,35 мм. 4 Times New Roman (нормальный, полужирный, курсив, полужирный курсив) 18 пт Arial (нормальный, полужирный, курсив, полужирный курсив) 18 пт Comic Sans MS (нормальный, полужирный, курсив, полужирный курсив) 16 пт Corintia (нормальный, полужирный, курсив, полужирный курсив) 32 пт Wingdings: G476=vcv18t[Adfh+Кегль определяет границы по высоте, в которых должны поместиться все буквы и символы
  • 5. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru © Шишлина Наталья Васильевна, 2015 | http://weblabor.ru Преподавателю: основы вёрстки учебного пособия КПК «Мультимедийное учебное пособие: от идеи до реализации» Выделение • полужирное начертание (подзаголовки) • курсив (новые термины и слова) • подчеркивание (только ссылки: email и URL) • выделение меньшим кеглем и втяжкой (цитируемые фрагменты) 5 Выделение полужирным начертанием используется для того, чтобы обозначить основную тему какого-либо фрагмента текста. Часто это равносильно использованию еще одного заголовка, только очень маленького: его не нужно отделять отступами от текста, он явно не так важен, как настоящие заголовки, и т. д. Выделение курсивным начертанием используется для обозначения новых терминов или слов, которые объясняются в дальнейшем тексте, а также для обозначения главного слова в предложении, слова, на которое падает логическое ударение. Выделение кеглем, обычно более мелким, применяется при цитировании больших фрагментов текста. «…В этом случае цитируемый фрагмент оформляется как один или несколько отдельных абзацев, которые набираются шрифтом меньшего кегля. Часто одновременно с этим производят выделение втяжкой: увеличивают отступы слева и справа от текста, подчеркивая тем самым, что данный фрагмент, строго говоря, не является частью текста…»
  • 6. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru © Шишлина Наталья Васильевна, 2015 | http://weblabor.ru Преподавателю: основы вёрстки учебного пособия КПК «Мультимедийное учебное пособие: от идеи до реализации» Знаки препинания 6 • Кавычками выделяются названия, цитаты и оформляется прямая речь (основные — «ёлочки»!) • ’ — знак фута, минуты; ” — знак дюйма, секунды • Дефис: для переноса и при написании сложных слов (кое-кто, где-то…) • Минус (короткое тире): в математических примерах, при указании интервала значений или дат, не отделяется от цифр пробелами (5–4, 2014–2015…) [Alt]+0150 • Тире (длинное тире) — самый длинный знак, используемый при оформлении прямой речи или как знак препинания, отделяется от слов пробелами [Alt]+0151
  • 7. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru © Шишлина Наталья Васильевна, 2015 | http://weblabor.ru Преподавателю: основы вёрстки учебного пособия КПК «Мультимедийное учебное пособие: от идеи до реализации» Основные параметры абзаца • Интерлиньяж (межстрочное расстояние) — это расстояние, отделяющее одну строку от другой, можно установить в процентах от кегля шрифта. • Выключка (выравнивание) по левой или правой стороне, по центру, по формату (ширине) • Абзацный отступ (не применяется для заголовков!) 7 В большинстве случаев при оформлении абзаца используют выключку по формату. Последнюю строку в русской типографике принято оставлять выключенной по левой стороне. Выключка последней строки по центру или по правой стороне может использоваться как оригинальный оформительский прием. Отступы между абзацами – это увеличенное межстрочное расстояние между последней строкой одного абзаца и первой строкой следующего абзаца. Пустое пространство обычно составляет 20–50% интерлиньяжа. Таким образом можно добиться того, чтобы абзацы были хорошо видны в тексте. Строго говоря, в этом случае абзацы различаются лучше, но ввод такого отступа сильно усложняет вёрстку. смещение базовых линий
  • 8. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru © Шишлина Наталья Васильевна, 2015 | http://weblabor.ru Преподавателю: основы вёрстки учебного пособия КПК «Мультимедийное учебное пособие: от идеи до реализации» Основные правила вёрстки 2. высота полос текста должна быть одинаковой (± 1 строка) 8 1. На протяжении всего текста одинаковыми должны быть: • гарнитура и кегль основного текста • отбивки и отступы различных элементов (таблиц, иллюстраций, подписей к ним) • оформление таблиц, иллюстраций, заголовков • интерлиньяж найди3ошибки
  • 9. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru © Шишлина Наталья Васильевна, 2015 | http://weblabor.ru Преподавателю: основы вёрстки учебного пособия КПК «Мультимедийное учебное пособие: от идеи до реализации» Основные правила вёрстки 3. Отсутствие висячих строк 9 Ошибка! 4. Недопустим отрыв заголовка от текста раздела или разрыв заголовка на две страницы Ошибка!
  • 10. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru © Шишлина Наталья Васильевна, 2015 | http://weblabor.ru Преподавателю: основы вёрстки учебного пособия КПК «Мультимедийное учебное пособие: от идеи до реализации» Основные правила вёрстки 5. Отсутствие коридоров в тексте 10
  • 11. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru © Шишлина Наталья Васильевна, 2015 | http://weblabor.ru Преподавателю: основы вёрстки учебного пособия КПК «Мультимедийное учебное пособие: от идеи до реализации» 6. правильное разнесение слов заголовка на разные строки: • предлоги не должны отрываться от слов; • тесно увязанные словосочетания должны быть в одной строке; Основные правила вёрстки 11 • каждая строка, по возможности, должна содержать осмысленный фрагмент текста; • крайне нежелательно использовать в заголовке переносы.
  • 12. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru © Шишлина Наталья Васильевна, 2015 | http://weblabor.ru Преподавателю: основы вёрстки учебного пособия КПК «Мультимедийное учебное пособие: от идеи до реализации» Основные правила вёрстки 7. правильность переносов слов 8. не более трех соседних строк с переносами 9. отсутствие разрыва слов на разные страницы при переносе 10. отсутствие отрывов сокращения от цифр («1994» на одной строке, а «г.» на другой) и инициалов от фамилий (между инициалами и фамилией должны быть пробелы, но они не должны оказываться на разных строках). 12 Великий русский композитор П.И. Чайковский родился 25 апреля (7 мая) 1840 г. в Воткинске Вятской губернии.
  • 13. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru © Шишлина Наталья Васильевна, 2015 | http://weblabor.ru Преподавателю: основы вёрстки учебного пособия КПК «Мультимедийное учебное пособие: от идеи до реализации» Adobe InDesign: что это? • настольная издательская система • предназначена для профессиональной издательской деятельности • электронная верстка широкого спектра основных типов документов: буклетов, журналов, книг: • допечатная подготовка полиграфических изданий • вёрстка электронных изданий (PDF) с добавлением гиперссылок 13
  • 14. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru © Шишлина Наталья Васильевна, 2015 | http://weblabor.ru Преподавателю: основы вёрстки учебного пособия КПК «Мультимедийное учебное пособие: от идеи до реализации» Создание шаблонов страниц 14 Вёрстку многостраничного документа желательно начать с разработки шаблонов страниц Базовый шаблон: графические элементы верхний и нижний колонтитулы нумерация страниц Шаблоны разделов (на основе базового шаблона): + заголовок раздела базовый шаблон шаблон раздела страница раздела
  • 15. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru © Шишлина Наталья Васильевна, 2015 | http://weblabor.ru Преподавателю: основы вёрстки учебного пособия КПК «Мультимедийное учебное пособие: от идеи до реализации» Работа со стилями Стили – заданные правила оформления для соблюдения единообразия вёрстки. 15 родительский стиль дочерний стиль дочерний стиль ……………………………………… 1. Стили символов (если нужно задать оформление отдельным символам или словам) 2. Стили абзацев (задают оформление абзацев целиком) 3. Стили объектов (для оформления текстовых фреймов, фреймов с иллюстрациями, графических объектов)
  • 16. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru © Шишлина Наталья Васильевна, 2015 | http://weblabor.ru Преподавателю: основы вёрстки учебного пособия КПК «Мультимедийное учебное пособие: от идеи до реализации» Текстовые фреймы При работе в Adobe InDesign весь текст находится в текстовых фреймах (контейнерах). 16 Связанные текстовые фреймы используют для большого объема текста: • в несколько колонок • на нескольких страницах
  • 17. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru © Шишлина Наталья Васильевна, 2015 | http://weblabor.ru Преподавателю: основы вёрстки учебного пособия КПК «Мультимедийное учебное пособие: от идеи до реализации» Подробности здесь 17 Книга посвящена верстке и макетированию в программе Adobe InDesign CS3. Рассмотрены: • принципы и традиции верстки; • возможности Adobe InDesign; • примеры решения типичных задач.
  • 18. © ЭБС "Университетская библиотека онлайн", 2015 | http://lms.biblioclub.ru © Шишлина Наталья Васильевна, 2015 | http://weblabor.ru Спасибо за внимание! 18