Шаблон:Строчный блок

Материал из свободной русской энциклопедии «Традиция»
Перейти к: навигация, поиск

Шаблон {{строчный блок}} является дальнейшим эволюционным развитием идеи галерей изображений: с его помощью нетрудно создать строку иллюстраций (в том числе — мультимедийных), размер которых задаётся индивидуально, а общая ширина строки подстраивается под ширину окна у читателя.

Ограничения галерей, преодолеваемые строчными блоками

Код типичной галереи выглядит примерно так:

<gallery perrow=3 widths="150px" heights="150px">
Файл:T-logo.png|Логотип Традиции
Файл:Alonso (Renault) qualifying at USGP 2005.jpg|Гоночный автомобиль (болид)
Файл:St Basils Cathedral-500px.jpg|Собор Василия Блаженного
Файл:Dormition (Kremlin).JPG|Успенский собор
Файл:NASA-Apollo8-Dec24-Earthrise.jpg|Восход Земли на Луне
Файл:PIA04866 modest.jpg|Юпитер
Файл:Mercury in color - Prockter07 centered.jpg|Меркурий
</gallery>

Итог отображения этого кода таков:

При всех своих достоинствах галереи обладают следующими легко заметными ограничениями:

  • Число иллюстраций, приходящихся на один ряд галереи, настраивается (это одно из достоинств галереи), однако, если в последнем ряду недостаёт иллюстраций,[1] то получается пустое белёсое пространство, огороженное рамкою, выглядит это не слишком-то уютно.
  • Единожды задав предельные размеры иллюстраций всей галереи (150×150 пикселов в вышеприведённом примере), никак нельзя отдельно донастроить в ней размер некоторой отдельной иллюстрации.
  • Размер галереи по ширине неминуемо равен арифметическому произведению числа иллюстраций в ряду на ширину одной иллюстрации (с учётом обрамляющих её границ): галерея не умеет увеличивать или уменьшать число иллюстраций в ряду, сообразуясь с шириной экрана читателя Традиции. Соответственно, автору статьи поневоле приходится делать галерею достаточно узкою, чтобы она не приводила к появлению горизонтальной прокрутки у обладателей нешироких экранов — но тогда галерея закономерно занимает малую часть ширины у обладателей широких экранов, так что пространство используется нерационально: справа от галереи бывает у них пусто.
  • В галерее могут использоваться только картинки, но не мультимедийные иллюстрации (видеопроигрыватели, звукопроигрыватели, слайды презентаций, фотопанорамы).

Употребление строчных блоков

Чтобы избежать всех этих недостатков, достаточно отказаться от использования галереи и оформить каждый элемент её в качестве миниатюры (thumb) внутри строчного блока, индивидуально задавая параметры миниатюры. В частности, код вышеприведённого примера (разбавленный мультимедийными вставками) будет (после такого переоформления) иметь следующий вид:

{{строчный блок|1=[[Файл:Alonso (Renault) qualifying at USGP 2005.jpg|thumb|200px|Гоночный автомобиль (болид)]]}}
{{строчный блок|1={{NewsTube|8ad84bb4-f3e8-4b37-ab60-d38f4e76c5e0|Митинг оппозиции за отмену статьи 282|ширина=200}}}}
{{строчный блок|1=[[Файл:St Basils Cathedral-500px.jpg|thumb|200px|Собор Василия Блаженного]]}}
{{строчный блок|1={{BlipTV|g_UvgZmZBQI|3=Русское Сопротивление|ширина=200}}}}
{{строчный блок|1=[[Файл:Dormition (Kremlin).JPG|thumb|200px|Успенский собор]]}}
{{строчный блок|1={{YouTube|ZPKayupzdpw|Небо славян|ширина=200}}}}
{{строчный блок|1=[[Файл:NASA-Apollo8-Dec24-Earthrise.jpg|thumb|200px|Восход Земли на Луне]]}}
{{строчный блок|1={{RuTube|51db8e6411f364cedd16a4f9cf8e381c|3=Как правильно загрузить видео на RuTube|ширина=200}}}}
{{строчный блок|1=[[Файл:PIA04866 modest.jpg|thumb|200px|Юпитер]]}}
{{строчный блок|1=[[Файл:Mercury in color - Prockter07 centered.jpg|thumb|350px|Меркурий]]}}

Итог отображения этого кода таков:

Гоночный автомобиль (болид)
Митинг оппозиции за отмену статьи 282
Собор Василия Блаженного
Русское Сопротивление
Успенский собор
Небо славян
Восход Земли на Луне
Как правильно загрузить видео на RuTube
Юпитер
Меркурий

Обратите внимание на следующие достоинства строчных блоков, иллюстрируемые этим примером:

  • Если изменять ширину окна браузера, то нетрудно видеть, как строчные блоки будут переноситься на другую строку (отсюда название «строчный блок»), подобно словам в предложении. Их общая ширина подстраивается под ширину окна браузера. Каждая последующая строка начинается непосредственно под предыдущей.
  • Если в конце последней строки иллюстраций остаётся пустое пространство, пустота его не подчёркивается никакой рамкою или цветом фона, то есть не становится заметной и зияющей пустотою.
  • Величину любой отдельной иллюстрации можно указать индивидуально (для примера размер фото Меркурия, последнего в последней строке, задан увеличенным).
  • В галерее могут использоваться не только картинки, но и мультимедийные иллюстрации (в вышеприведённом примере представлены только те видеопроигрыватели, которые пристойно выглядят при ширине, заданной равною 200 пикселов).

Методические рекомендации

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

{{строчный блок|1=[[Файл:Alonso (Renault) qualifying at USGP 2005.jpg|thumb|10000x211px|Гоночный автомобиль (болид)]]}}
{{строчный блок|1=[[Файл:St Basils Cathedral-500px.jpg|thumb|10000x211px|Собор Василия Блаженного]]}}
{{строчный блок|1=[[Файл:Dormition (Kremlin).JPG|thumb|10000x211px|Успенский собор]]}}
{{строчный блок|1=[[Файл:NASA-Apollo8-Dec24-Earthrise.jpg|thumb|10000x211px|Восход Земли на Луне]]}}
{{строчный блок|1=[[Файл:PIA04866 modest.jpg|thumb|10000x211px|Юпитер]]}}
{{строчный блок|1=[[Файл:Mercury in color - Prockter07 centered.jpg|thumb|10000x211px|Меркурий]]}}

(Предельные размеры иллюстраций заданы здесь в форме «10000x211px»: предельная ширина много больше предельной высоты, так что именно ограничение высоты становится единственным реальным ограничением размеров рисунка.)

Итог отображения этого кода таков:

Гоночный автомобиль (болид)
Собор Василия Блаженного
Успенский собор
Восход Земли на Луне
Юпитер
Меркурий

Если же строчных блоков хватит на полторы-две строки или более того, то уместно уравнять их ширину: тогда строчные блоки равной ширины, визуально соответствуя друг другу в начале каждой строки, будут составлять красивые «столбцы» равной ширины, будто в незримой таблице. Так же следует поступать, когда среди строчных блоков попадаются мультимедийные иллюстрации: шаблоны, посредством которых мультимедия помещается в Традицию, позволяют подчас управлять шириною помещаемой иллюстрации, но никогда высотою.[2] Именно так оформлены мультимедийные блоки (и вся строка строчных блоков) в предшествующем примере.

Примечания

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