Создание и применение стилей оформления
Создание и применение стилей оформления
Для начала работы по оформлению потребуется всего два абзацных стиля: для заголовка и для остального текста (рис. 21.4).
Рис. 21.4. Абзацные стили для верстки телепрограммы
Для обоих стилей мы выберем гарнитуру Pragmatica. Почти всегда телепрограммы верстаются беззасечным шрифтом (как и большинство материалов в газетах), поскольку приходится выбирать достаточно малый размер кегля, чтобы уместить текст в полосе, а рубленые шрифты обладают большей читабельностью при малых размерах. Тем не менее мы будем использовать переносы, чтобы уменьшить «неровность» границы текста и чтобы текст максимально полно заполнял строки.
Мы также будем использовать выключку влево, поскольку из-за малой ширины колонок выключка по формату потребует заметного увеличения межбуквенных и межсловных пробелов, что не улучшит внешний вид нашего текста.
Мы начнем с оформления обычного текста, так, чтобы стало понятно, как впоследствии оформить заголовок, чтобы он хорошо выделялся.
Прежде всего, нам следует использовать обратные абзацные отступы. Для улучшения читабельности программы (и чтобы упростить нахождение в ней нужных строк) мы создадим отступ слева для всех строк, кроме первой, чтобы цифры времени остались «в одиночестве», как бы в отдельной вертикальной колонке.
В нашем случае для достижения этого эффекта потребовалось установить отступ слева 9 мм и отступ первой строки –9 мм. Конечно же, эти значения напрямую зависят от размера кегля и использованной гарнитуры, поскольку подбираются таким образом, чтобы вторая и последующие строки начинались после цифр времени в первой строке (рис. 21.5).
Рис. 21.5. Создание обратного абзацного отступа для текста
Если мы добавляли нули в начале цифр времени, то на этом можно остановиться, но в нашем случае начальные строки телепрограммы выглядят неправильно (цифры времени занимают слишком мало места). Чтобы это исправить, требуется использовать табуляцию. Мы добавим знаки табуляции в начале строки и между временем и текстом строки (это, скорее, перестраховка, чтобы все было идеально ровно).
На рис. 21.6 показан фрагмент текста с отображаемыми непечатаемыми символами (можно видеть символы табуляции). Первая позиция табуляции (с выключкой вправо) установлена на 8 мм, а вторая автоматически наследуется у отступа абзаца. Таким образом, между текстом и временем существует гарантированный отступ в 1 мм, и цифры времени равняются по правой границе.
Рис. 21.6. Использование табуляции для выравнивания текста
Для оформления заголовков также можно использовать стили. Мало кто знает об этом, но линии, отграничивающие абзац слева и справа, всегда находятся ниже текста. Создав очень толстую линию под абзацем, ее можно «подложить» под абзац, создав своего рода «подложку» для текста; сам текст, конечно же, придется сделать другого цвета. Этот «фокус» работает только с абзацами, количество строк в которых не меняется, – и это именно наш случай, поскольку все заголовки телеканалов будут написаны в одну строку (рис. 21.7).
Рис. 21.7. Использование линии абзаца для создания «подложки» под текст
Обратите внимание: в примере не используются пустые строки для отделения заголовка телеканала от предыдущего текста. Все отступы созданы настройками стиля абзаца, что позволяет быть уверенным в их «одинаковости» по всему тексту.
Последним «штрихом» может быть создание специального символьного стиля (с выделением полужирным начертанием) и применение его к цифрам времени в телепрограмме (рис. 21.8). Это легко достигается использованием вложенного стиля, распространяющегося на первое слово в строке (первым словом, конечно же, окажутся цифры времени).
Рис. 21.8. Применение вложенного стиля к тексту
Назначив созданные стили строкам текста, мы оформим заголовки и обычный текст телепрограммы, чем уже практически выполним задачу по верстке. Окончательная «доводка» верстки в данном случае выразится в том, что нам придется скорректировать межстрочное расстояние или еще каким-то образом увеличить или уменьшить объем текста, чтобы он точно уместился в отведенное ему место на полосе (само собой это, конечно же, не произойдет).
Кроме стилей оформления текста телепрограммы, нам потребуется еще и минимум два (лучше три) стиля для оформления анонсов кинофильмов и телепередач, которые мы планировали разместить в правой части полосы.
Для графического оформления анонсов мы заготовили стилизованный рисунок библиотечной карточки (рис. 21.9). Мы можем использовать его как фрейм для помещения текста или же просто «подложить» под текст. Для создания этого объекта были использованы логические операции и эффект скругления углов объекта.
Рис. 21.9. Заготовка объекта-подложки для анонсов
С таким же (или даже с бульшим) успехом мы могли бы создать подложку, имитирующую кадры кинопленки, или еще упростить себе задачу и не создавать сколько-нибудь сложных подложек, а выделить текст анонсов фоновым цветом. В нашем случае это не принципиально, поскольку мы не добиваемся какого-то конкретного результата, а всего лишь знакомимся со способами выполнения задачи.
Для оформления текста анонса нам потребуются стили для заголовка (названия фильма или передачи), основного текста и (по желанию) отдельный стиль для написания режиссера, актеров и года выпуска фильма. На рис. 21.10 показан пример оформления анонса с использованием трех стилей и изображения, размещенного в отдельном фрейме с настройками обтекания текстом.
Рис. 21.10. Оформление анонса кинофильма
Разместив на странице несколько анонсов и большой фрагмент текста телепрограммы (разных каналов), мы можем взглянуть на полосу в целом и оценить, как она смотрится (рис. 21.11).
Рис. 21.11. Полоса телепрограммы в целом
Более 800 000 книг и аудиокниг! 📚
Получи 2 месяца Литрес Подписки в подарок и наслаждайся неограниченным чтением
ПОЛУЧИТЬ ПОДАРОКДанный текст является ознакомительным фрагментом.
Читайте также
Глава 2 Создание и применение таблиц стилей
Глава 2 Создание и применение таблиц стилей В предыдущей главе был представлен обзор XSLT. В этой главе мы начинаем детальную работу с ним. Мы собираемся научиться рассматривать документы в терминах XSLT, структурировать таблицу стилей XSLT и встраивать в документы таблицы
Глава 3 Создание и применение шаблонов
Глава 3 Создание и применение шаблонов Эта глава полностью посвящена созданию шаблонов и работе с ними как с основой таблиц стилей XSLT. Каждый шаблон образует правило, которое процессор XSLT пытается применить к исходному документу.В главе 2 мы кратко рассмотрели таблицы
Создание стилей CSS
Создание стилей CSS Обычный формат определения стиля CSS иллюстрирует листинг 7.1. Листинг 7.1 <селектор> { <атрибут стиля 1>: <значение 1>; <атрибут стиля 2>: <значение 2>; . <атрибут стиля n-1>: <значение n-1>; <атрибут стиля n>: <значение n> } Вот основные правила
Создание стилей CSS
Создание стилей CSS Обычный формат определения стиля CSS иллюстрирует листинг 7.1. Листинг 7.1 <селектор> { <атрибут стиля 1>: <значение 1>; <атрибут стиля 2>: <значение 2>; . <атрибут стиля n-1>: <значение n-1>; <атрибут стиля n>: <значение n> } Вот основные правила
Принцип оформления заказа
Принцип оформления заказа Все очень просто. Вы нашли в каком-то магазине товар, положили его в корзину, зарегистрировались на сайте. Иногда сайт оформлен так, что на интерфейсе для онлайн-магазина владельцы сэкономили, и практически сайт является каталогом, а не
Принцип оформления заказа
Принцип оформления заказа Предположим, вы уже знаете, где и что вы хотите заказать. Вы кладете этот товар в корзину (add to cart), выбрав количество (quantity) (рис. 3.1). Первым шагом, скорее всего, вас попросят завести свой счет в этом магазине (это быстро) (рис. 3.2). Вы вводите
Настройка темы оформления
Настройка темы оформления Имеющиеся в системе темы оформления можно редактировать по своему усмотрению и сохранять ее в отдельном файле для последующего использования. При этом измененная тема будет сохранена именно в виде новой темы, а тема – источник никуда не
§ 171. Правила оформления ссылок
§ 171. Правила оформления ссылок 28 мая 2011Ссылки всегда должны быть подчеркнуты, даже если это кажется кому-то некрасивым.Нельзя подчеркивать на вебе текст, который не является ссылкой.Убирание подчеркивания у ссылки при подведении курсора — глупость.Активные ссылки
Особенности оформления
Особенности оформления Первая полоса газеты сильно отличается от других, поскольку отличается представленная на ней информация. Первая полоса издания отводится под название газеты, анонсы материалов номера и, возможно, под наиболее важные новости.При создании дизайна
Особенности оформления
Особенности оформления Говоря о газетной верстке, мы упоминали два варианта – плотную верстку и верстку с белым пространством, позволяющим полосе «дышать».При верстке журналов плотная верстка практически не используется. Больший арсенал выразительных средств
Особенности оформления
Особенности оформления Верстка книги на поверку оказывается легче, чем верстка газеты или журнала. Хотя в книге могут быть сотни страниц, в конечном итоге они обычно оказываются сплошным текстом: главы и разделы сменяют друг друга, и не требуется тратить драгоценные
Создание стилей оформления
Создание стилей оформления Для верстки текста нам нужны несколько разных стилей оформления. Прежде всего, потребуется создать абзацные стили для оформления заголовков разделов (два уровня) и обычного текста. Кроме того, в тексте произведения встречаются врезки с
Создание пользовательских стилей
Создание пользовательских стилей Несмотря на то что в каждой версии Word количество заготовленных стилей увеличивается, весьма вероятно, что вы не найдете среди них именно то, что нужно вам в данный момент. По этой причине в Microsoft Word предусмотрена также возможность
Создание стилей
Создание стилей Вы установили основные параметры текста для ввода технических требований. Однако прежде чем закрыть данное окно, сохраним эти настройки. Иначе каждый раз перед вводом технических требований на очередном листе вашего проекта придется вводить все
Создание и редактирование стилей
Создание и редактирование стилей Если форматирование документа с помощью встроенных стилей вас не совсем устраивает, вы можете его усовершенствовать по своему усмотрению, изменив существующие стили и добавив новые. Например, вам нужно увеличить шрифт для заголовков