ПскоВики:Хранилище

Материал из ПскоВики — сайта педагогического сообщества Псковской области

Перейти к: навигация, поиск

Содержание

ПскоВики работает на принципе «ВикиВики»: любой желающий может свободно отредактировать любую статью и изменения будут сразу же учтены и отображены на сайте. В этом хранилище, размещены примеры применяя вики-разметки.

Основы

Редактировать статью легко. Следуйте ссылке «править». Откроется страница правки; на ней есть текстовая форма с исходным текстом статьи, который содержит особые символы. (Это разметка «вики», описанная ниже.)

Затем:

  1. внесите желаемые изменения в исходный текст;
  2. для проверки правильного отображения страницы (форматирования, формул, ссылок, картинок), нажмите кнопку «Предварительный просмотр»;
    • функция «Внесённые изменения» позволяет сравнить настоящую версию исходного кода с тем, что у вас в окне редактирования;
  3. если со страницей всё в порядке, опубликуйте свою новую версию нажатием кнопки «Записать страницу».

Часто бывает удобно предварительно скопировать текст в текстовый редактор Word (через буфер обмена), отредактировать, а затем перенести обратно в окно браузера.

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

Кроме того, вы можете обсуждать статьи с другими участниками. Для этого перейдите к странице «Обсуждение». Для каждой статьи может существовать параллельная страница с её обсуждением. Участники просто редактируют эту страницу, так же, как и статьи. В обсуждениях, опять же, следует придерживаться правил; главное — избегайте резкости и подписывайтесь (четыре тильды ~~~~ в коде страницы).

Создание новой статьи

Создание новой статьи ПскоВики - возможные пути.
  • Один из самых простых способов начать новую страницу — ввести что-нибудь типа нижеприведенного в строку адреса браузера:

То есть ввести адрес несуществующей страницы:

http://wiki.pskovedu.ru/index.php/Пример названия статьи

Замените «Пример названия статьи» на название вашей статьи и введите.

  • Введите в окошечко Поиск в левой части экрана имя статьи , которую вы хотите написать и используйте кнопку Перейти . Если такая статья уже есть, то ПскоВики предложит Вам её к чтению и правке. Если такой статьи еще нет, то вы будете ее первым автором, далее по ссылке создать страницу!!!
  • Во время редактирования существующей статьи, какое-либо слово или фразу просто введите в двойные квадратные скобки, [[вот так]].

При этом, если слово, которое находится в тексте, стоит в косвенном падеже, то надо поставить чёрточку перед этим словом, и записать перед ним слово в именительном, например: «в [[Теория Павлова|теории Павлова]]».

Когда вы сохраните эту статью, это слово либо укажет на статью, если она уже существует, или станет одной из «красных ссылок», которые позволят вам создавать статью.

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

Вики-разметка

Ниже приведена справочная таблица по редактированию. Прежде чем применять эти «инструменты» на «живом теле» ПскоВики, поэкспериментируйте, пожалуйста.

Разделы, абзацы, списки и строки

Как это выглядит Что нужно набрать

Начните раздел со строки заголовка:

Новый раздел

Подраздел

Под-подраздел


== Новый раздел ==

=== Подраздел ===

==== Под-подраздел ====

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

Но пустая строка начинает новый абзац.

Одиночный перевод строки
не влияет на разметку. 
Его можно использовать, чтобы разделять
предложения в одном абзаце.
Некоторые редакторы считают, что это 
облегчает редактирование и улучшает 
функцию ''сравнения версий''.

Но пустая строка
начинает новый абзац.
С помощью тега «br» можно разрывать строки,
не начиная новый абзац.
С помощью тега <br> можно разрывать строки,<br />
не начиная новый абзац.

Сделать список очень просто:

  • каждая строка начинается со звездочки;
    • чем больше звёздочек — тем глубже уровень;
      отступ внутри списка можно делать и с помощью двоеточия.
Сделать список очень просто:
* каждая строка начинается со звёздочки;
** чем больше звёздочек — тем глубже уровень;
**: отступ внутри списка можно делать и с помощью двоеточия.
  1. Нумерованные списки тоже хороши:
    1. очень организованные;
    2. легко читаются.
# Нумерованные списки тоже хороши:
## очень организованные;
## легко читаются.
  • Можно также делать смешанные списки:
    1. и вкладывать их
      • как, например,
    2. здесь.
