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

  1. Полезными. Отсутствие сути никаким оформлением не прикроешь. Обратное неверно. Пример — Библиотека Мошкова
  2. Небольшими. Даже если контент интересен, то 10 экранных страниц интересного контента на одной странице сайта — это слишком. 2—3 экрана — это максимум. Большие страницы лучше разбить на несколько и связать гипертекстовыми ссылками.
  3. Структурными. Структурный текст лучше воспринимается и в нём легче найти необходимую информацию. Самое важное должно быть выделено. Не злоупотребляйте выделением — когда выделено всё, значит ничто не выделено.

В данной главе будет идти речь именно о работе с вики-разметкой. Но на вики-сайте вы также можете использовать HTML или CSS код. Поэтому все, что невозможно реализовать вики-кодом вы можете сделать через HTML.

Разделы

править

Подраздел

править

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

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

править

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

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

править

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

Задание

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

Задание

Зайдите на страничку своего тотемного животного и создайте минимум 4 раздела. Каждый раздел должен описывать какое-либо качество вашего тотемного животного. Назовите их. Обратите внимание на появившееся меню навигации по странице.

Абзацы, строки

править

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

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

Задание

Разделите текст на странице тотема на абзацы. Сохраните страницу.

Если вы хотите начать новую строку, но не начинать новый абзац,
разместите в конце строки тег <br>.

Задание

Напишите стихотворение, посвящённое тотемному животному, на странице тотема (не более 5 строк). Завершайте (или начинайте) строки тегами начала новой строки. Сохраните страницу.

Двоеточие в начале строки даёт отступ строки или абзаца.

Задание

Замените в вашем стихотворении тэги начала новой строки двоеточиями в начале строк. Сохраните страницу.

Двоеточие часто применяется на страницах обсуждения статей.

При каждом добавлении комментария к дискуссии. OM 13:44, 13 сентября 2006 (MSD)
Надо не забывать ставить свою подпись и дату. OM 13:44, 13 сентября 2006 (MSD)
Так, как это сделано здесь OM 13:44, 13 сентября 2006 (MSD)

Задание

Напишем рассказ-буриме. Рассчитайтесь по порядку. Первый номер заходит в «Песочницу», ставит двоеточие и пишет одну фразу рассказа, в конце ставит подпись и точное время. Сохраняет страницу. Смотрит на результат. Поднимает руку. Второй заходит в режим редактирования Песочницы, ставит два двоеточия и пишет следующую фразу рассказа, в конце ставит подпись и точное время. Сохраняет страницу. Смотрит на результат. Поднимает руку. Третий… Все остальные в это время после поднятия руки очередным учеником жмут Ctrl-F5, чтобы посмотреть результаты правок.

Разделитель

править

Разделять абзацы и/или смысловые части статьи можно при помощи горизонтальной линии. Вот так:


Используйте для этого четыре чёрточки подряд, вот так: ----.

Задание

Выше и ниже вашего стихотворения проведите горизонтальные линии-разделители. Сохраните.

Списки

править

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

  • каждая строка начинается со звёздочки;
    • чем больше звёздочек — тем глубже уровень;
      • чем больше звёздочек — тем глубже уровень.

* каждая строка начинается со звёздочки;
** чем больше звёздочек — тем глубже уровень;
*** чем больше звёздочек — тем глубже уровень.

Задание

Зайдите на страницу тотема и создайте ненумерованный одноуровневый список трёх самых нелюбимых блюд вашего тотема.

  1. Нумерованные списки тоже хороши:
  2. очень организованные;
  3. легко читаются.
  4. Можно
    1. делать
      1. вложенную
      2. нумерацию
  5. Вот так.

# Нумерованные списки тоже хороши:
# очень организованные;
# легко читаются.
# Можно
## делать
### вложенную
### нумерацию
# Вот так.


Задание

Зайдите на страницу тотема и создайте нумерованный одноуровневый список трёх самых любимых блюд вашего тотема.

Моноширинный текст

править
ЕСЛИ
строка начинается с пробела, ТОГДА она будет отформатирована так же, как и набрана.
Шрифтом фиксированной ширины без переноса строк;
КОНЕЦЕСЛИ

Аналогичного результата можно добиться используя тэг <pre>текст</pre>.

Это можно применять для:

  • вставки преформатированного текста;
  • описания алгоритмов, исходного кода программ;
  • создания простых таблиц;
  • ASCII art (создание изображений при помощи текстовых символов).
                                                                                                                                                                                                                                 ___
                                                                                                                                                                                                                                (o,o)
ВНИМАНИЕ! Если вы сделаете такую строку длинной, вы сделаете всю страницу широкой и из-за этого менее читабельной. Никогда не начинайте обычные строки с пробела. Разве только вы не захотите сделать что-то особенное.         |)__)
                                                                                                                                                                                                                                -"-"-
                                                                                                                                                                                                                                O RLY?   

Задание

