Стиль оформления шапки таблицы

Содержание

Таблицы и стили
Цвет фона ячеек
Поля внутри ячеек
Границы и рамки
Использование атрибута cellspacing
Применение свойства border
Выравнивание содержимого ячеек
Как сделать шапку в Экселе
Закрепление шапки таблицы
Как распечатать таблицу с шапкой на каждой странице
Настройка оформления шапки таблицы
Урок 55. Заголовок таблицы
1. Заголовок таблицы с повтором
2. Запрет на разрыв ячеек
3. Таблица с пронумерованными заголовками

Таблицы и стили

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

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

Цвет фона ячеек

Цвет фона одновременно всех ячеек таблицы устанавливается через свойство background , которое применяется к селектору TABLE . При этом следует помнить о правилах использования стилей, в частности, наследовании свойств элементов. Если одновременно с TABLE задать цвет у селектора TD или TH , то он и будет установлен в качестве фона (пример 1).

Пример 1. Цвет фона

В данном примере получим синий цвет фона у ячеек (тег

) и красный у заголовка (тег ). Это связано с тем, что стиль для селектора TH не определен, поэтому «просвечивается» фон родителя, в данном случае, селектора TABLE . А цвет для селектора TD указан явно, вот ячейки и «заливаются» синим цветом.

То же самое происходит и с цветом текста. Для всех элементов таблицы в примере он установлен белым.

Результат данного примера показан на рис. 1.

Рис. 1. Изменение цвета фона

Поля внутри ячеек

Полем называется расстояние между краем содержимого ячейки и ее границей. Обычно для этой цели применяется атрибут cellpadding тега

. Он определяет значение поля в пикселах со всех сторон ячейки. Допускается использовать стилевое свойство padding , добавляя его к селектору TD , как показано в примере 2.

Пример 2. Поля в таблицах

В данном примере с помощью группирования селектором поля установлены одновременно для селектора TD и TH .

Результат данного примера показан на рис. 2.

Рис. 2. Поля в ячейках

Если применяется стилевое свойство padding для ячеек таблицы, то действие атрибута cellpadding тега

игнорируется.

Границы и рамки

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

Использование атрибута cellspacing

Известно, что атрибут cellspacing тега

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

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

Применение свойства border

Стилевое свойство border одновременно задает цвет границы, ее стиль и толщину вокруг элемента. Когда требуется создать отдельные линии на разных сторонах, лучше использовать его производные — border-left , border-right , border-top и border-bottom , они соответственно определяют границу слева, справа, сверху и снизу.

Применяя свойство border к селектору TABLE , мы добавляем рамку вокруг таблицы в целом, а к селектору TD или TH — рамку вокруг ячеек (пример 3).

Пример 3. Добавление двойной рамки

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

Результат примера показан на рис. 3.

Рис. 3. Граница вокруг таблицы и ячеек

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

. Хотя в коде примера этот атрибут нигде не фигурирует, браузер использует его по умолчанию. Если задать

, то получим не двойные, а одинарные линии, но удвоенной толщины. Для изменения указанной особенности применяется стилевое свойство border-collapse со значением collapse , которое добавляется к селектору TABLE (пример 4).

Пример 4. Создание одинарной рамки

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

Результат примера показан на рис. 4.

Рис. 4. Граница вокруг таблицы

При добавлении border-collapse: collapse значение атрибута cellspacing тега

игнорируется.

Выравнивание содержимого ячеек

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

, он определяет заголовок, в котором выравнивание происходит по центру. Чтобы изменить способ выравнивания применяется стилевое свойство text-align (пример 5).

Пример 5. Выравнивание содержимого ячеек по горизонтали

В данном примере содержимое тега

выравнивается по левому краю, а содержимое тега

— по центру. Результат примера показан ниже.

Рис. 5. Выравнивание текста в ячейках

Выравнивание по вертикали в ячейке всегда происходит по ее центру, если это не оговорено особо. Это не всегда удобно, особенно для таблиц, у которых содержимое ячеек различается по высоте. В таком случае выравнивание устанавливают по верхнему краю ячейки с помощью свойства vertical-align , как показано в примере 6.

Пример 6. Выравнивание содержимого ячеек по вертикали

В данном примере устанавливается высота заголовка

как 40 пикселов и выравнивание текста происходит по нижнему краю. Результат примера показан на рис. 6.

Источник

Как сделать шапку в Экселе

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

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

Закрепление шапки таблицы

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

Для этого необходимо создать лист Microsoft Excel и открыть вкладку «Вид». На данной вклад

ке есть функция «Закрепить области», у которой есть три разновидности:

закрепить области;
закрепить верхнюю строку;
закрепить первый столбец.

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

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

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

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

Третья разновидность функции «Закрепить первый столбец»используется для удобного просмотра таблицы слева направо. Здесь также будет закреплен только один столбец.

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

Как распечатать таблицу с шапкой на каждой странице

При распечатывании документа объемом более 1-2 страниц можно воспользоваться функцией печати шапки таблицы на каждой таблице. Для этого нужно открыть вкладку «Разметка страницы» и нажать кнопку «Печатать заголовки».

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

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

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

Источник

Настройка оформления шапки таблицы

Для настройки шапки таблицы используйте вкладку « Заголовки » на боковой панели. Шапка состоит из заголовков столбцов, строк и уголка таблицы.