* Можно также делать смешанные списки:
*# и вкладывать их
*#* как, например,
*# здесь.
С помощью точки с запятой в начале строки
и последующего двоеточия
также можно создавать
двухуровневый список: а трёхуровневый — уже нет.
;С помощью точка с запятой в начале строки: и последующего двоеточия
;также можно создавать: двухуровневый список: а трёхуровневый — уже нет.
Двоеточие в начале строки делает отступ для всего абзаца.

Простой перенос строки при этом начинает новый абзац.

Примечание: это применяется в основном при обсуждениях на Страницах обсуждения.

: Двоеточие в начале строки делает отступ для всего абзаца.
Простой перенос строки при этом начинает новый абзац.
ЕСЛИ строка начинается с пробела, ТОГДА
  она будет отформатирована так же,  
    как и набрана;
  шрифтом фиксированной ширины;
  без переноса строк;
КОНЕЦЕСЛИ
Это можно применять для:
  * вставки преформатированного текста;
  * описания алгоритмов;
  * исходного кода программ
  * ascii art (создание изображений при помощи 
    текстовых символов).

ВНИМАНИЕ! Если вы сделаете такую строку длинной, вы сделаете всю страницу широкой и из-за этого менее читабельной. Никогда не начинайте обычные строки с пробела.

 ЕСЛИ строка начинается с пробела, ТОГДА
   она будет отформатирована так же, 
     как и набрана;
   шрифтом фиксированной ширины;
   без переноса строк;
 КОНЕЦЕСЛИ
Это можно применять для:
  * вставки преформатированного текста;
  * описания алгоритмов;
  * исходного кода программ
  * ascii art (создание изображений
    при помощи текстовых символов);
Центрированный текст.
<center>Центрированный текст.</center>
Горизонтальные разделительные линии:

в верху — четыре пунктира выше строки,

внизу — четыре пунктира ниже строки


Горизонтальные разделительные линии: 
----
в верху — четыре пунктира выше строки, 

внизу — четыре пунктира ниже строки
----

Этот абзац отцентрирован.

Этот абзац выровнен по ширине. Вы можете управлять выравниванием текста абзаца, используя тег <p> с параметром align, со значением center для выравнивания по центру, justify для выравнивания по ширине, left для выравнивания по левому краю, right для выравнивания по правому краю.

Этот абзац выровнен по левому краю. Вы можете управлять выравниванием текста абзаца, используя тег <p> с параметром align, со значением center для выравнивания по центру, justify для выравнивания по ширине, left для выравнивания по левому краю, right для выравнивания по правому краю.

Этот абзац выровнен по правому краю. Вы можете управлять выравниванием текста абзаца, используя тег <p> с параметром align, со значением center для выравнивания по центру, justify для выравнивания по ширине, left для выравнивания по левому краю, right для выравнивания по правому краю.

Вы можете управлять выравниванием текста абзаца, используя тег <p> с параметром align, со значением center для выравнивания по центру, justify для выравнивания по ширине, left для выравнивания по левому краю, right для выравнивания по правому краю.

По умолчанию принято выравнивание по левому краю.

Например для выравнивания по ширине используйте такую конструкцию:

<p align=justify> Текст абзаца </p>

Ссылки, URL

Как это выглядит Что надо набрать

Своеобразной рефлексией обучения можно назвать послание от команды "Вираж":


Таким образом, приведённая выше ссылка ведёт на http://wiki.pskovedu.ru/index.php/Рефлексия, которая является статьёй с названием «Рефлексия».

Своеобразной [[рефлексией]] обучения можно назвать послание от команды "Вираж":

Своеобразной [[рефлексия|рефлексией]] обучения можно назвать послание от команды "Вираж":
Окончания сливаются со ссылкой: тестирование,

гены

Окончания сливаются со ссылкой: [[тест]]ирование, [[ген]]ы

Если вы хотите просто создать ссылку на категорию, не добавляя в неё текущую страницу, используйте ссылки следующего вида: Категория:Проекты. Не забывайте добавлять : в начало ссылки.

Если вы хотите просто создать ссылку на категорию,
не добавляя в неё текущую страницу,
используйте ссылки следующего вида:
[[:Категория:Проекты]].
При добавлении комментариев к странице обсуждения следует их подписать. Это можно сделать, добавив три тильды для получения имени пользователя:
Участник:Иван Иванов

или четыре для получения имени пользователя плюс дата/время:

Участник:Иван Иванов 08:10 Oct 5, 2002 (UTC)
При добавлении комментариев к странице обсуждения,
следует их подписать. Это можно сделать, добавив
три тильды для получения имени пользователя:
: ~~~
или четыре для получения имени пользователя плюс
дата/время:
: ~~~~
Именно вариант с датой и временем является предпочтительным.
Медведи на улицах Москвы — это страница,

