как сделать красивую таблицу

ВАЖНО! Для того, что бы сохранить статью в закладки, нажмите: CTRL + D

Задать вопрос ВРАЧУ, и получить БЕСПЛАТНЫЙ ОТВЕТ, Вы можете заполнив на НАШЕМ САЙТЕ специальную форму, по этой ссылке >>>

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

1. Таблица с раздельными строками

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

Разметка HTML

2. Цветная таблица

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

Разметка HTML

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

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

Источник: http://html5book.ru/krasivoe-oformlenie-tablic/

Чтобы не тратить время на монотонные действия, связанные с оформлением таблицы, вы можете использовать уже готовый стиль — набор параметров, например таких, как толщина линий рамки, цвет заливки таблицы, которые объединены в группу с уникальным названием. Применяя к таблице какой-либо стиль, вы задаете формат сразу для всей таблицы.

По умолчанию к любой таблице, которую вы вставляете в документ, применяется стиль Сетка-таблица (Table Grid). Но вы всегда можете поменять его на любой другой готовый стиль оформления таблицы, выбрав, например, стиль:

  • классическая таблица;
  • простая таблица;
  • изысканная таблица;
  • веб-таблица;
  • таблица-список.

Для этого выполните следующие шаги.

  1. Установите указатель мыши в области таблицы. Откройте вкладку Конструктор (Design).
  2. В группе Стили таблиц (Table Styles) щелкните по кнопке Дополнительные параметры (More), и перед вами раскроется полный список образцов стилей таблиц. Цвет стилей таблицы соответствует выбранной теме документа.
  3. Перемещая указатель мыши от одного стиля к другому, в области документа благодаря функции предпросмотра вы сможете увидеть, как будет выглядеть таблица, если вы примените к ней один из стилей. Когда подберете подходящий образец, щелкните по нему мышью.

Если вы передумаете, можете очистить стиль таблицы, выбрав в конце списка со стилями команду Очистить (Clear).

Ваша таблица может также содержать как строку заголовка, так и строку итогов. Чтобы сделать эти строки более контрастными по отношению к общему фону таблицы, обратимся к группе Параметры стилей таблиц (Table Style Options) на вкладке Конструктор (Design).

  1. При установке флажков Строка заголовка (Header Row) и Строка итогов (Total Row), первая и последняя строки таблицы будут выделены либо цветом, либо более жирными ограничительными линиями.
  2. Если требуется привлечь внимание читателя к данным, расположенным в первом или последнем столбце, установите флажки Первый столбец (First Column) и Последний столбец (Last Column).
ЧИТАЙТЕ ТАКЖЕ:  как сделать папку невидимой в windows 7

Имейте в виду: подобное форматирование можно применять лишь к некоторым стилям.

Источник: http://ladyoffice.ru/kak-v-word-2010-vybrat-stil-oformleniya-tablicy

Как красиво оформить таблицу в Word 2016

В документах Word помимо текста и иллюстраций, часто необходимо предоставить информацию в виде таблицы. Как это сделать, чтобы было не только информативно, но и красиво, рассмотрим в этой статье.

В самых свежих версия Word 2013/2016 таблица создается элементарно – путем нажатия кнопки «Таблицы» во вкладке «Вставка». В выпавшем окошке задаем необходимое количество строк и столбцов, выделяя курсором нужное количество квадратиков. После кликаем левой кнопкой мышки и таблица появляется у нас на листе.

В Word 2016 инструменты по оформлению таблицы собраны в двух вкладках: «Конструктор» и «Макет». Чтобы начать с ними работать, нужно поместить курсор в одну из ячеек таблицы или выделить таблицу полностью – для этого подводим курсор к таблице к ее верхнему левому углу, где появляется квадратик с крестиком внутри и кликаем левой кнопкой мышки на этот квадратик. Наша таблица становится выделенной и открывается вверху вкладка «Конструктор». В этой вкладке ищем «Стили таблиц», наводим курсор и кликаем левой кнопкой мышки на иконку, обведенную на рисунке в красный круг.