Примечание . Вкладка доступна только в настольном приложении.

Убедитесь, что боковая панель отображается.

Щелкните по таблице данных.

Установите переключатель « Формат » на боковой панели.

Перейдите на вкладку « Заголовки ».

Для всех элементов шапки доступны следующие настройки оформления:

Шрифт . Выберите один из шрифтов, установленных в операционной системе;

Размер шрифта . Установите требуемый размер шрифта. Размер задаётся в пунктах, и его можно выбрать из раскрывающегося списка или ввести вручную. Диапазон допустимых значений: [1; 72];

Начертание текста . Нажмите кнопки, задающие начертание шрифта:

Ж . Полужирное начертание;

К . Курсивное начертание;

Ч . Подчеркивание текста.

При нажатой кнопке будет использоваться соответствующий стиль начертания. Доступно использование нескольких стилей одновременно, например, нажатие кнопок « Ж » и « К » даёт полужирное курсивное начертание;

Цвет шрифта . Выберите цвет шрифта в раскрывающейся палитре цветов;

Выравнивание текста в ячейке . Задайте выравнивание текста относительно ячейки:

. По левому краю. Используется по умолчанию;

. По центру;

. По правому краю;

. По ширине;

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

Источник

Урок 55. Заголовок таблицы

На предыдущих уроках я рассказала практически обо всех командах ленты Макет и некоторых командах ленты Конструктор. Настало время научится делать красивые читабельные таблицы и заголовок таблицы. Скачайте файл тут и откройте его. Это кусочек документа с двумя таблицами. Таблица 2 оказалась на границе двух страниц:

Ничего удивительного – бывает часто. Ко всему прочему ячейка оказалась разорванной. Пока мы смотрим документ в электронном виде ничего страшного. А если смотрим печатный документ?

По окончании этого урока вы сможете:

Задавать заголовки таблицы
Устанавливать неразрывность ячеек
Делать таблицу с пронумерованными заголовками

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

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

1. Заголовок таблицы с повтором

Шаг 1. Выделяем заголовок таблицы:

Шаг 2. Назначаем заголовок выделенным строчкам (лента Макет → группа команд Данные → команда Повторить строки заголовков):

Обратите внимание на три обстоятельства:

Мы выделили заголовок таблицы
Заголовок таблицы повторился на следующей странице
Заголовок таблицы, который повторился на следующей странице, не выделен!

Понять и запомнить!

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

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

2. Запрет на разрыв ячеек

Шаг 1. Выделяем всю таблицу:

Шаг 2. Запрещаем перенос строк (лента Макет → группа команд Таблица → команда Свойства → диалоговое окно Свойства таблицы → снять галочку «разрешить перенос строк на следующую страницу»):

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

А вот и результат:

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

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

Шаг 3. Выравниваем содержимое всей таблицы по центру (выделить всю таблицу → лента Макет → группа команд Выравнивание → команда Выровнять по середине):

Шаг 4. Выровнять первый столбец по правому краю посередине (выделить первый столбец за исключением первой ячейки → лента Макет → группа команд Выравнивание → команда Выровнять по центру по левому краю):

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

3. Таблица с пронумерованными заголовками

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

Шаг 1. Вставим строчку сразу после заголовка (установить курсор в первую ячейку после заголовка → лента Макет → группа команд Строки и столбцы → команда Вставить сверху):

Кстати, попробуйте установить курсор в самую первую ячейку и вставьте строчку после, и вы получите такую картину:

Первая ячейка объединённая, поэтому вот такой сюрприз!

Понять и запомнить!

Будьте осторожны со вставкой строчек после объединённых ячеек!

Шаг 2. Нумеруем ячейки вставленной строчки:

Заодно выровняем номера столбцов по центру ячеек. Чтобы поменьше двигать мышкой, лучше работать с клавиатурой. Последовательность действий: первая ячейка «1» с клавиатуры → клавиша Tab → «2» → клавиша Tab → «3» → клавиша Tab → «4» → клавиша Tab → «5».

Понять и запомнить!

Клавиша Tab позволяет последовательно переходить по ячейкам.

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

Шаг 3. Разбиваем таблицу (текстовый курсор в ячейке «1» → лента Макет → группа команд Объединение → команда Разделить таблицу):

Шаг 4. Назначаем первую пронумерованную строчку заголовком таблицы (шаг 2 первого раздела)

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

У нас задача: создать впечатление, что эти две таблицы – единое целое. На уроке 51 я сказала, что содержимое ячейки – это полноценный абзац. Следовательно…

Шаг 5. Задаем на символ конца абзаца и на нумерованную строчку режим «не отрывать от следующего (выделить нужную часть → панель быстрого доступа → режим «Абзац не отрывать от следующего»):

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

Ещё раз обращаю внимание на удобство работы с настроенной панелью быстрого доступа (Урок 18 и Урок 19).

Осталась последняя проблема: расстояние между двумя таблицами слишком велико. Нам никто не поверит, что это одна таблица.

Шаг 6. Задаем размер символу конца абзаца, равным «1 пт» (выделить символ конца абзаца → ленты Главная → группа команд Шрифт → 1 пт в поле размера шрифта):

Всё, задача выполнена.

Теперь вы сможете:

Задавать заголовки таблицы
Устанавливать неразрывность ячеек
Делать таблицу с пронумерованными заголовками

Источник