которая ещё не создана.

  • Вы можете создать её, щёлкнув на ссылку.
  • Чтобы создать новую страницу:
    1. Создайте ссылку на неё на какой-нибудь странице.
    2. Сохраните эту страницу.
    3. Щёлкните на ссылке, которую вы создали. Новая страница откроется для редактирования.
  • После создания страницы, поищите её название и убедитесь, что все корректно ссылаются на неё.
[[Медведи на улицах Москвы]] — это 
страница, которая ещё не создана.

Перенаправляйте название статьи на другую статью, поместив следующий текст в первую строку. Заметьте, что после этого не должно быть текста, иначе перенаправление может не работать.

С Учебный проект на
 #REDIRECT [[Проект]]
Внешняя ссылка: Летописи.ru,
Внешняя ссылка: [http://www.letopisi.ru/index.php/Main_Page Летописи.ru],
Или просто укажите URL: http://ru.wikipedia.org/wiki/Заглавная_страница
Или просто укажите URL: 
http://ru.wikipedia.org/wiki/Заглавная_страница

Форматирование текста

Как это выглядит Что следует набрать

Полужирное и курсивное начертания используются в следующих случаях:

логическое ударение
структурное выделение
логическое ударение в структурном выделении (или наоборот)

Это двойные и тройные апострофы, а не кавычки.

''логическое ударение''<br />
'''структурное выделение'''<br />
'''''логическое ударение в структурном выделении (или наоборот)'''''.

Вы также можете писать курсивом и жирным, если вас интересует определенный стиль шрифта, а не логическое выделение, например, в математических формулах:

F = ma

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

Вы также можете писать ''курсивом'' и '''жирным''',
если вас интересует определенный стиль шрифта, 
а не логическое выделение, например, в математических формулах:

:'''F''' = ''m'''''a'''
Моноширинный шрифт для технических терминов.
Моноширинный шрифт для  <tt>технических терминов</tt>.
Специальное форматирование для фрагментов исходного кода.
Специальное форматирование для фрагментов <code>исходного кода</code>.
Вы можете использовать маленький текст для заголовков.
Вы можете использовать <small>маленький текст</small> для заголовков.
И можете использовать большой текст для заголовков.
Вы можете использовать <big>большой текст</big> для заголовков.
Вы можете перечёркивать удалённый материал

и подчёркивать новый материал.

Вы можете <strike>перечёркивать удалённый материал</strike>
и <u>подчёркивать новый материал</u>.
x2   ≥   0 true

Для разделения пробелами используйте знак пробела: &nbsp;. Это также предотвращает переносы строк посреди текста, что полезно в формулах.

''x''<sup>2</sup>&nbsp;&nbsp;&ge;&nbsp;&nbsp;0 true.
Нижний индекс: x2

Верхний индекс: x2 или x²

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

ε0 = 8.85 × 10−12

C² / J m.
Нижний индекс: x<sub>2</sub>
Верхний индекс: x<sup>2</sup> or x&sup2;
&epsilon;<sub>0</sub> =
8.85 &times; 10<sup>&minus;12</sup>
C&sup2; / J m.
Вы можете использовать маленький текст для заголовков.
Вы можете использовать <small>маленький текст</small> для заголовков.

Содержание статьи

Если в статье содержится, по меньшей мере, четыре раздела, то панель «Содержание» (с оглавлением статьи) автоматически появляется на странице, непосредственно перед первым заголовком сразу после вступительного раздела).

  • Если вы хотите, чтобы «Содержание» появилось в каком-либо другом месте статьи (а не там, где оно появляется по умолчанию), то поместите __TOC__ в этом месте. Если вы хотите, чтобы при этом «Содержание» появлялось сдвинутым к правому краю страницы, а текст слева обтекал содержание, то используйте шаблон {{TOC-Right}} вместо ключевого слова __TOC__.
  • А для того, чтобы «Содержание» вообще нигде не появлялось, достаточно поместить ключевое слово __NOTOC__ где угодно на странице.

Изображения

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

Загружать файлы могут только зарегистрированные участники.

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

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

Wiki logo.png

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

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

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

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

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

Wiki.png
Подпись под

изображением.

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

Как и атрибут «frame», этот атрибут создаёт рамку вокруг изображения, прижимает всю таблицу вправо, но, кроме того, ещё и центрирует подпись. Такая подпись не используется в качестве альтернативного текста для изображения, поэтому его можно задать отдельно.

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

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

