Действия

Руководство по таблицам

Материал из ВикиВоины

0.00
(0 голосов)

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

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

Таблицы без изображений

Такие таблицы содержат только заголовки и текст, и как правило не должны содержать более 2-х или 3-х столбцов. Из того, где это может использоваться на ВикиВоинах, актуальными являются разве что таблицы "Корпус и бронирование" в статьях о боевой технике.

Вот пример такого шаблона и его результат:

Код Результат
{| class="wikitable" 
! colspan="2" | Бронирование АТ-1
|- 
| Тип брони
| стальная катаная гомогенная
|- 
| Лоб корпуса
| 13 мм
|- 
| Борт корпуса
| 13 мм
|- 
| Корма корпуса
| 13 мм
|- 
| Днище
| 6 мм
|- 
| Крыша
| 10 мм
|}
Бронирование АТ-1
Тип брони стальная катаная гомогенная
Лоб корпуса 13 мм
Борт корпуса 13 мм
Корма корпуса 13 мм
Днище 6 мм
Крыша 10 мм

Как мы видим, таблица состоит из открывающего {| и закрывающего элемента |}, между которыми с каждой новой строчки следуют вертикальные черты |. В первой строке вместе с открывающим элементом указывается class="wikitable", чтобы к таблице применились специфические стили, принятый на ВикиВоинах. На следующей строке, которая является заголовком таблицы, вместо вертикальной черты следует указать следующий код: ! colspan="2" |, после чего на этой же строке указывается заголовок данной таблицы. Восклицательный знак ! отвечает за применение конкретно к этой строке особых стилей, чтобы визуально выделить заголовок от обычных ячеек, а colspan="2" означает, что в этой строке 2 столбца будут объединены в один. Если ваша таблица имеет три колонки, то следует указать colspan="3" и т. д. Далее следует символ |-, который обозначает разделение строки, все что написано под ним уже пойдет на новую строку. Поскольку наша таблица имеет 2 столбца, то ниже |- идет два знака | со значениями для новой строки. Первый текст будет отображаться в левой ячейке, второй (тот что ниже) — в правой. После них снова разделитель строки |- и т. д. Заканчивается таблица, как уже упоминалось выше, закрывающим элементом |}.

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

Если же внутри стандартной таблицы необходимо сделать разграничитель, то перед содержание ячейки, которая станет разделителем, необходимо указать код style="background: #c53b34; color: white; text-align: center" colspan="3" |, где значению "colspan" будет соответствовать количество колонок в вашей таблице (как правило, 2 или 3). Важно, чтобы в данной строке больше не было других столбиков, то есть строка с разделителем сверху и снизу была обрамлена в разделители строки |-. Вот пример подобного кода:

Код Результат
{| class="wikitable"
! colspan="3" | Таблица бронепробиваемости для 76-мм танковой пушки ЗИС-5
|- 
|  style="background: #c53b34; color: white; text-align: center" colspan="3" | БР-350A
|-
| Дальность, м 
| При угле встречи 60°, мм 
| При угле встречи 90°, мм
|-
| 100 
| 86 / 69
| 89 / 80
|-
| 300 
| 79 / 63 
| 84 / 76
|-
|  style="background: #c53b34; color: white; text-align: center" colspan="3" | БР-350Б
|-
| 100 
| 89 / 74
| 94 / 86
|-
| 300 
| 82 / 69
| 90 / 81
|-
|}
Таблица бронепробиваемости для 76-мм танковой пушки ЗИС-5
БР-350A
Дальность, м При угле встречи 60°, мм При угле встречи 90°, мм
100 86 / 69 89 / 80
300 79 / 63 84 / 76
БР-350Б
100 89 / 74 94 / 86
300 82 / 69 90 / 81

Таблицы с изображениями

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

Таблица в три столбика

Самый распространенный тип таблиц, где в первом столбике показано изображение, во втором — название или имя, а в третьем — описание или характеристика. Именно эта таблица используется в разделе о вооружении и в некоторых списках персонажей. Для этого используется шаблон:Таблица-3.

