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

Материал из РациоВики
Перейти к навигации Перейти к поиску

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

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

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

<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|Меркурий]]}}

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

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

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

  • Если изменять ширину окна браузера, то нетрудно видеть, как строчные блоки будут переноситься на другую строку (отсюда название «строчный блок»), подобно словам в предложении. Их общая ширина подстраивается под ширину окна браузера. Каждая последующая строка начинается непосредственно под предыдущей.
  • Если в конце последней строки иллюстраций остаётся пустое пространство, пустота его не подчёркивается никакой рамкою или цветом фона, то есть не становится заметной и зияющей пустотою.
  • Величину любой отдельной иллюстрации можно указать индивидуально (для примера размер фото Меркурия, последнего в последней строке, задан увеличенным).
  • В галерее могут использоваться не только картинки, но и мультимедийные иллюстрации (в вышеприведённом примере представлены только те видеопроигрыватели, которые пристойно выглядят при ширине, заданной равною 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 формулу зависимости высоты мультимедийного блока от ширины, и с нею найти ту ширину, которая необходима для желаемой высоты. Но лучше бы не тратить на это своё время.