Здесь, из всего многообразия шаблонов, мы можем выбрать любое оформление для нашей таблицы.

Кликаем левой кнопкой мышки на понравившийся шаблон – и наша таблица уже совсем по-другому смотрится.

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

Выделяем таблицу, как это было описано выше и во вкладке «Конструктор» кликаем на кнопку «Стили оформления границ». И здесь мы выбираем, как будут выглядеть границы у нашей таблицы.

Кликаем левой кнопкой мыши на понравившийся вариант.

Цвет границы можно изменить, кликнув на иконку «Цвет пера». Чтобы задать выбранные параметры, кликаем на иконку «Границы» и выбираем «Все границы» (клик левой кнопки мыши).

Если мы выберем какой-нибудь другой параметр, то границы будут окрашены выборочно, например «Внешние границы» приведут к окраске только внешнего контура таблицы.

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

ЧИТАЙТЕ ТАКЖЕ:  как сделать скан на телефоне

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

В выпавшем меню выбираем «Выровнять высоту строк». И таблица принимает симметричный вид.

Теперь в созданную нами таблицу можно вводить необходимую информацию.

И в двух словах хотелось бы остановиться на вкладке Макет. Здесь присутствует иконка «Данные», с помощью которой можно сортировать введенные данные по возрастанию/убыванию, появилась функция ввода формулы, как в «Exсel».

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

Источник: http://teaching.by/articles/81

Как сделать таблицу в ворд

Цель урока — создать свою таблицу в ворд.

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

Исходя из этого навык делания таблиц один из основных для человека владеющего word.

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

Задача которая перед нами стоит, — делать таблицы любой сложности.

1. Начнем мы с создания болванки — заготовки для более сложной таблицы. Считаем, сколько нужно строчков, для нашей таблицы, принимая к сведенью, что в случае если ячейка складывается из двух объединенных, то считаем обе. Так же считаем столбцы.

2. Создаем заготовку таблицы. Переходим на закладку «Вставка», после этого инструмент «Таблица» и выделяя необходимое количество ячеек создаем нашу таблицу.

Пример таблицы 5*4.

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

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

4. По окончании того, как необходимое количество ячеек объединено, мы можем поменять ширину столбцов и высоту строчков и ячеек таблицы.

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

ЧИТАЙТЕ ТАКЖЕ:  как сделать трубогиб своими руками чертежи

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

Нам удалось сделать таблицу в ворде 2010, мы смогли ее нарисовать, но время от времени сложно вычислить необходимое количество строчков либо столбцов.

Как добавить строки и столбцы в таблицу

1. Выделяем крайнюю с низу строчок.

2. Наводим на выделенную строчок курсор мыши и кликаем правой кнопкой.

3. В контекстном меню выбираем «Вставить» и в нашем случае «Строчок с низу».

Ознакомившись с алгоритмом, Вы имеете возможность его мало видоизменить, вследствие того что в word 2010 возможно делать один и те же задачи несколькими методами.

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

Источник: http://razryd2000.ru/life/kak-sdelat-tablicu-v-vorde.html

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

Красивые таблицы на CSS

Первая таблица, которую мы создадим.

Пример меню можно увидеть здесь:

Посмотреть примерСкачать

HTML часть

HTML каркас не содержит в себе ничего нового. Он выглядит следующим образом:

Сейчас добавим стили нашей таблице:

Пример меню можно увидеть здесь:

Посмотреть примерСкачать

HTML часть

Эта таблица немного больше прошлой, но структура очень похожа:

Стили немного другие, потому что нам необходимо изменить цвет строки при наведении:

Существует специальный сервис, который позволяет генерировать стили для таблиц, лишь передвигая ползунки. Я сделал видео об этом сервисе, которое находится ниже. Сервис находится по ссылке — tablestyler.com (был найден новый сервис и ссылка обновлена 2 июня 2017 года). На видео идет видеообзор старого сервиса, но и с новым вы разберетесь 🙂 .

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

Источник: http://www.sitehere.ru/krasivye-tablicy-na-css-video

Ссылка на основную публикацию