Презентация "Размещение изображений в среде WikiWiki"

Размещение изображений в среде WikiWiki Вставка без изменения размеров

• Чтобы вставить загруженное изображение в статью, достаточно указать ссылку на него: [[Изображение:Файл]].

• Если вы хотите дать только ссылку на изображение, не воспроизводя его на странице, то поставьте двоеточие перед словом «Изображение»:
[[:Изображение:Файл]].
• Щелчок на такую надпись загружает страницу самого изображения.

Пояснительная подпись

• Чтобы сделать поясняющую подпись, используется атрибут «frame»: [[Изображение:Wiki.png|frame|Пояснительная подпись]] Он заключает изображение в рамку и смещает изображение вправо.

Другим вариантом для подписи к изображению является использование таблицы с class-атрибутом «rimage»:

• Другим вариантом для подписи к изображению является использование таблицы с class-атрибутом «rimage»:
Этот атрибут создаёт рамку вокруг изображения, прижимает всю таблицу вправо, но, кроме того, ещё и центрирует подпись.

{| class=rimage |[[Изображение:Wiki.png]] |- |''Подпись под изображением.'‘ |}

Уменьшение размеров

• Атрибуты «thumb» или «thumbnail», вставленные между именем файла и пояснительной подписью, уменьшают ширину изображения (в зависимости от настроек пользователя — от 120px до 300px; высота изменяется пропорционально), прижимают его вправо и помещают в рамку:
• [[Изображение:Wiki.png|thumb|Пояснительная подпись]]
• Кроме того, справа от пояснительной подписи появляется специальный значок: щёлкнув по нему, можно перейти на страницу изображения и посмотреть его в натуральную величину. Текст располагается слева от значка.

Для получения изображения заданной ширины (высота изменяется пропорционально), запишите её в пикселах (в формате ЧИСЛОрх). Этот атрибут можно использовать как отдельно, так и совместно с атрибутом «thumb»: Для получения изображения заданной ширины (высота изменяется пропорционально), запишите её в пикселах (в формате ЧИСЛОрх). Этот атрибут можно использовать как отдельно, так и совместно с атрибутом «thumb»: [[Изображение:Wiki.png|100px|Альтернативный текст для изображений]] Или [[Изображение:Wiki.png|thumb|100px|Пояснительная подпись]]

• Можно вписать изображение в прямоугольник заданного размера, указав его ширину и высоту:
[[Изображение:Wiki.png|thumb|200x100px|Пояснительная подпись]]

Расположение на странице Смещение вправо

• Пример: [[Wiki.png|100px|right|]]
• Текст, следующий за таким изображением, обтекает его слева. Не забудьте поставить вертикальную чёрточку «|» после слова «right»: это нужно для того, чтобы оно не воспринималось как альтернативный текст для изображения.
• Пример:
[[Изображение:Wiki.png|100px|right|Пояснительная подпись]]

Расположение на странице Смещение влево

• Пример:
[[Изображение:Wiki.png|100px|thumb|left|Пояснительная подпись]]
• Текст, следующий за таким изображением, обтекает его справа.

Окончание обтекания

• Для пометки окончания обтекающего изображение текста используйте специальный HTML-код:
<br clear="both" />
• Текст, расположенный после этого кода, будет начинаться с новой строки — и будет располагаться ниже нижнего края любого из изображений, расположенных прежде этого кода в статье.

Расположение по центру

• Для расположения изображения в центре страницы следует использовать атрибут «center».
Пример: [[Изображение:Wiki.png|100px|thumb|center|Пояснительная подпись]] Текст, следующий за таким изображением, не обтекает его ни с одной из сторон, а начинается ниже нижнего края изображения.

Дополнительные возможности Галереи Для вставки нескольких изображений в статью (например, изображений картин в статье о художнике), применяется специальный служебный тег <gallery>, который группирует изображения в галерею (по 4 изображения в каждом ряду). В простейшем случае используется следующий синтаксис.

<gallery> Изображение:wiki.png Изображение:wiki.png|Подпись Изображение:wiki.png|Подпись с [[Заглавная страница|ссылкой]] </gallery>

Пример более изощрённого синтаксиса

<gallery caption='Можно добавлять заголовки'> Также можно вставлять текст Изображение:Wiki.png|Тарелка Изображение:Wiki.png|и снова она Изображение:Wiki.png </gallery>