Для начала создадим заголовок таблицы и первую строку. По умолчанию 1-я колонка имеет заголовок "Изображение", 2-я — "Название" и 3-я — "Описание". При необходимости эти значения можно изменить, указав для аргументов "заголовок-1", "заголовок-2" и "заголовок-3" нужные значения. Например, код будет выглядеть следующим образом:

{{Таблица-3
|заголовок-1 = Фото
|заголовок-2 = Имя
|заголовок-3 = Примечание
|содержание =
}}

Результат будет следующим:

Фото
Имя
Примечание

Если заголовки по умолчанию подходят (Изображение, Название, Описание), а в большинстве случае они подходят, то аргументы "заголовок-1", "заголовок-2" и "заголовок-3" указывать не стоит.

Теперь перейдем к заполнению аргумента "содержание". В него нужно вкладывать строку, которая также является отдельным шаблоном. В данном случае для таблицы-3 необходимо использовать строку с тремя столбцами. Строка имеет 3 аргумента — изображение, название и описание — каждый из которых отвечает за контент в соответствующих ячейках внутри этой строки. То есть контент, указанный для аргумента "изображение" будет выводится в первой ячейке, для аргумента "название" — во второй и для аргумента "описание" — в третьей. Название аргументов не зависят от того, если вы изменяли заголовок всей страницы (если у вас для первого столбца было указано значение "Фото", то аргумент для этой ячейки по-прежнему будет "изображение").

Вот пример такого кода с одной строкой:

{{Таблица-3
|содержание=
{{Строка-3
|изображение = [[Файл:55997969_Franciya_ruzhe_1.jpg|250px]]
|название = [[Пехотный мушкет обр. 1777 г.]]
|описание =
*Калибр: 17,5 мм
*Длина: 152 см
*Вес: 4,64 кг
Самый распространенный мушкет, но со значительными недостатками. 
}}
}}

На выходе имеем такую таблицу с одной строкой:

Изображение
Название
Описание
55997969 Franciya ruzhe 1.jpg
  • Калибр: 17,5 мм
  • Длина: 152 см
  • Вес: 4,64 кг

Самый распространенный мушкет, но со значительными недостатками.

Следующие строки добавляются аналогичным образом, после двойных фигурных скобок, закрывающих предыдущую строку, открываются новые двойные фигурные строки с названием этого же шаблона — "Строка-3". Когда строк будет слишком много, их возможно понадобиться сгруппировать по тематике ("Холодное оружие" и "Огнестрельное оружие", "Пехота" и "Кавалерия" и т. д.), для этого вместо строки нужно вызвать шаблон строка-разделитель. Это одна сплошная строка отличительного цвета с единственным аргументом — "название разделителя" — это тот текст, который будет выводиться по центру разделителя. Посмотрим на пример такой таблицы с несколькими строками и разделителем:

{{Таблица-3
|содержание=
{{Строка-разделитель
|название разделителя = Мушкеты
}}
{{Строка-3
|изображение = [[Файл:55997969_Franciya_ruzhe_1.jpg|250px]]
|название = [[Пехотный мушкет обр. 1777 г.]]
|описание = 
* Калибр: 17,5 мм
* Длина: 152 см
* Вес: 4,64 кг
Самый распространенный мушкет, но со значительными недостатками. 
}}
{{Строка-3
|изображение = [[Файл:Пехотное_ружье_образца_IX_года.png|250px]]
|название = [[Пехотный мушкет обр. IX г.]]
|описание = 
*Калибр: 17,5 мм
*Длина: 151,5 см
*Вес: 4,375 кг
Немного модифицированный вариант образца 1777 г.
}}
{{Строка-разделитель
|название разделителя = Холодное оружие
}}
{{Строка-3
|изображение = [[Файл:Французский_Драгунский_Палаш_(модель_IV).jpg|250px]]
|название = [[Драгунский палаш обр. IV г.]]
|описание = 
*Длина: 85 - 90 см
*Вес: 1,8 кг
На вооружении [[Драгуны Великой армии|драгун]].
}}
{{Строка-3
|изображение = [[Файл:D5qfr90-c0c34e82-31f5-4950-b752-b1f95db77e66-min.jpg|250px]]
|название = [[Трёхлезвийная коса]]
|описание = 
* Длина: 1,5 м</li>
* Вес: Около 5 - 7 кг</li>
* Тип урона: Режущий, Рубящий, Колющий, Дробящий</li></ul>
Основная цель трёхлезвийной косы — помочь Хидану собрать кровь противника, необходимую для его ритуала Проклятия. Из-за этого данное оружие предназначено не столько для того, чтобы убить цель, сколько ранить её, независимо от того, насколько большой или малой рана должна быть. Из-за большого размера и, соответственно, веса, Хидан утверждал, что коса сильно тормозила его скорость атаки, и это делало его самым медленным участником [[Акацки]]. Несмотря на это, он довольно проворно манипулировал ею, и, например, мог использовать косу, чтобы отразить летящий [[сюрикен]].
}}
}}

