Таблицы и прочие радости. Теория (Игорь Штанг)

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

2. Мы уверены, что таблицы — хорошее упражнение не только для дизайнеров. С их помощью можно продвинуться в верстке, редактуре, анализе данных, представлении информации. Об универсальности многих тем говорят их названия: Форма, Сортировка и группировка, Выравнивание, Наглядность.

3. У нас накопилось столько интересного материала, что было бы преступлением им не поделиться :–)

Как устроен курс
Курс состоит из 14 глав, 13 из которых уже написаны. Последнюю главу планируем выложить в апреле 2022 года. У некоторых глав есть  практические задания.

1
Табличное представление
Прежде всего разберемся, что такое таблица, чем она отличается от сплошного текста и от списка.

2
Шрифт
Выбор шрифта для таблицы — ответственная задача. Правильный шрифт упростит жизнь и дизайнеру, и читателю.

3
Повторы
Повторы съедают много места и отвлекают внимание от остальных данных. К счастью, есть много способов это исправить.

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

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

6
Выравнивание
Задача выравнивания — создать правильные связи между элементами таблицы.

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

8
Форма
Даже идеальные содержание и структура не гарантируют таблице хорошую форму — о ней стоит подумать отдельно.

9
Ритм
Правильный ритм не только делает верстку аккуратной, но и раскрывает структуру данных.

10
Наглядность
Таблица необязательно должна быть просто набором данных, она может представлять их наглядно.

11
Вместо таблицы
Апрель 2022

12
Шапка
Шапка — это верхняя строка или несколько строк таблицы, в которых расположены заголовки колонок.

13
Боковик
Боковик находится слева от прографки и выполняет ту же функцию, что и шапка: если шапка озаглавливает колонки, то боковик — строки.

14
Примечания
Примечанием может быть всё, что выбивается из основной структуры таблицы. Таким «неосновным» данные стоит уделить особое внимание.


Внимание.
В раздаче 14 HTML файлов.
Открываются любым браузером.