Атрибуты «thumb» или «thumbnail», вставленные между именем файла и пояснительной подписью, уменьшают ширину изображения (в зависимости от настроек пользователя — от 120px до 300px; высота изменяется пропорционально), прижимают его вправо и помещают в рамку:

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

Кроме того, справа от пояснительной подписи появляется специальный значок: щёлкнув по нему, можно перейти на страницу изображения и посмотреть его в натуральную величину. Текст располагается слева от значка.

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

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

[[Изображение:MediaWik.png|100px|Альтернативный текст для изображений]]

Или

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

Можно вписать изображение в прямоугольник заданного размера, указав его ширину и высоту:

[[Изображение:MediaWik.png|thumb|200x100px|Пояснительная подпись]]

Отношение сторон изображения (ширины к высоте) при этом не изменяется. Иными словами, когда пропорции изображения не совпадают с пропорциями заданного прямоугольника, тогда либо высота, либо ширина уменьшенного изображения окажется меньше заданной для прямоугольника. Поэтому, если необходимо задать именно высоту изображения (и дать ему пропорционально растянуться по ширине), то для этого достаточно сделать ширину описанного прямоугольника заведомо большей, нежели высота : 30000x200px, например.

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

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

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

Смещение вправо

Кроме рассмотренных выше атрибутов «frame», «class=rimage», «thumb» и «thumbnail», прижать изображение вправо можно атрибутом «right». Пример:

[[MediaWik.png|100px|right|]]

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

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

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


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

Смещение влево

Чтобы прижать изображение к левому краю страницы, используйте атрибут «left» или «none». Это работает в том числе и для изображений с атрибутом «frame» или «thumb». Пример:

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

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


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

Для пометки окончания обтекающего изображение текста используйте специальный HTML-код:

<br clear="both" />

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

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

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

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

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

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

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

Галереи

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

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

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

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

<gallery caption='Можно добавлять заголовки'>
Также можно вставлять текст

Изображение:Opochka1.jpg|Участники тренинга
Изображение:Opochka2.jpg|Работа в группах
Изображение:Opochka3.jpg
</gallery>

При написании этой статьи использовался материал из ВикипедиИ — проекта свободной многоязычной энциклопедии.

Таблицы

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

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

Простейшая таблица

Любая таблица в wiki-стиле начинается с фигурной скобки { с последующей вертикальной чертой | и заканчивается вертикальной чертой | с закрывающей фигурной скобкой }. Каждая ячейка строки начинается с вертикальной черточки |, после которой пишется её содержание.

Пример:

Исходный код таблицы с одной строкой:   В ПскоВики это будет выглядеть так:
{|
 |Ячейка 1
 |Ячейка 2
 |Ячейка 3
 |}
   
Ячейка 1 Ячейка 2 Ячейка 3

Для введения следующей строки после вертикальной черточки ставится штрих «-». Таким образом можно вводить любое количество строк.

Пример:

Исходный код таблицы в две строки:   В ПскоВики это будет выглядеть так:
{|
 |Ячейка 1*1
 |Ячейка 2*1
 |Ячейка 3*1
 |-
 |Ячейка 1*2
 |Ячейка 2*2
 |Ячейка 3*2
 |}
   
Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2
Таблица в три строки пишется так:   В ПскоВики это будет выглядеть так:
{|
 |Ячейка 1*1
 |Ячейка 2*1
 |Ячейка 3*1
 |-
 |Ячейка 1*2
 |Ячейка 2*2
 |Ячейка 3*2
 |-
 |Ячейка 1*3
 |Ячейка 2*3
 |Ячейка 3*3
 |}
   
Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2
Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

И так далее.

Табличные рамки