Напишите на странице тотема сообщение всем другим тотемам. Оформите его как моноширинный текст.

Выравнивание текста

править

Этот абзац отцентрирован. Использована конструкция: <p style="text-align:center">текст абзаца</p>. Для того, чтобы лучше показать, чем отличается выравнивание по центру от выравнивания по ширине, по левому и по правому краю, пришлось вставить этот никчёмный текст.

Этот абзац выровнен по ширине. Использована конструкция: <p style="text-align:justify">текст абзаца</p>. Для того, чтобы лучше показать, чем отличается выравнивание по ширине от выравнивания по центру, по левому и по правому краю, пришлось вставить этот никчёмный текст.

Этот абзац выровнен по левому краю. Использована конструкция: <p style="text-align:left">текст абзаца</p>. Для того, чтобы лучше показать, чем отличается выравнивание по левому краю от выравнивания по центру, по ширине и по правому краю, пришлось вставить этот никчёмный текст.

Этот абзац выровнен по правому краю. Использована конструкция: <p style="text-align:right">текст абзаца</p>. Для того, чтобы лучше показать, чем отличается выравнивание по правому краю от выравнивания по центру, ширине и по левому краю, пришлось вставить этот никчёмный текст.

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

Задание

На своей личной странице напишите один абзац текста на тему «Почему мне нравится/не нравится курс по Wiki-технологии». Выровняйте его по ширине. Сохраните страницу.

Задание

На следующем занятии промежуточный зачёт по предыдущим заданиям:

  • Контент на странице личного тотема переработан. Не copy-paste, а осознанно подобранный материал, отражающий, почему именно это животное вы выбрали в качестве тотема.
  • Страница тотема структурирована с использованием всех элементов, изученных на занятиях.
  • Написана хайку и/или танка, посвящённая тотему.

Ссылки

править

Про простую викификацию статьи мы уже говорили. В русском языке слово часто используется в разных падежах. Если падеж внешне текст не совпадает с ссылкой, то следует использовать следующую конструкцию: [[Название_статьи(ее адрес)|название статьи (как увидят пользователи)]]. Эти ссылки называются внутренними ссылками - они будут ссылаться на страницы проекта, в котором пишется эта статья.

Если же вы захотите оставить ссылку на другой вики-проект, например, из русского Викиучебника, то вы можете воспользоваться так называемыми интервики: для того, чтобы сделать ссылку на Википедию, вам нужно использовать вначале b:, а для ссылки на ссылки на английские проекты нужно воспользоваться языковым кодом английского языка (:en) и, в конце концов, вы получите ссылку [[w:en:Main page|ссылку]]

Задание

Войдите на свою страничку. Напишите фразу «Я люблю животных». Проведите викификацию этой фразы так, чтобы словосочетание «люблю животных» вело на страницу вашего тотемного животного. Сохраните страницу.

Возможно провести викификацию статьи, отделяя окончания от слов. Например: [[тест]]ирование.

Задание

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

Можно ссылаться на подраздел в самой статье, указав его после символа «#»: [[Викисайт:учебный курс#URL]]Викисайт:учебный курс#URL. Если ссылка идёт на раздел внутри статьи, то название статьи можно опустить: [[#URL]]#URL.

Задание

Сделайте на вашей личной страничке ссылку на раздел в описании вашего тотемного животного.

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

править

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

Если вы хотите, чтобы содержание появилось в каком-либо другом месте статьи (а не там, где оно появляется по умолчанию), то поместите ключевое слово __TOC__ в этом месте. А для того чтобы содержание вообще нигде не появлялось, достаточно поместить ключевое слово __NOTOC__ где угодно на странице.

Задание

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

Имена статей

править

Следующие символы нельзя использовать для заголовков статей:

# < > [ ] | { }

Следующие символы не рекомендуется использовать для заголовков статей:

. : /

Символ подчёркивания «_» автоматически заменяется на пробел.

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

Длина имени не должна превышать 255 байт в кодировке UTF-8. Поскольку кириллические символы кодируются в UTF-8 двумя байтами, реальное ограничение — около 130 символов.

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

Перенаправления

править

Перенаправления создаются, когда у одного предмета есть несколько альтернатив названия. У статьи всегда одно «настоящее» название, а для других создаются страницы-перенаправления. Когда пользователь запрашивает такую страницу, он автоматически попадает туда, куда она указывает.

Для создания перенаправления напишите в исходном тексте статьи одну строку:

#ПЕРЕНАПРАВЛЕНИЕ [[Название статьи, куда будет перенаправлено]]

или

#REDIRECT [[Название статьи, куда будет перенаправлено]]

Больше никакого исходного текста быть не должно. Перенаправлений с одной страницы на несколько не бывает.

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

Задание

Очистите личную страницу. Сделайте перенаправление с вашей странички на страницу тотемного животного. Сохраните. Проверьте как это работает. А теперь верните всё как было.

Разместить внешнюю ссылку крайне легко. Достаточно разместить полный URL сайта http://ru.wikipedia.org и всё работает!

