Оформление страниц

Структурный текст

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

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

Если пп.1 зависит от контента, то для достижения целей по остальным пп. служит специальная разметка.

бюро переводов перевода текста

Разделы

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

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

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

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

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

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

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

---

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

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

При каждом добавлении комментария к дискуссии. OM 13:44, 13 сентября 2006 (MSD)

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

Так как это сделано здесь OM 13:44, 13 сентября 2006 (MSD)

Списки

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• вставки преформатированного текста;
• описания алгоритмов;
• исходного кода программ
• AsciiArt (создание изображений при помощи текстовых символов).

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

Ссылки

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

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

Можно ссылаться на подраздел в самой статье, указав его после «решётки»: [[Wiki.Занятие 5#URL]] => Wiki.Занятие 5#URL. Если ссылка идет на раздел внутри статьи, то название статьи можно опустить: [[#URL]] => #URL.

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

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

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

Имена статей

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

# < > [ ] | { }

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

. : /

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

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

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

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

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

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

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

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

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

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

URL

Разместить внешнюю ссылку крайне легко. Достаточно разместить полный 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>
Вы можете перечёркивать удалённый материал	<strike>перечёркивать удалённый материал</strike>
и подчёркивать новый материал.	<u>подчёркивать новый материал</u>

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

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

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

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

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

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

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

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

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

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

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

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

™ © ® ¢ € ¥ £

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

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

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

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

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

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

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

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

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

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

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

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