Приветствую, друзья! Табличные данные часто присутствуют в текстовых документах для более наглядного отображения каких-то показателей. И от правильного форматирования таблицы зависит общее восприятие размещенной там информации. Сегодня разберёмся как в ворде нарисовать таблицу по размерам ее столбцов и строк.
Прежде чем создать таблицу необходимо определиться с количеством строк и столбцов. Далее выбрать подходящую ориентацию страницы. Для широкой таблицы предпочтительно выбрать - альбомную, для узкой – книжную.
Вставляем таблицу, с заданным количеством ячеек, любым удобным для вас способом. О способах вставки таблиц .
Задаём точный размер таблицы
Следующий шаг позволит нам задать строгие внешние размеры таблицы.
Необходимо кликнуть внутрь таблицы, чтобы активировать возможность работы с ней. Если вы не указали при вставке таблицы никаких дополнительных параметров, то она будет растянута по ширине всей доступной текстовой области (в зоне белой шкалы горизонтальной линейки), а ее столбцы автоматически выровняются по ширине.
Для указания точных размеров заходим в ленте инструментов .
В открывшемся окне на вкладке Таблица поставьте галочку в чек бокс (указано стрелкой) и пропишите желаемую ширину таблицы. Нажмите ОК.
Если вы не можете изменить ширину столбцов до нужных размеров и при изменении ширины одного меняется ширина другого, то снятие галочки с чек бокса устранит это неудобство.
Теперь внешние размеры таблицы будут ограничены. Вы сможете влиять только на ширину столбцов внутри таблицы.
Задаём высоту строки
Для задания одинаковой высоты строк во всей таблице выделите ее. Далее в ленте инструментов выбираем Работа с таблицами – Макет – Свойства .
В диалоговом окне переходим на вкладку Строка ставим галочку в чек боксе высота и указываем требуемую высоту строк и режим (отмечено красной рамкой). Минимум – задаст минимальное значение для всех строк. Максимальная высота будет ограничиваться только содержимым ячеек. Поэтому высота строк в таблице будет различаться, так как зависит от наполнения информацией. Если вы хотите жестко ограничить высоту строк, то поставьте режим Точно .
Чтобы задать размеры для одной строки, достаточно кликнуть в нее правой кнопкой мыши для вызова контекстного меню. Из которого выбрать команду Свойства таблицы для задания параметров указанной строки.
Задаём ширину столбцов
Для указания размера столбца кликните в нем по любой ячейке правой кнопкой и вызовите свойства таблицы. Прейдите на вкладку Столбец , задайте требуемый размер ширины и, нажав кнопку Следующий столбец или Предыдущий столбец, перейдите к указанию размера других столбцов в таблице. После нажмите ОК.
Теперь ваша таблица будет строго соответствовать заданным размерам.
P.S. По просьбе читателя блога Сергея Яковлевича Гребенюка, я сделал в Microsoft Word с помощью таблицы шахматную доску, а с помощью автофигур - фигуры шашек. Это было необходимо для создания изображений различных шашечных позиций. Вот ссылка на вордовский документ https://yadi.sk/i/O2SmHvyF3Pvujr Посмотрите видео, как можно расставить фигуры и сделать скриншот позиции с помощью , которая входит в состав операционной системы Windows версии 7 и выше.
Возможности Word невероятно велики. Я иногда и сам поражаюсь, чего только не .
Дорогой читатель! Вы посмотрели статью до конца.
Получили вы ответ на свой вопрос? Напишите в комментариях пару слов.
Если ответа не нашли, укажите что искали .
Традиционные прямоугольные уголки в дизайне сайтов давно уже всем надоели. В моде скруглённые уголки, которые делаются не с помощью изображений, а через стили, для чего используется свойство border-radius . Это свойство может иметь одно, два, три или четыре значения разделённых пробелом, которые и определяют радиус всех уголков или каждого по отдельности.
В табл. 1 приведёно разное количество значений и вид блока, который получается в этом случае.
| Код | Описание | Вид |
|---|---|---|
| div { border-radius: 10px; } | Радиус скругления для всех уголков сразу. | |
| div { border-radius: 0 10px; } | Первое значение устанавливает радиус левого верхнего и правого нижнего уголка, второе значение — для правого верхнего и левого нижнего. |  |
| div { border-radius: 20px 10px 0; } | Первое значение задаёт радиус левого верхнего уголка, второе — одновременно правого верхнего и левого нижнего, а третье значение — правого нижнего. |  |
| div { border-radius: 20px 10px 5px 0; } | Последовательно устанавливает радиус левого верхнего уголка, правого верхнего, правого нижнего и левого нижнего. |  |
В примере 1 показано создание блока со скруглёнными уголками.
Пример 1. Уголки у блока
HTML5 CSS3 IE 9+ Cr Op Sa Fx
Результат данного примера показан на рис. 1.
Рис. 1. Блок со скруглёнными уголками
Интересный эффект можно получить, если задать радиус скругления больше половины высоты и ширины элемента. В таком случае получится круг. В примере 2 показано создание круглой кнопки с рисунком.
Пример 2. Круглая кнопка
HTML5 CSS3 IE 9+ Cr Op Sa Fx
Результат данного примера показан на рис. 2.
Рис. 2. Круглая кнопка
В браузере Opera скругление к
Свойство border-radius можно сочетать и с другими свойствами, например, добавить к элементу тень. В примере 3 сделан набор кружков, из которых один подсвечивается с помощью box-shadow . Такой набор можно использовать для навигации по страницам или по фотографиям.
Пример 3. Свечение
HTML5 CSS3 IE 9+ Cr Op Sa Fx
Результат данного примера показан на рис. 3.
Рис. 3. Свечение вокруг кружка
С помощью border-radius можно сделать не только кружок, но и эллипс, а также эллиптическое скругление у блока. Для этого надо написать не одно значение, а два через слэш. Запись 20px/10px означает, что по горизонтали радиус скругления будет 20 пикселов, а по вертикали 10 пикселов. В примере 4 показано создание эллиптических уголков для добавления к фотографии надписи оформленной как в комиксах.
Пример 4. Эллипсы
HTML5 CSS3 IE 9+ Cr Op Sa Fx
Результат данного примера показан на рис. 4.
Рис. 4. Использование эллиптических уголков
Вид уголков можно изменить и у изображений, добавляя к селектору img свойство border-radius , как показано в примере 5.
Пример 5. Изображения
HTML5 CSS3 IE 9+ Cr Op Sa Fx
Предположим, пользователь располагает данными в абсолютных величинах. Ему нужно отобразить информацию на диаграмме. Для лучшей наглядности показать необходимо относительные значения данных. Например, сколько процентов плана выполнено, сколько товара реализовано, какая часть учеников справилась с заданием, какой процент работников имеют высшее образование и т.д.
Выполнить это не так сложно. Но если не хватает навыков работы в программе Excel, могут возникнуть некоторые затруднения. Рассмотрим подробно, как сделать процентную диаграмму в Excel.
Круговая процентная диаграмма
Построим круговую диаграмму процентного распределения. Для примера возьмем официальную налоговую аналитику «Поступления по типам налогов в консолидированный бюджет Российской Федерации за 2015 год» (информация с сайта ФНС):
Выделим всю таблицу, включая наименования столбцов. На вкладке «Вставка» в группе «Диаграммы» выбираем простую круговую.
Сразу после нажатия по ярлычку выбранного типа на листе появляется диаграмма вида:
Отдельный сегмент круга – доля каждого налога в общей сумме поступлений в консолидированный бюджет в 2015 году.
Теперь покажем на диаграмме процентное соотношение видов налогов. Щелкнем по ней правой кнопкой мыши. В открывшемся диалоговом окне выберем задачу «Добавить подписи данных».
На частях круга появятся значения из второго столбца таблицы:
Еще раз жмем правой кнопкой мыши по диаграмме и выбираем пункт «Формат подписей данных»:
В открывшемся меню в подгруппе «Параметры подписи» нужно снять галочку напротив «Включить в подписи значения» и поставить ее напротив «Включить в подписи доли».
В подгруппе «Число» меняем общий формат на процентный. Убираем десятичные знаки, устанавливаем код формата «0%».
Если нужно отобразить проценты с одним знаком после запятой, в поле «Код формата» ставим «0,0%». С двумя знаками после запятой – «0,00%». И так далее.
Стандартные настройки позволяют изменить место подписей на диаграмме. Возможные варианты:
- «В центре» - подписи отобразятся по центру сегментов;
- «У вершины, внутри» - подписи отобразятся с внутренней стороны окружности;
- «У вершины, снаружи» - подписи покажутся с внешней стороны круга, при выборе параметра сама диаграмма будет несколько меньше, но при наличии мелких данных читаемость улучшается;
- «По ширине» - параметр позволяет Excel установить подписи наиболее оптимально.
Чтобы изменить направление подписей, в подгруппе «Выравнивание» можно воспользоваться инструментом «Направление текста». Здесь же устанавливается угол наклона.
Выберем горизонтальное направление подписей данных и положение «По ширине».
Круговая диаграмма с процентами готова. На диаграмме показано процентное распределение поступлений от налогообложения.
Столбчатая гистограмма
Добавим в таблицу вспомогательные столбцы: 1 – с процентами (процентный вклад каждого вида налога в общее количество); 2 – 100%.
Щелкаем по любой ячейке таблицы. Переходим на вкладку «Вставка». В группе «Диаграммы» выбираем «Нормированную гистограмму с накоплением».
Автоматически созданная диаграмма не решает поставленной задачи. Поэтому на вкладке «Конструктор» в группе «Данные» переходим к пункту «Выбрать данные».
С помощью стрелочки изменяем порядок рядов так, чтобы проценты были внизу. Ряд, показывающий абсолютные значения, удаляем. В «Категориях» убираем ячейку «Вид налога». Заголовок не должен быть подписью горизонтальной оси.
Выделяем любой столбец созданной диаграммы. Переходим на вкладку «Макет». В группе «Текущий фрагмент» нажимаем пункт «Формат выделенного фрагмента».
В открывшемся меню переходим на вкладку «Параметры ряда». Устанавливаем значение для перекрытия рядов – 100%.
В итоге проделанной работы получаем диаграмму такого вида:
Общее представление о процентном соотношении видов налога в консолидированном бюджете РФ данная диаграмма дает.
А данные Кольцевая диаграмма отображает значение в процентах от всего и это формат диаграммы доступны для использования в Microsoft PowerPoint 2010 и 2013 годах Категории представлены отдельными кусочками. Кольцевая графики функционально идентичны секторные диаграммы в том смысле, что вы можете отобразить практически одни и те же данные. Есть два типа диаграмм: пончик пончик и взорвался пончик.
Основной способ создания пончика диаграммы с помощью галереи при вставке диаграммы.
Выберите Вставить -> Chart, а затем выберите Пончик из списка.
Теперь вы можете настроить диаграмму путем добавления данных в таблицу. Если вам нужно добавить новую серию данных с концентрической окружности в графике, вы можете добавить новый столбец в выборке данных в электронной таблице.
Другой способ сделать Кольцевая диаграммы в PowerPoint 2010
Вот еще один основной способ добавить диаграмму пончика диаграммы в PowerPoint из простой круговой диаграммы.
Мы начинаем создание простой круговой диаграммы в PowerPoint. Основной круговая диаграмма в PowerPoint 2010 можно вставить с помощью диаграммы галереи.
Настройка круговой диаграммы для отображения данных, которые вы хотите. Затем добавьте простой круг в центре круговой диаграммы.
Теперь повторите процесс и добавить дополнительный концентрический круг в центре первого круга формы, который был добавлен.
Теперь, давайте заполнить первую форму с белым фоном и второй формы (внутренний один) с хорошим фоном стиле. Вы можете использовать градиенты, например радиальный стиль градиента плюс хороший эффект тени.
Здесь у вас есть отдельные элементы, которые мы будем использовать, чтобы составить график пончика. Два кружил формы и круговой диаграммы.
Вы можете настроить внутренний круг путем изменения свойств формата Shape.
И, наконец, наша редактируемые кольцевая диаграмма будет выглядеть следующим образом.
Вы можете узнать больше о том, как представить свои данные в тороидальной диаграмме, скачать шаблоны диаграмм пончика или вы можете скачать бесплатно PowerPoint и диаграммы шаблонов. Если вам нужен этот шаблон, не стесняйтесь обратиться к нам, мы можем любезно послать его к вам.
В интернете много примеров и руководств по закруглению углов у блока или таблиц, но, как правило, данные руководства основаны на использовании изображений или на использовании дополнительных блоков.
В сегодняшнем руководстве я покажу, как можно закруглить углы таблицы, используя только CSS .
Непосредственно разметка (Вторая таблица отличается компоновкой ячеек в верхней строке):
| Nulla gravida. | Urna augue. | Nunc iaculis bibendum. | |
| Vestibulum tempor | Laoreet eros semper ut. | ||
| Vivamus quis nisi lacus. | Cras id felis eu purus tempor dictum in at lorem. | facilisis iaculis magna diam id quam. eleifend. | Pellentesque cursus, nunc ut facilisis hendrerit |
1. Закругляем углы непосредственно у таблицы (тег table).
BContentTables{ border:1px solid #CCCCCC; width:100%; moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari, Google Chrome */ -khtml-border-radius: 10px; /* KHTML */ -o-border-radius: 10px; /* Opera */ -ms-border-radius: 10px; /* IE8 */ border-radius: 10px; /* CSS3 */ overflow:hidden; margin:0.7em auto; }
2. Убираем любой фон у первой строки.
Tr.bCTable_Header {background: none;}
3. При помощи псевдокласса:first-child и комбинатора > выбираем первую ячейку в таблице. Закругляем у первой ячейки левый верхний угол. Фон первой строки складывается из фона ячеек данной строки.
Tr.bCTable_Header:first-child > td:first-child{ border-radius:10px 0px 0 0; -webkit-border-radius:10px 0 0 0; -moz-border-radius:10px 0 0 0; -ms-border-radius:10px 0 0 0; -o-border-radius:10px 0 0 0; -khtml-border-radius: 10px 0 0 0; } tr.bCTable_Header td{ color:white; font-size:110%; background-color:#00843C;}
4. При помощи псевдокласса:last-child и комбинатора > выбираем последнюю ячейку в первой строке. Для нее закругляем правый верхний угол.
Tr.bCTable_Header:first-child > td:last-child{ border-radius:0 10px 0 0; -webkit-border-radius:0 10px 0 0; -moz-border-radius:0 10px 0 0; -ms-border-radius:0 10px 0 0; -o-border-radius:0 10px 0 0; -khtml-border-radius: 0 10px 0 0; }
5. У последней строки закругляем нижние углы. Не забудьте удалить фон у последней строки; фон строки задается посредством фона ячеек последней строки.
BContentTables tr:last-child{ border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -ms-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px; -khtml-border-radius: 0 0 10px 10px; background:none; }
6. Затем по аналогии с пунктами 3-4 в последней строке закругляем углы у первой и крайней ячейки.
BContentTables tr:last-child td{background-color:#F1F1F2;} .bContentTables tr:last-child td:first-child{ border-radius:0 0 0 10px; -webkit-border-radius:0 0 0 10px; -moz-border-radius:0 0 0 10px; -ms-border-radius:0 0 0 10px; -o-border-radius:0 0 0 10px; -khtml-border-radius: 0 0 0 10px;} .bContentTables tr:last-child td:last-child {border-radius:0 0 10px 0; -webkit-border-radius:0 0 10px 0; -moz-border-radius:0 0 10px 0; -ms-border-radius:0 0 10px 0; -o-border-radius:0 0 10px 0; -khtml-border-radius: 0 0 10px 0; }