Как сделать колонтитулы в html
Нижний колонтитул
Для завершения применения традиционной блочной модели нужно создать и связать с элементом еще одно свойство CSS. Это свойство восстановит нормальную последовательность документа и позволит поместить ровно под последним элементом, а не в стороне.
Листинг 2.34. Добавление стиля для элемента и восстановление нормальной последовательности документа
Border-top: 2px solid #999999;
В листинге 2.34 мы создаем вверху элемента рамку шириной 2 пиксела и внутреннее поле (забивку) шириной 20 пикселов. Также выравниваем текст внутри элемента по центру. Кроме того, мы восстанавливаем нормальную последовательность документа с помощью свойства clear. Это свойство всего лишь очищает область, занимаемую элементом, и запрещает его отображение сбоку от плавающего блока (блока со свойством float). Чаще всего используется значение both, означающее, что очищаются обе стороны и теперь документ должен следовать обычному потоку (то есть не должен считаться плавающим). Для блочного элемента это означает, что он отображается ниже последнего элемента на новой строке.
Свойство clear выталкивает элементы по вертикали, заставляя их ограничиваться размером реальной области экрана. Без этого свойства браузер визуализирует документ так, словно плавающих элементов не существует, и блоки накладываются друг на друга.
Когда в традиционной блочной модели есть располагающиеся бок о бок блоки, всегда необходимо добавлять после них элемент со стилем clear: both, чтобы иметь возможность размещать новые блоки под ними в естественном течении документа. На рис. 2.2 показано визуальное представление данной модели и обозначены базовые стили CSS, позволяющие создать такой макет.
рис. 2.2. Визуальное представление традиционной блочной модели
Значения left и right свойства float не гарантируют, что блок будет располагаться у левого или правого края окна соответственно. В действительности эти значения всего лишь делают плавающей определенную сторону документа, разрушая нормальный поток документа. Например, если значение свойства равно left, то браузер попытается расположить элемент у левого края доступного пространства. Если рядом с предыдущим элементом есть место, то новый элемент окажется на экране справа, так как именно левая сторона у него плавающая. Получается, что он «плывет» налево, пока не натыкается на что-то, что его заблокирует, — это может быть элемент-брат или край родительского элемента. Об этом важно помнить при создании макетов с несколькими столбцами. Каждому столбцу в свойстве float присваивается значение left, для того чтобы
все столбцы располагались в ряд в правильном порядке. Каждый столбец «плывет» налево до тех пор, пока не натолкнется на другой столбец или границу родительского элемента. Данный метод позволяет расположить блоки рядом друг с другом на одной строке, создав в визуальном представлении на экране набор столбцов.
Как вставить, редактировать или убрать колонтитулы в Word
Рассказываем, как работать с одним из главных структурных элементов страницы.
Что такое колонтитулы
Это специальные блоки, которые отображаются вверху или внизу на всех (или почти всех) страницах документа и содержат справочную информацию. В них можно добавлять, к примеру, имя автора, номера страниц или названия глав. Основная задача колонтитулов — помогать читателю ориентироваться в документе.
Пример текстового колонтитула
Как вставить колонтитулы в Word
В Windows и macOS
Кликните «Вставка» и нажмите на нужный вариант: «Верхний колонтитул» или «Нижний колонтитул». В выпавшем списке выберите подходящий шаблон и кликните по нему. После этого введите текст колонтитула.
Меню вставки колонтитула в Word для macOS
При необходимости добавьте второй колонтитул на противоположной части страницы. Например, если вы вставили только верхний, аналогичным образом добавьте нижний.
Чтобы вернуться к работе с основным текстом, кликните по кнопке «Закрыть окно колонтитулов» или нажмите клавишу Esc.
В Word Online
Кликните «Вставка» → «Колонтитулы». Введите нужный текст в появившихся блоках. Если хотите добавить только верхний или нижний колонтитул, оставьте противоположный блок пустым.
Чтобы вернуться к работе с основным текстом, дважды кликните по странице или нажмите Esc. Если захотите просмотреть добавленные колонтитулы в документе, выберите в верхнем меню «Вид» → «Режим чтения».
Как редактировать колонтитулы
В Windows и macOS
Дважды кликните по верхнему или нижнему колонтитулу, чтобы перейти в режим редактирования. Затем внесите необходимые правки.
Чтобы выйти из режима редактирования, кликните по кнопке «Закрыть окно колонтитулов» или нажмите клавишу Esc. При необходимости отредактируйте аналогичным образом противоположный колонтитул.
В Word Online
Чтобы открыть меню редактирования колонтитулов, нажмите на верхний или нижний выступ справа от страницы. Или щёлкните «Вставка» → «Колонтитулы» в верхнем меню. Затем внесите нужные правки.
Чтобы выйти из режима редактирования, кликните дважды по основной части страницы или нажмите клавишу Esc.
Как убрать колонтитулы в Word
В Windows и macOS
Кликните «Вставка», выберите «Верхний колонтитул» или «Нижний колонтитул» и нажмите «Удалить…».
Меню удаления колонтитула в Word для macOS
В Word Online
Нажмите «Вставка» → «Колонтитулы». Если хотите удалить только один колонтитул, сотрите его содержимое. Если хотите убрать оба, нажмите «Параметры» в правой части окна и выберите «Удалить верхний и нижний колонтитул».
Как в документ Word добавить верхний или нижний колонтитул
Верхние и нижние колонтитулы нужны для того, чтобы добавлять в документ такие элементы, как номера страниц, даты, имена файлов и дисклеймеры. В Word можно использовать встроенные и готовые к работе макеты колонтитулов или создать собственные.
Примечание: Иллюстрации для этой статьи взяты из Word 2013.
Чтобы добавить верхний или нижний колонтитул, откройте вкладку Вставка (Insert).
Мы начнём с того, что добавим верхний колонтитул. Для этого в разделе Колонтитулы (Header & Footer) нажмите кнопку Верхний колонтитул (Header).
Откроется выпадающее меню с набором встроенных макетов. Пролистайте вниз, просмотрите доступные макеты и выберите из этого списка любой готовый колонтитул.
Макет верхнего колонтитула будет вставлен в документ и отделён от прочего содержимого пунктирной линией и меткой Верхний колонтитул (Header).
В большинстве готовых колонтитулов есть поле для ввода текста. В макете колонтитула, который мы выбрали, вставлен заголовок документа, указанный в его свойствах. Вы можете оставить текст, предложенный по умолчанию, или ввести собственный.
Обратите внимание, что основной текст документа сейчас окрашен серым. Вы не сможете его редактировать, пока открыт режим редактирования колонтитулов. Когда мы завершим редактирование колонтитулов, то обязательно покажем, как вернуться в обычный режим.
Заметьте также, что в режиме редактирования колонтитулов на ленте появилась дополнительная вкладка. Это контекстная вкладка Конструктор (Design), расположенная под заголовком Работа с колонтитулами (Header & Footer Tools).
Примечание: Возможно, заголовок Работа с колонтитулами (Header & Footer Tools) будет виден не полностью. Это зависит от ширины окна Word.
После оформления верхнего колонтитула можно легко переместиться в нижний колонтитул и заняться его настройкой. Для этого в разделе Переходы (Navigation) вкладки Конструктор (Design) нажмите Перейти к нижнему колонтитулу (Go to Footer).
В нижний колонтитул можно вставить, к примеру, номера страниц. Для этого используйте команду Работа с колонтитулами | Конструктор > Колонтитулы > Номер страницы (Header & Footer Tools | Design > Header & Footer > Page Number). Если Вы хотите использовать готовый встроенный макет колонтитула, кликните по кнопке Нижний колонтитул (Footer) и выберите готовый макет нижнего колонтитула.
Когда настройки верхнего и нижнего колонтитулов будут завершены, можно вернуться в режим редактирования документа, нажав кнопку Закрыть окно колонтитулов (Close Header and Footer) или дважды кликнув по телу документа.
Примечание: Если вы воспользуетесь кнопкой Закрыть окно колонтитулов (Close Header and Footer), то вернётесь в то место, в котором изначально были. Если дважды кликните по телу документа, то курсор окажется в том месте, по которому вы кликнули. Если на этом месте будет находится какой-либо объект (например, рисунок), то он выделится.
Если Вы хотите добавить пустой колонтитул, чтобы затем вставить в него собственный текст или картинку, нажмите кнопку Вставка > Колонтитулы > Верхний колонтитул (Insert > Header & Footer > Header) и в открывшемся меню выберите Изменить верхний колонтитул (Edit Header).
Примечание: То же самое можно сделать для нижнего колонтитула, нажав кнопку Нижний колонтитул (Footer).
Теперь добавьте к колонтитулу собственный текст и/или картинку.
Настройте для текста (или картинок) необходимый формат, например, выровняйте строки по центру, выделите текст жирным и увеличьте размер шрифта.
Мы сделали текст верхнего колонтитула больше, чем основной текст документа, выделили его жирным и добавили линию под абзацем. Чтобы вернуться к редактированию документа, снова нажмите кнопку Конструктор > Закрытие > Закрыть окно колонтитулов (Design > Close > Close Header and Footer) или дважды кликните по основному тексту документа.
Колонтитулы могут различаться для чётных и нечётных страниц. Чтобы создать разные колонтитулы для чётных и нечётных страниц, поставьте галочку напротив параметра Конструктор >Параметры > Разные колонтитулы для чётных и нечётных страниц (Design > Options > Different Odd & Even Pages).
Теперь вместо метки Верхний колонтитул (Header), которая располагается под пунктирной границей верхнего колонтитула, появится метка Верхний колонтитул нечётной страницы (Odd Page Header) или Верхний колонтитул чётной страницы (Even Page Header), в зависимости от номера текущей страницы документа. Перемещаться между чётными и нечётными колонтитулами удобно при помощи кнопок Назад (Previous) и Вперёд (Next), которые находятся в разделе Переходы (Navigation) на вкладке Конструктор (Design).
Колонтитулы в Word: как сделать правильно
Когда нужно оформить документ в программе MS Word, нередко возникает множество вопросов по оформлению, в том числе, как оформить колонтитулы в Word, как сделать разный верхний и нижний колонтитул. Воспользовавшись простой инструкцией, вы сможете поставить цифры на любой странице, а также найти другие полезные функции программы.
Какие колонтитулы используются в Ворде
Колонтитулы – это элемент, содержащий какие-либо справочные сведения, либо нумерацию. Вставить дополнительные элементы можно в текстовой программе Microsoft Word, независимо от ее версии.
Перейти в меню для создания колонтитулов можно несколькими способами:
Колонтитулы в программе Ворд можно вставить только через главное меню, добавление каких-либо новых функций не предусматривается. Стандартный вариант – постоянный колонтитул, который ставится на всех страницах. Также через меню можно выделить разделы в документе, и сделать для них отдельную нумерацию.
Как вставить простой колонтитул
Добавление дополнительных элементов – простое действие, которое не занимает больше двух минут. Действуйте по шагам, чтобы получить желаемый результат:
ШАГ 1. Найдите вкладку «Вставка» и нажмите кнопку «Верхний колонтитул». Если вам нужно вставить нижний, то выберите этот пункт в меню. На странице появится пустая текстовая вставка, в которую нужно вписать или вставить скопированную информацию. Учитывайте, что один и тот же текстовый колонтитул появится на всех страницах документа, если не выделить отдельные разделы.
ШАГ 2. Выберите подходящий стиль оформления надписи: «пустой», «алфавит», «три столбца» или «боковая линия».
ШАГ 3. Нажмите на подходящий пункт и завершите изменение нумерации или оформления страницы. Вы можете добавить номер страницы или текст.
Убирать поставленные ранее колонтитулы можно, нажав дважды на надпись внизу страницы и кнопку «DELETE».
Нумерация страниц при оформлении документа
Работа с документом в программе Microsoft Office нередко включает в себя создание большого документа. Чтобы при распечатке не запутаться в разделах, необходимо добавлять нумерацию. Для этого нужно воспользоваться меню «Вставка».
ШАГ 1. Зайдите в раздел «Колонтитулы» и выберите пункт «Номер страницы».
ШАГ 2. Выберите один вариант нумерации, например «Внизу страницы». Нажмите нужный вариант, и нумерация автоматически появится по всему документу ворд. Также вы можете указать, в какой зоне документа должен находиться номер – справа, слева или посередине.
ШАГ 3. Если нужно начать нумерацию не с первого листа, а со второго или третьего, воспользуйтесь функцией «Формат номеров страниц». Вы можете также выбрать подходящий вариант нумерации – цифры, буквы.
Если вы не часто пользуетесь программой Ворд и не знаете, как сделать особый колонтитул, или как вставлять нумерацию, воспользуйтесь нашей пошаговой инструкцией.
Верхние колонтитулы
Вернемся к странице, с которой мы экспериментируем, и обратим внимание на верхний колонтитул 1 :
Мой блог
1 Основной английский текст веб-страниц дается здесь и далее в русском переводе. —
Только сложные пути ведут к простым решениям.
День в дороге
Я еду в Прагу!
Такая верстка вполне корректна. Если угодно, ее можно оставить как есть, потому что это валидный HTML5. Однако в HTML5, как мы знаем, есть особые семантические элементы для колонтитулов и разделов.
Первым делом избавимся от
Мой блог
Только сложные пути ведут к простым решениям.
Стало лучше, правда? Теперь из кода ясно, что перед нами верхний колонтитул. Поравзятьсязаподзаголовок-теглайн,которыйздесьсверстанобычным,нонестан- дартизованным (как это теперь стало возможно) способом. Оформить теглайн — непростая задача: он должен вести себя как подзаголовок, привязанный к основному заглавию, то есть подзаголовок без следующего за ним раздела.
Заголовочные теги, такие как
, определяют структуру страницы. Взятые в совокупности, они формируют краткое содержание документа, в соответствии с которым может быть организована навигация по странице. Программы экранного доступа, опираясь на краткое содержание, помогают слепым пользователям ориентироваться на страницах. Есть веб-сервис ( http://gsnedders..html5..org/ outliner/ ) и браузерное расширение ( http://chrispederick..com/work/web-developer/ ), ко-
торые умеют графически представлять краткое содержание страниц.
В HTML 4построить краткоесодержание страницыможно было только на основе тегов
. Схема страницы-образца выглядит таким образом:
56 Глава 3.. Что все это значит?
Здесь все в порядке, но теглайну «Только сложные пути ведут к простым решениям» места не нашлось. Если бы мы поместили его в контейнер
, в кратком содержании документа появился бы пустой узел:
+—Только сложные пути ведут к простым решениям. (h2)
На самом же деле структура документа не такая. Теглайн не является заголовком одной из записей блога: это подзаголовок, обособленно помещенный на страницу. А если спрятать теглайн в
, а заголовок каждой записи — в
? Нет, так будет только хуже:
+—Только сложные пути ведут к простым решениям. (h2)
В кратком содержании документа по-прежнему есть пустой узел, который
к тому же присвоил дочерние узлы, по праву принадлежащие корню иерархии. В этом вся незадача: HTML 4 не позволяет оформить теглайн так, чтобы он, будучи одним из подзаголовков, тем не менее не попадал в краткое содержание страницы. Как бы мы ни старались перехитрить компьютер, слова «Только сложные пути ведут к простым решениям» неминуемо осядут в одном из узлов структуры. Вот почему семантически бессмысленную верстку вида
мы сочли меньшим злом.