Вид рамки описывается в первой строке, сразу после {|. Не забудьте, что между ними и атрибутом должен быть пробел.

Толщина линий рамки задаётся атрибутом border=n, где «n» — толщина линии:

Исходный код:   В ПскоВики это будет выглядеть так:
{| border=1
 |Ячейка 1*1
 |Ячейка 2*1
 |Ячейка 3*1
 |-
 |Ячейка 1*2
 |Ячейка 2*2
 |Ячейка 3*2
 |-
 |Ячейка 1*3
 |Ячейка 2*3
 |Ячейка 3*3
 |}
   
Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2
Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

Заголовки

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

Пример:

Для последней таблицы можно написать так:   В ПскоВики это будет выглядеть так:
{| border=1
 !Первый столбец
 !Второй столбец
 !Третий столбец
 |-
 !Первая строчка
 |Ячейка 2*1
 |Ячейка 3*1
 |-
 !Вторая строчка
 |Ячейка 2*2
 |Ячейка 3*2
 |-
 !Третья строчка
 |Ячейка 2*3
 |Ячейка 3*3
 |}
   
Первый столбец Второй столбец Третий столбец
Первая строчка Ячейка 2*1 Ячейка 3*1
Вторая строчка Ячейка 2*2 Ячейка 3*2
Третья строчка Ячейка 2*3 Ячейка 3*3

Запись в одну строчку

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

Пример:

Исходный код:   В ПскоВики это будет выглядеть так:
{| border=1
 !Первый столбец||Второй столбец||Третий столбец
 |-
 |Ячейка 1*1||Ячейка 2*1||Ячейка 3*1
 |-
 |Ячейка 1*2||Ячейка 2*2||Ячейка 3*2
 |-
 |Ячейка 1*3||Ячейка 2*3||Ячейка 3*3
 |}
   
Первый столбецВторой столбецТретий столбец
Ячейка 1*1Ячейка 2*1Ячейка 3*1
Ячейка 1*2Ячейка 2*2Ячейка 3*2
Ячейка 1*3Ячейка 2*3Ячейка 3*3

Объединение ячеек

В wiki-стиле, как и в HTML, имеется возможность объединять несколько ячеек как по вертикали, так и по горизонтали. Для объединения по вертикали применяется атрибут rowspan=n, где «n» — число ячеек, которые должна объединить данная ячейка. Этот атрибут вписывается перед содержанием объединяющей ячейки.

Пример:

Вертикальное объединение двух ячеек пишется так:      Выглядеть это будет так:
{| border=1
 |Ячейка 1 
 |rowspan=2 |Ячейка 2, объединяет два ряда таблицы
 |Ячейка 3
 |- 
 |Ячейка 4
 |Ячейка 5
 |}
    
Ячейка 1 Ячейка 2, объединяет два ряда таблицы Ячейка 3
Ячейка 4 Ячейка 5

Для объединения по горизонтали используется атрибут colspan=n.

Пример:
{| border=1
 |Ячейка 1 
 |colspan=2 |Ячейка 2, объединяет два столбца
 |-
 |Ячейка 3 
 |Ячейка 4
 |Ячейка 5
 |}

Выглядит это так:

Ячейка 1 Ячейка 2, объединяет два столбца
Ячейка 3 Ячейка 4 Ячейка 5

«Раскраска» таблиц

Текст, находящийся в таблице, можно сделать цветным. С этой целью применяются те же тэги, что и в HTML:

  • для отдельного слова — <font color="#ABCDEF">Teкст</font>;
  • для длинного текста — <div style="color:#ABCDEF">Текст, текст.</div>,

где «ABCDEF» — индекс цвета в Таблице цветов.

Пример:
Для "раскраски" текста пишут так:
{| border=1
 |Ячейка 1*1
 |Здесь цветное только <font color="#FF00FF">одно</font> слово.
 |Ячейка 3*1
 |-
 |Ячейка 1*2
 |Ячейка 2*2
 |<div style="color:#008B00">А здесь выделен цветом длинный-длинный абзац.</div>
 |-
 |Ячейка 1*3
 |Ячейка 2*3
 |Ячейка 3*3
 |}

В ПскоВики это будет выглядеть так:

Ячейка 1*1 Здесь цветное только одно слово. Ячейка 3*1
Ячейка 1*2 Ячейка 2*2
А здесь выделен цветом длинный-длинный абзац.
Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

Сделать цветную ячейку можно с помощью атрибута «bgcolor=#ABCDEF», где «ABCDEF» обозначает, как вы уже, наверное, догадались, индекс цвета в таблице цветов.

Пример:
Для «раскраски» одной ячейки пишется так:
{| border=1
 |Ячейка 1*1
 |bgcolor=#FFCC00|Ячейка 2*1
 |Ячейка 3*1
 |-
 |Ячейка 1*2
 |Ячейка 2*2
 |Ячейка 3*2
 |-
 |bgcolor=#CCFF00|Ячейка 1*3
 |Ячейка 2*3
 |Ячейка 3*3
 |}

В ПскоВики это будет выглядеть так:

Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2
Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

Название таблицы

Чтобы название таблицы было отцентрировано по ее ширине, нужно после вертикальной чёрточки поставить знак «+». Само название можно форматировать обычными wiki-атрибутами.

Пример:
{| border=1
 |+ Очень длинное-длинное название таблицы.
 |Ячейка 1
 |Ячейка 2
 |-
 |Ячейка 3
 |Ячейка 4
 |}

Выглядеть это будет так:

Очень длинное-длинное название таблицы.
Ячейка 1 Ячейка 2
Ячейка 3 Ячейка 4

Пример: С возможностью сортировки данных

УчительСтудентШкольник
Иван Иванович Иванов 1 2
Петров Иванович Иванов 2 1

Синтаксис:

 {| class="standard sortable" border=1 
 |-  
 !Учитель||Студент||Школьник
|-
|Иван Иванович Иванов||Иван Иванович Иванов||Иван Иванович Иванов</nowiki>
|}</nowiki>

Ширина таблицы и столбцов

Если, например, подряд идут несколько отдельных таблиц, то желательно, чтобы ширина их была одинаковой, не зависимо от их содержания. Для фиксации ширины таблицы применяется атрибут width.

Пример:
{| border=1 width=75%
 |+Таблица 1
 |Ячейка 1*1 - long - long- long- long- long
 |Ячейка 1*2
 |-
 |Ячейка 1*3
 |Ячейка 1*4
 |}
{| border=1 width=75%
 |+Таблица 2
 |Ячейка 2*1
 |Ячейка 2*2
 |-
 |Ячейка 2*3
 |Ячейка 2*4
 |}

Выглядеть это будет так:

Таблица 1
Ячейка 1*1 - long - long- long- long- long Ячейка 1*2
Ячейка 1*3 Ячейка 1*4
Таблица 2
Ячейка 2*1 Ячейка 2*2
Ячейка 2*3 Ячейка 2*4

С помощью этого же атрибута можно регулировать ширину отдельных столбцов:

Пример:
{| border=1 width=75%
 |+Таблица 1
 | width=40%|Ячейка 1*1 - long - long- long- long- long
 | width=20%|Ячейка 1*2 - long - long- long- long- long
 | width=40%|Ячейка 1*3 - long - long- long- long- long
 |-
 |Ячейка 1*4
 |Ячейка 1*5
 |Ячейка 1*6
 |}
Таблица 1
Ячейка 1*1 - long - long- long- long- long Ячейка 1*2 - long - long- long- long- long Ячейка 1*3 - long - long- long- long- long
Ячейка 1*4 Ячейка 1*5 Ячейка 1*6

Таблицы в машинописном стиле без форматирования

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

Пример:
                   Климатическая таблица

Месяцы:            январь февраль март апрель май июнь июль август сентябрь октябрь ноябрь декабрь
--------------------------------------------------------------------------------------------------
Дневная температура  21     21      22    23  25   27    29    28     26      24      22     20
Ночная температура   15     15      15    16  17   17    18    17     16      15      15     14
Солнечные часы/день   6      6       7     8   9    9     9     8      7       7       6      6
Дождливые дни/месяц   6      4       3     2   2    1     0     0      2       5       6      7
Температура воды     19     18      18    18  19   20    21     23    20      18      18     18

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


При написании этой статьи использовался материал из ВикипедиИ — проекта свободной многоязычной энциклопедии.

Графвиз

Графвиз - набор утилит для графического представления данных.

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

Для использования Графвиз требуется использовать примитивный язык описания графов dgl. Основные понятия:

  • граф,
  • вершина графа -- элемент множества,
  • ребро графа, соединяющее вершину N с вершиной M

Простейший граф

<graphviz>digraph G {rankdir=LR ;Привет -> Читатель ;}</graphviz>

Программа сама распознает все связи графа и упорядочит его таким образом, чтобы было наименьшее количество пересечений.


Error writing graphviz file to disk.

Свойства графа

Для того, граф было удобнее просматривать, можно настроить следующие свойства. Например:

  • Направленность графа:
    • rankdir=LR - слева-направо
    • rankdir=TB - сверху вниз
    • ratio=auto - отношение = авто;
  • Цвет фона графа - graph [bgcolor=Snow2] - окрашивает фон в цвет - "серый снег"
  • Свойства (node)узлов - node[color="Pink",fontsize=10, style=filled, fontcolor="blue", shape="none"] (Сочетание двух и более слов записывается в кавычки - "Нижний Новгород")
    • color="Pink" - цвет = розовый (Таблице цветов)
    • fontsize=8 - размер шрифта = 8
    • style=filled - стиль = заполненный (без неё узел прозрачен)
    • fontcolor="blue" - цвет шрифта = голубой
    • shape="none" - форма = "без формы"
      • Формы узла [shape=?] - invtriangle - треугольник вершиной вниз; box - прямоугольник; ellipse - эллипс; invtrapezium - перевёрнутая трапеция; triangle - треугольник; trapezium - трапеция; record -  ; doubleoctagon - двойной восьмиугольник ; octagon - восьмиугольник; tripleoctagon - тройной восьмиугольник (Все формы)
    • Ярославль [shape=Mdiamond] - узлу Ярославль придаётся форма ромба(алмаз)
    • Сызрань [shape=Msquare] - узлу Сызрань придаётся форма квадрата
    • Кострома [shape=circle] - узлу Кострома придаётся форма круга
    • "Нижний Новгород" [shape=doublecircle] - узлу "Нижний Новгород" придаётся форма двойного круга
    • Казань [shape=hexagon,color=green] - узлу Казань придаётся форма шестиугольника и зелёный цвет
  • Управление положением узлов - {rank=same; Елабуга Дзержинск Сызрань ;} - узлам Елабуга, Дзержинск, Сызрань предан разряд = тот же самый; ranksep=3 - расстояние между разрядами;
  • Свойства(edge)ребер - edge[color="blue",fontcolor="Green",fontsize=12]
    • color="Brown" - цвет = коричневый
      • color="Green:blue:red" - трёхцветие (возможно любое количество)
    • dir=both - направление стрелки в две стороны
    • fontsize=8 - размер шрифта = 8
    • fontcolor="blue" - цвет шрифта = зелёный
    • style=dotted - стиль = пунктирная линия
    • arrowhead="dot" - голова стрелки = "точка", "none" - нет (Все формы)
  • Ярлык ребра [label="Волга"] - все связи Ярославль -> ... -> Сызрань будут помечены меткой Волга.


<graphviz>
 digraph G{
 graph [bgcolor=Snow2];
 rankdir=LR ; // направление графа слева направо
 node[color="Pink",fontsize=8, fontcolor="blue",style=filled, shape="none"] ;
 edge[color="Brown",fontcolor="Green",fontsize=8] ;
 Ярославль -> Кострома -> "Нижний Новгород" -> Казань -> Сызрань [dir=both, label="Волга"];
 "Нижний Новгород" -> Дзержинск [style=dotted, label="Ока",arrowhead="dot" ] ;
 Казань -> Елабуга [label="Кама", color="Green:blue:red"] ;
 Ярославль [shape=Mdiamond], Сызрань [shape=Msquare], Кострома [shape=circle];
 "Нижний Новгород" [shape = doublecircle],Казань[shape=hexagon,color=green]
 {rank=same; Елабуга Дзержинск Сызрань ;}
 }
 </graphviz>

Error writing graphviz file to disk.

Гипертекстовые ссылки на страницы

Ссылки на внутренние страницы устанавливаются прямым связыванием:

  • ПскоВики - [URL=ПскоВики]

Кроме того, мы можем в начале графа указать, что все элементы поименованные в графе должны ссылаться на страницы с соответстующим названием. node [URL="/index.php/\N"] ;

После этого можно просто указывать имена узлов, а гипертекстовые ссылки добавятся к ним автоматически.

Для того, чтобы имя заметки на ребре так же становилось ссылкой на страницу, необходимо дополнить метку ссылкой [label="ПскоВики", URL="ПскоВики"]. В графе, который представлен ниже все узлы и метки являются гиперссылками.

<graphviz>
 digraph G{
 rankdir=LR ;
 node[color="Green",fontsize=9, fontcolor="blue"] ;
 edge[color="Green",fontcolor="blue",fontsize=8] ;
 node [URL="/index.php/\N"] ;
 Категории -> "Категория:Тьюторы" -> "Категория:Участник" ->  "Категория:Учитель"  [label="ПскоВики",URL="ПскоВики"] ;
 }
 </graphviz>


Error writing graphviz file to disk.

Ссылки на внешние источники устанавливаются прямым связыванием с адресом web-сайта:

<graphviz>
 digraph G{
 rankdir=LR ;
 node[color="red",fontsize=9, fontcolor="blue", shape="none"] ;
 edge[color="red",fontcolor="blue",fontsize=8] ;
 node [URL="/index.php/\N"] ;
 Тест -> Проект [style=dotted, label="ПскоВики", URL="http://wiki.pskovedu.ru/index.php/  Заглавная_страница"] ;
 }
 </graphviz>
 

Error writing graphviz file to disk.


Использование групп подграфа

В структуре графа можно образовать несколько групп использую дополнение - subgraph cluster_0 {}

<graphviz> digraph G {
 subgraph cluster0 {
  style=filled;
  color=DeepSkyBlue;
  node [style=filled,color=white];
  "Учебные проекты" -> "Сообщество школ" -> "Сетевые проекты" -> "Участники сообщества";
  label = "Летопись.ру";
  }
 subgraph cluster1 {
  node [style=filled];
  Проекты -> школы -> тьюторы -> учителя;
  label = "ПскоВики";
  color=blue
  "Учебные проекты" -> Проекты
  учителя -> "Участники сообщества"
  Проекты -> "Сетевые проекты"
        }
	}</graphviz>

Error writing graphviz file to disk.


Сложный граф

Пример графа с использование подписи, многоугольных узлов неправильной формы и разнонаправленный.

<graphviz> digraph G {
 graph [	//подпись под графом
   fontsize = 26,//размер шрифта
   label = "Сложный граф",
		size = "8,8" ];//размер графа
	node [	shape = polygon,//форма = многоугольник
		sides = 4,// сторон = 4
		distortion = "0.0",//искажение = "0.0"
		orientation = "0.0",//ориентация = "0.0"
		skew = "0.0",//уклон "0.0"
		color = white,//цвет = белый
		style = filled,//стиль = заполненный
		fontname = "Helvetica-Outline" ];//Название(имя) шрифта = "Helvetica-Outline"
 // формирование узлов графа
 "Псковская область" [sides=9, distortion="0.936354", orientation=28, skew="-0.126818", color=salmon2];
 "Города" [sides=5, distortion="0.238792", orientation=11, skew="0.995935", color=deepskyblue];
 "Районы" [sides=8, distortion="0.019636", orientation=79, skew="-0.440424", color=goldenrod2];
 "Псков" [sides=7, distortion="0.265084", orientation=26, skew="0.403659", color=gold1];
 "Великие Луки" [distortion="0.039386", orientation=2, skew="-0.461120", color=greenyellow];
 Порхов [sides=5, distortion="0.228564", orientation=63, skew="-0.062846", color=darkseagreen];
 Невель [distortion="0.624013", orientation=56, skew="0.101396", color=dodgerblue1];
 "РЦДО" [sides=8, distortion="0.731383", orientation=43, skew="-0.824612", color=thistle2];
 "РРЦ" [sides=6, distortion="0.592100", orientation=34, skew="-0.719269", color=darkolivegreen3];
 "Великолукский" [sides=7, distortion="0.640971", orientation=84, skew="-0.768455", color=cyan];
 "Псковский" [distortion="0.758942", orientation=42, skew="0.039886", color=blue];
	"Псковская область" -> "Города"[color=red];//формирование направлений графа
	"Псковская область" -> "Районы"[color=red];//цвет ребра = красный
	"Города" -> "Псков"[color=green];
	"Города" -> "Великие Луки"[color=green];
	"Города" -> Порхов[color=green];
	"Города" -> Невель[color=green];
	Невель -> РРЦ;
	Порхов -> РРЦ;
        Великолукский -> РРЦ;
        Псковский -> РРЦ;
        РРЦ -> РЦДО
	"Великие Луки" -> РЦДО;
	Псков -> РЦДО;
	"Районы" -> "Великолукский";
	"Районы" -> "Псковский";
	}</graphviz>

Error writing graphviz file to disk.


При написании этой статьи использовался материал из Проекта Летопись.ru.

Шаблоны

«Шаблонами» в ПскоВики называется класс особых страниц, содержимое которых можно вставить в другие страницы. Причём это содержимое считывается при каждой загрузке страницы: изменения в шаблоне проявятся на страницах, их применяющих. Ниже описывается их работа.

Общая информация

Страницы шаблонов — полноценные вики-документы, для которых отведено своё пространство имён «Шаблон:». В ПскоВики их позволено править любому участнику.

Вызывается шаблон пометкой

{{Имя шаблона}}

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

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

Таким способом удобно:

  • экспериментировать с шаблонами (не попадая в пространство шаблонов);
  • «вытаскивать» подписи и описания картинок;
  • изготавливать специальные составные статьи (например для печати).

Пример использования статьи в качестве шаблона

:{{Имя статьи}}

см. пример: - ПскоВики:Хранилище

Подстановка

Использование «subst:» после двойных фигурных скобок заставляет выполнять подстановку текста шаблона в момент сохранения ссылающейся страницы.

Например:

{{subst:Шаблон:Визитка проекта}}

подставится при сохранении страницы проекта

Проект "Как сделать мультимедийную презентацию"

и изменения в статье никак не отразятся на «теле» шаблона.

История изменений для страниц, содержащих шаблоны

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

Ссылки

Википедия Летопись.ru


Как вернуть предыдущее состояние статьи?


При написании этой статьи использовался материал из ВикипедиИ — проекта свободной многоязычной энциклопедии.

Site Statistics