На выходу получается такая таблица:

Изображение
Название
Описание

Мушкеты

55997969 Franciya ruzhe 1.jpg
  • Калибр: 17,5 мм
  • Длина: 152 см
  • Вес: 4,64 кг

Самый распространенный мушкет, но со значительными недостатками.

Пехотное ружье образца IX года.png
  • Калибр: 17,5 мм
  • Длина: 151,5 см
  • Вес: 4,375 кг

Немного модифицированный вариант образца 1777 г.

Холодное оружие

Французский Драгунский Палаш (модель IV).jpg
  • Длина: 85 - 90 см
  • Вес: 1,8 кг

На вооружении драгун.

D5qfr90-c0c34e82-31f5-4950-b752-b1f95db77e66-min.jpg
  • Длина: 1,5 м
  • Вес: Около 5 - 7 кг
  • Тип урона: Режущий, Рубящий, Колющий, Дробящий

Основная цель трёхлезвийной косы — помочь Хидану собрать кровь противника, необходимую для его ритуала Проклятия. Из-за этого данное оружие предназначено не столько для того, чтобы убить цель, сколько ранить её, независимо от того, насколько большой или малой рана должна быть. Из-за большого размера и, соответственно, веса, Хидан утверждал, что коса сильно тормозила его скорость атаки, и это делало его самым медленным участником Акацки. Несмотря на это, он довольно проворно манипулировал ею, и, например, мог использовать косу, чтобы отразить летящий сюрикен.

Таблица в четыре столбика

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

Шаблон:Таблица-4 работает также само, как и шаблон:таблица-3, разница только в количестве аргументов и значений для них. Сам шаблон имеет 5 аргументов: главный аргумент это "содержание" — в него передается код строк и разделителей, о которых будет написано ниже. Еще 4 опциональных аргумента — это названия колонок. По умолчанию 1-я колонка имеет заголовок "Изображение", 2-я — "Название", 3-я — "Описание", 4-я — "Дополнение". При необходимости эти значения можно изменить, указав для аргументов "заголовок-1", "заголовок-2", "заголовок-3" и "заголовок-4" нужные значения. Например, код будет выглядеть следующим образом:

{{Таблица-4
|заголовок-1 = Фото
|заголовок-2 = Имя
|заголовок-3 = Биография
|заголовок-4 = Оружие
|содержание = 
}}

Результат будет следующим:

Фото
Имя
Биография
Оружие

Если заголовки по умолчанию подходят (Изображение, Название, Описание? Дополнение), то аргументы "заголовок-1", "заголовок-2", "заголовок-3" и "заголовок-3" указывать не стоит. Зачастую может понадобиться поменять только название одного из столбика, как правило последнего, для этого будет достаточно указать только аргумент "заголовок-4" и указать для него желаемое название.

Теперь перейдем к заполнению аргумента "содержание". В него нужно вкладывать строку, которая также является отдельным шаблоном. В данном случае для таблицы-4 необходимо использовать строку с четырьмя столбцами. Строка имеет 4 аргумента — изображение, название, описание и дополнение — каждый из которых отвечает за контент в соответствующих ячейках внутри этой строки. То есть контент, указанный для аргумента "изображение" будет выводится в первой ячейке, для аргумента "название" — во второй, для аргумента "описание" — в третьей и для аргумента "дополнение" — в четвертой. Название аргументов не зависят от того, если вы изменяли заголовок всей страницы (если у вас для первого столбца было указано значение "Фото", то аргумент для этой ячейки по-прежнему будет "изображение").

