Просмотр исходного текста страницы Мастер-класс Пять шагов навстречу Вики/Шаг 2

__NOTOC__
{| cellpadding="15" cellspacing="5" style="width: 100%; background-color:#99FFFF;border: 1px solid #771177; margin-left: auto; margin-right: auto;"
|[[Мастер-класс "Пять шагов навстречу Вики"|Главная страница]]
|[[Мастер-класс Пять шагов навстречу Вики/Шаг 1|Регистрация,  личная страница, общение]]
|[[Мастер-класс Пять шагов навстречу Вики/Шаг 2|Создание и оформление страницы в вики]]
|[[Мастер-класс Пять шагов навстречу Вики/Шаг 3|Работа с изображениями и таблицами]]
|[[Мастер-класс Пять шагов навстречу Вики/Шаг 4|Вставка объектов из других интернет-сервисов в вики]]

|}
{| cellpadding="15" cellspacing="5" style="width: 100%; background-color: inherit; margin-left: auto; margin-right: auto"
| style="width: 50%; background-color: #EFF5FF; border: 1px solid #771177; vertical-align: bottom; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" rowspan="2" |
=Шаг 2. Создание и оформление страницы в Вики=
===<p style="text-align:left;font-size:100%;color:#4169E1;">'''''Создание страницы в Вики'''''</p>===
Личную страницу Участника используем , как страницу-портфолио. Для экспериментов с оформлением и сервисами создадим подстраницу. Такая страница создается по следующим правилам: копируется название страницы участника и через слэш (/) пишется название подстраницы. '''<nowiki>[[Участник:имя участника/Песочница]]</nowiki>.''' 

Например,

'''Участник:Иванов Иван Иванович/Песочница'''. 

'''Создайте свою страницу-песочницу'''
<br clear="both" />

*Переходим на свою личную страницу и открываем режим '''Правка'''
*Пишем название нашей будущей страницы  в двойных квадратных скобках. Скобки можно сделать вручную, а можно использовать кнопку [[Изображение:1.png]] на панели редактирования. Для этого нужно сначала выделить название страницы мышкой, а затем нажать кнопку [[Изображение:1.png]].
*Сохраняем страницу, нажав кнопку '''Записать страницу'''.
*На личной странице появится название будущей страницы. Оно будет красного цвета. Это значит, что такой страницы еще нет. Щелкните по красной ссылке и вы перейдите в на страницу-песочницу в режиме редактирования страницы. 

===<p style="text-align:left;font-size:100%;color:#4169E1;">'''''Оформление страницы в Вики'''''</p>===

== Панель инструментов и окно для редактирования страницы ==

[[Изображение:3.png]]

В самой верхней части окна находится панель инструментов, позволяющая быстро вставить большую часть конструкций редактирования. Под панелью инструментов находится текстовое поле - здесь вы редактируете исходный текст wiki-страницы. Ниже находятся кнопки сохранения, предварительного просмотра и Внесённые изменения.[[Изображение:4.png]]

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

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

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

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

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

Яркие цвета в статьях должны использоваться только в виде исключения, когда это целесообразно. <span style="color:red;background-color:yellow">Цвета</span> <span style="color:green;background-color:red">нужно</span> <span style="color:red;background-color:green">использовать</span> <span style="color:yellow;background-color:blue">обдуманно</span>.

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

==Загрузить изображение в Вики ==

[[Изображение:6.png]]
<br>1. В левой колонке сайта - инструменты - есть специальная команда - Загрузить файл.
<br>2. Далее нажмите кнопку "Выберите файл".
<br>3. В открывшемся окне найдите рисунок на компьютере и щелкните по нему два раза.
<br>4. Нажать внизу кнопку "Загрузить файл".
<br>5. Когда рисунок будет загружен, дайте название картинке и запомните его.
<br>6. Перейдите на нужную Вики-страницу, нажмите Править, поставьте курсор в нужное место.
<br>7. На панели инструментов нажмите кнопку "Встроенный файл". Появится код, щелкните правой кнопкой мыши по выделенному и выберите команду вставить.
<br>8. Чтобы изображение сделать меньше, расположить справа на странице, надо дописать в коде следующее:
'''<nowiki>[[Файл:Имя_картинки.jpg|right|thumb|100px|Пояснительная подпись]]</nowiki>'''
<br>9. Нажать кнопку '''Записать'''.
<br clear="both" />
'''Ошибки при использовании изображений''' 
*безымянные файлы: 1.jpg, 123.jpg, 222.jpg, Я.JPG, Моё фото.JPG, Лена.JPG и т.п.; они автозаменяются системой, и на Вашей странице появляется чужая фотография)
*безымянные файлы типа: DSC69259474567648582.jpg при "потере" их сложно найти; есть случаи совпадения;
*файлы с нарушением авторских прав и Закона о безопасности личных данных в сети Интернет (вступил в силу 01.01.2010) (необходимо указывать автора или источник)
*файлы, размер которых превышает 500 Кб
*не используйте фотографии детей, на которые вами не было получено письменное согласие их родителей.

==Ссылка на страницу вики ==
Оформим ссылку на вашу личную страницу в разделе '''участники''' со страницы библиотеки.

[[Изображение:sc1.png]]  

Внутренние ссылки  обрамляются по схеме '''<nowiki>[[Название целевой статьи|видимый текст ссылки]]</nowiki>'''. Ссылка на страницу участника будет выглядеть так: '''<nowiki>[[Участник:Иванов Иван Иванович|Иванов Иван]]</nowiki>''' и получаем ссылку на страницу пользователя [[Участник:Иванов Иван Иванович|Иванов Иван]]

==Ссылка на внешний ресурс (сайт, блог) ==
Внешние ссылки -это ссылки на ресурс сети Интернет. Внешние ссылки соединяют страницы Вики с другими ресурсами по определенной теме. 

Оформляются ссылка таким образом: '''<nowiki>[http://URL-адрес Видимый текст ссылки]</nowiki>'''.

Создаем ссылку на сайт/блог вашей библиотеки в разделе Электронные ресурсы. Например, '''<nowiki>[http://srkc.ru/ Центр дистанционного обучения]</nowiki>''' и получаем внешнюю сслыку на сайт [http://srkc.ru/ Центр дистанционного обучения]

= =
{{Задание|*Создайте свою страницу-Песочницу (используя ссылку на свою страницу) на странице мастер-класса [[Мастер-класс Пять шагов навстречу Вики/Список участников|"Участники"]].
*Расскажите о себе, используя различные приемы форматирования.
*Загрузите своё фото.
*Создайте внутреннею ссылку на любую страницу сайта ВикиСтавЦДО.
*Создайте ссылку на любой внешний ресурс.}}

== Рабочие материалы==
*[[Справка: Оформление текста]]
*[[Справка: Ссылки]]
*[[Справка: Вставка изображений]]
*[[Справка: Форматирование символов]]