Мастер-класс по созданию WIKI-проектов

Материал из Art.Ioso-Wiki

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

Содержание

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

Основы

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

Затем:

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

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

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

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

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

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

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

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

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

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

Новый раздел

Подраздел

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


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

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

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

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

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

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

Но пустая строка
начинает новый абзац.
С помощью тега «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://egg.mostinfo.ru/index.php/Золотое яйцо/методические рекомендации, которая является статьёй с названием «Золотое яйцо/методические рекомендации».

Приглашаем творческих педагогов и родителей
к разработке [[Золотое яйцо/методические рекомендации|методических рекомендаций]]

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

гены

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

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

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

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

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

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

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

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

С Учебный проект на
 #REDIRECT [[Проект]]
Внешняя ссылка: Педагогический Wiki-словарь

Внешние ссылки открываются в новом окне/вкладке

Внешняя ссылка: [http://www.letopisi.ru/index.php Педагогический Wiki-словарь]
Или просто укажите 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__ где угодно на странице.

Изображения

В свои статьи Вы можете помещать оцифрованные рисунки и фотографии.

Ниже мы опишем различные приемы размещения графических материалов в статьях сайта.

Основные принципы размещения графических материалов

  • Изображение может разместить только авторизованный пользователь.
  • На левой колонке «Инструменты» есть специальная команда - Загрузить файл
  • Назовите свой графический файл уникальным именем латинскимми буквами. Это позволит Вам найти его и уберечь от перезаписи.

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

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

Изображение:Golden_Egg.jpg

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

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

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

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

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

Изображение:Golden_Egg.jpg
Подпись под

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

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

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

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

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

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

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

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

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

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

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

Или

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

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

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

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

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

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

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

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

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

[[Dom_V_Derevne-001.jpg|100px|right|]]

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

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

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


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

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

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

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

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


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

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

<br clear="both" />

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

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

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

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

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

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

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

Изображение-ссылка

Для создания ссылки с изображения на статью сайта применяется специальный служебный тег <linkedimage>:

<linkedimage>
wikipage=Золотое яйцо
tooltip=Мультимедийное развивающее устройство "Золотое яйцо"
img_src=Golden_Egg.jpg
img_alt=Мультимедийное развивающее устройство "Золотое яйцо"
</linkedimage>

<linkedimage> wikipage=Золотое яйцо tooltip=Мультимедийное развивающее устройство "Золотое яйцо" img_src=Golden_Egg.jpg img_alt=Мультимедийное развивающее устройство "Золотое яйцо" </linkedimage>

Параметры, используемые в теге <linkedimage>:

  • wikipage - ссылка на статью
  • tooltip - подпись, появляющаяся при наведении указателя мыши на изображение
  • img_src - ссылка на файл изображения
  • img_alt - текстовый эквивалент изображения, выводящийся браузером при отключении показа картинок

Галереи

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

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

<gallery>
Изображение:Petushok-01.jpg‎
Изображение:Petushok-02.jpg‎
Изображение:Petushok-04.jpg‎|Подпись
Изображение:Petushok-05.jpg‎|Подпись с [[Заглавная страница|ссылкой]]
</gallery>

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

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

Изображение:Petushok-01.jpg‎|Активация семян
Изображение:Petushok-03.jpg
Изображение:Petushok-05.jpg|Долгожланный результат
</gallery>

Трансляция изображений

На страницах сайта можно использовать рисунки и фотографии, находящиеся на других сайтах в сети Интернет. Эти изображения внутри будут работать в формате [[Изображение: Файл]] без дополнительных возможностей.

  1. Эти изображения можно добавлять, как обычную правку текста.
  2. Если вы хотите добавить такое изображение к своей статье, то выбрав изображение по ссылке свойства рисунка, копируете его прямой адрес и просто вставляете.

Это изображение добавлено этим способом:

http://koleso.mostinfo.ru/UserFiles/Tanetz_tulpana.jpg

http://koleso.mostinfo.ru/UserFiles/Tanetz_tulpana.jpg

Размещение на странице

Сдвиг вправо:

http://www.pazitiv.com/ts/12/1179738694.jpg

<p align=right>Адрес изображения</p>

По центру:

http://www.pazitiv.com/ts/12/1179738694.jpg

<center>Адрес изображения</center>

Одно неудобство, текс изображение не обрамляет.

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

Отрицательные стороны - ……….



Справка:Изображения

Таблицы

Задание 1 Задание 2 Задание 3
Технологическая карта Эссэ строка 1, ячейка 3
строка 2, ячейка 1 строка 2, ячейка 2 строка 2, ячейка 3

Шаблоны

Афазиология

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

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


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