Вот пример такого кода с одной строкой и с измененным названием четвертого столбца:

{{Таблица-4
|заголовок-4 = Оружие
|содержание=
{{Строка-4
|изображение = [[File:Воины_в_тряпичных_человечках.jpg|200px]]
|название = Воины в тряпичных человечках
|описание =
Воин в небольшой сетчатой одежде и ремешках, на которых прикреплены тряпичные человечки. В качестве головного убора используется чуть изогнутая палка, на которой "стоят" синие и белые тряпичные человечки, и с которой свисают два красных тряпичных человечка. 
|дополнение = В качестве оружия используют [[лук]], обвитый ломанной деревянной конструкцией; вероятно, он должен быть сделан из невероятно гибкого дерева, иначе при попытке натянуть тетиву он попросту бы сломался, хотя и тетивы на рисунке нет. Возможно, это не лук, а [[метательная палица]], однако обычно такое оружие имеет меньшую длину. 
}}
}}

На выходе имеем такую таблицу с одной строкой:

Изображение
Название
Описание
Оружие
Воины в тряпичных человечках.jpg
Воины в тряпичных человечках

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

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

Таблица в четыре столбика-2

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

{{Таблица-4-2
|заголовок-4 = Пример ношения
|содержание = 
{{Строка-4-2
|изображение = [[Файл:Шлемы_ацтекских_воинов.jpg|200px]]
|название = [[Куакалалатльи]]
|описание =
* Страна: {{Мексика}} (Империя Ацтеков)
* Материал: кожа, хлопок, дерево, бамбук, бумага, кость
* Толщина: 1 - 4 см
Шлемы на территории современной Мексики в XIV - XVI веках обычно делались из разнообразных комбинаций кожи, хлопка, дерева, бумаги и кости. Часто декорировались мозаикой из камня, золотыми деталями, колокольчиками и бубенчиками. Головные уборы украшались также перьями в виде короны, гребня, веера, пучка или длинного хвоста из перьев, нередко во всевозможных сочетаниях. Зооморфные шлемы могли быть в виде голов орлов, койотов, ягуаров, аллигаторов. Ацтекские шлемы животных отличались от шлемов других народов Мезоамерики тем, что отверстием для лица служила пасть животного (либо клюв). За основу шлема брался череп животного, но усиливался древесиной, раскрашивался и украшался различными перьями. На вооружении [[Ацтеки|ацтеков]] и соседних племен.
|заголовок-4 = Пример ношения
|дополнение = [[Файл:Aztec_jaguar.jpg|200px]]
}}
}}

На выходе имеем такую таблицу с одной строкой:

Изображение
Название
Описание
Пример ношения
Шлемы ацтекских воинов.jpg

  • Страна: Mx.png Мексика (Империя Ацтеков)
  • Материал: кожа, хлопок, дерево, бамбук, бумага, кость
  • Толщина: 1 - 4 см

Шлемы на территории современной Мексики в XIV - XVI веках обычно делались из разнообразных комбинаций кожи, хлопка, дерева, бумаги и кости. Часто декорировались мозаикой из камня, золотыми деталями, колокольчиками и бубенчиками. Головные уборы украшались также перьями в виде короны, гребня, веера, пучка или длинного хвоста из перьев, нередко во всевозможных сочетаниях. Зооморфные шлемы могли быть в виде голов орлов, койотов, ягуаров, аллигаторов. Ацтекские шлемы животных отличались от шлемов других народов Мезоамерики тем, что отверстием для лица служила пасть животного (либо клюв). За основу шлема брался череп животного, но усиливался древесиной, раскрашивался и украшался различными перьями. На вооружении ацтеков и соседних племен.

Пример ношения:
Aztec jaguar.jpg