Если вы хотите, чтобы внешняя ссылка была поименована, то надо делать так: [http://ru.wikipedia.org Википедия]Википедия.

Задание

Разместите на личной страничке ссылку на ваш любимый интернет-ресурс. Назовите его по-русски.

Дать ссылку на почтовый адрес также легко: mailto:1553@inbox.ru. По аналогии [mailto:1553@inbox.ru Лицей 1553]Лицей 1553.

Задание

Разместите на странице тотема несколько ссылок на внешние источники, связанные с тотемом.

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

править
Используйте логическое ударение, ''логическое ударение''
а также структурное выделение '''структурное выделение'''
или даже логическое ударение в структурном выделении (или наоборот). '''''логическое ударение в структурном выделении (или наоборот)'''''
Моноширинный шрифт для технических терминов, <tt>технических терминов</tt>
специальное форматирование для фрагментов исходного кода. <code>исходного кода</code>
Вы можете использовать маленький текст для подзаголовков, <small>маленький текст</small>
и большой текст для смыслового выделения. <big>большой</big>
Вы можете перечёркивать удалённый материал, <s>перечёркивать удалённый материал</s>
подчёркивать новый материал <u>подчёркивать новый материал</u>
и надчёркивать текст. <font style="text-decoration:overline">надчёркивать текст</font>

Задание

На своей личной странице напишите один абзац текста на тему «Почему мне нравится/не нравится курс по Wiki-технолгии» с обоснованным применением всех вышеперечисленных видов форматирования.

Цвета символов

править

Для окраски текста в вики, как и в HTML, служит атрибут style. Куски текста, цвет которых нужно изменить, включают в теги <span>.

Цветной текст <span style="color:red">Цветной текст</span>
Фон для одного или неcкольких слов <span style="background-color:yellow">Фон для одного или неcкольких слов</span>
Можно комбинировать <span style="color:red;background-color:yellow">Можно комбинировать</span>

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

Используйте таблицу цветов. Вы можете использовать как шестнадцатеричный код цвета, так и его название.

Задание

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

Специальные символы

править

Специальные символы в основном используются для написания формул. У каждого символа, приведённого ниже, есть специальное обозначение. См. Специальные символы. Движок MediaWiki записывает статьи в кодировке Юникод, поэтому для удобства чтения исходного текста рекомендуется символы вставлять непосредственно, без использования кодов HTML, напр., α вместо &alpha;.

Знаки пунктуации

¿ ¡ « » ‹ › ‘ ’ “ ” ‚ „ § ¶ † ‡ • — – …

Математические символы

√ ∫ ∂ ∑ ∏ − ± × • ÷ ≈ ∝ ≡ ≠ ≤ ≥ ∈ ∩ ∪ ⊂ ⊃ ⊆ ⊇ 
¬ ∧ ∨ ∃ ∀ ⇒ ⇔ ← → ↑ ↓ ↔ ¹ ² ³ ¼ ½ ¾ ° ′ ″ ∞ ‰ ∇

Коммерческие символы

™ © ® ¢ € ¥ £ ₴

Другие символы

♠ ♣ ♥ ♦ ⊕ ª º ´ ¨ ˜ ‾ ¦ ◊ ∠ ⊥ ƒ ⁄ ˆ ★

Греческие буквы

Α Β Γ Δ Ε Ζ Η Θ Ι Κ Λ Μ Ν Ξ Ο Π Ρ Σ Τ Υ Φ Χ Ψ Ω
α β γ δ ε ζ η θ ι κ λ μ ν ξ ο π ρ σ τ υ φ χ ψ ω

Внимание! Не все браузеры поддерживают расширенный набор символов.

Для написания сложных формул, гарантированно отображающихся в браузере, используется конструкция: <math>формула</math>. Пример:

<math>\sum_{n=0}^\infty \frac{x^n}{n!}</math> .

Подробнее см. Википедия: Формулы.

Для размещения символов в верхних и нижних индексах:

нижний индекс: x2 x<sub>2</sub>
верхний индекс: x2 x<sup>2</sup>
или x² x&sup2;


Задание

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

Подавление интерпретации разметки

править

Если вам необходимо разместить выражение, содержащее вики-разметку в исходном виде (например для написания учебного курса по вики-сайту :), используйте конструкцию: <nowiki>выражение</nowiki>.

Задание

На своей личной странице отобразите вслед за абзацем «Моё обучение в Лицее» вики-разметку этого абзаца.

Комментарий в исходном тексте страницы

править

Комментарий в исходном тексте страницы: не отображается на странице. Используется для внесения в исходный текст страницы комментария для последующих редакторов. Пишется он так: <!-- комментарий -->.

Задание

На странице своего тотема оставьте комментарий для своего тотемного брата/сестры.

Задание

Проведите умеренное шрифтовое оформление страницы тотема. Используйте специальные символы оправданно.


Дополнительно

править

Задание

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