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

  • pptx
  • 06.05.2020
Публикация на сайте для учителей

Публикация педагогических разработок

Бесплатное участие. Свидетельство автора сразу.
Мгновенные 10 документов в портфолио.

Иконка файла материала 6. Размещение изображений в среде WikiWiki.pptx

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

Вставка без изменения размеров

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

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

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

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

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





Этот атрибут создаёт рамку вокруг изображения, прижимает всю таблицу вправо, но, кроме того, ещё и центрирует подпись.

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

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

Атрибуты «thumb» или «thumbnail», вставленные между именем файла и пояснительной подписью, уменьшают ширину изображения (в зависимости от настроек пользователя — от 120px до 300px; высота изменяется пропорционально), прижимают его вправо и помещают в рамку:
[[Изображение:Wiki.png|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-код:




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

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

Для расположения изображения в центре страницы следует использовать атрибут «center».
Пример:

[[Изображение:Wiki.png|100px|thumb|center|Пояснительная подпись]]

Текст, следующий за таким изображением, не обтекает его ни с одной из сторон, а начинается ниже нижнего края изображения.

Дополнительные возможности

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

В простейшем случае используется следующий синтаксис.


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

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


Также можно вставлять текст

Изображение:Wiki.png|Тарелка
Изображение:Wiki.png|и снова она
Изображение:Wiki.png