Перегляд вихідного коду сторінки Оформлення та заповнення власної сторінки

<div style="margin-top:-10px;margin-bottom:10px">
{|
|width="5" style="background-color:#4cbb81;"|
|Виконавши цю інструкцію, ви будете вміти:
*відкривати власну сторінку;
*задавати структуру та заповнювати відповідні розділи;
*додавати внутрішні посилання на:
**поки що не створені статті, 
**існуючі на Iteach Wiki статті, .
*додавати категорії.
|}
</div>

==Що таке власна сторінка?==

''Власна сторінка'' – це окрема стаття на ВікіОсвіті, яку оформлює про себе сам користувач.
Це єдина сторінка, яку не редагує ніхто, крім автора сторінки.

Власна сторінка (стаття) генерується автоматично, як тільки користувач зареєструвався.

Власна сторінка - це один із способів розповісти про себе так, щоб  знайти однодумців  і вести з ними спілкування. Вона може: 
#Допомогти іншим зрозуміти, з ким вони працюють;
#Допомогти в організації вашої роботи і спілкування.

На ній ви можете розмістити посилання на:
:*сторінки статей які ви створюєте;
:*описи проектів в яких ви приймаєте участь;
:*ваші роботи на різних сервісах;
:*сервіси на яких ви працюєте;
:*ресурси корисні для роботи і навчання;
:*власні сторінки друзів;

==Відкрити власну сторінку==

Щоб почати заповнювати власну сторінку, після успішного представлення системі натисніть посилання з вашим реєстраційним іменем (наприклад, <font color="red">Anisimov Yuriy</font>, <font color="#008000"><b>(мал. 1)</b></font>)

[[Зображення:Instr_vlasstor_01.jpg|thumb|center|397 px|<font color="#008000"><b>(мал. 1)</b></font>]]
<br clear=both />
З’явиться вікно виду <font color="#008000"><b>(мал. 2)</b></font>.

'''Увага!''' Після виконання даного завдання посилання на вашу сторінку стане <font color="#5f8dd3">'''синього кольору'''</font>.

==Заповнити власну сторінку==
'''Крок 1.''' 

Для заповнення '''особистої сторінки учасника''' з іменем '''Користувач: Anisimov Yuriy''' <br>натисніть на вкладку '''створити''' або посилання '''створити сторінку з такою назвою'''. <font color="#008000"><b>(мал. 2)</b></font>

[[Зображення:Instr_vlasstor_02.jpg|thumb|center|655 px|<font color="#008000"><b>(мал. 2)</b></font>]]
<br clear=both />

'''Крок 2.'''

На сторінці '''Редагування Користувач: Anisimov Yuriy''' <font color="#008000"><b>(мал. 3)</b></font>
*введіть з клавіатури у робоче вікно текст вашої сторінки 
*виконайте його вікі-розмітку (оформлення).
[[Зображення:Instr_vlasstor_03.png|thumb|center|489 px|<font color="#008000"><b>(мал. 3)</b></font>]]
<br clear=both />Створимо власну сторінку за зразком <font color="#008000"><b>(мал. 4)</b></font>. Пізніше Ви, за бажанням, зможете її доповнити чи змінити.
[[Зображення:Instr_vlasstor_04.png|thumb|center|377 px|<font color="#008000"><b>(мал. 4)</b></font>]]
<br clear=both />

=== Технологія оформлення сторінки ===
====Створити структуру ====

'''Крок 1.''' Ввести назви розділів.

У режимі редагування ввести з клавіатури наступні назви розділів статті (назви розділів)  <font color="#008000"><b>(мал. 4)</b></font>:
*Про мене 
*Мої захоплення 
*Мої друзі 
*Проекти, в яких я беру участь 
*Статті, які я редагую 
*Цікаві посилання 

Клацніть по кнопці '''Попередній перегляд'''.  Якщо текст відображається, як на <font color="#008000"><b>(мал. 6)</b></font> , то клацніть по кнопці '''Зберегти статтю'''.

(На <font color="#008000"><b>(мал. 5)</b></font> – вигляд фрагменту сторінки у вікні редагування, на <font color="#008000"><b>(мал. 11)</b></font> - вигляд того ж фрагменту на збереженій сторінці)
{|
|- valign="top"
|[[Зображення:Instr_vlasstor_05.png|thumb|left|299 px|<font color="#008000"><b>(мал. 5)</b></font>]]
|[[Зображення:Instr_vlasstor_06.png|thumb|left|484 px|<font color="#008000"><b>(мал. 6)</b></font>]]
|}<br clear=both />
'''Крок 2.''' Задати вікі-розмітку

У вікні редагування поставте з обох боків назв розділів подвійне дорівнює <font color="#008000"><b>(мал. 7)</b></font>. Це можна зробити швидко - виділити назву розділу та натиснувши кнопку[[Зображення:Instr_vlasstor_07.png|26 px]] на панелі інструментів вікна редагування. Далі стандартна операція: Клацніть на кнопці '''Попередній перегляд'''.  Якщо текст буде відображатися, як на <font color="#008000"><b>(мал. 8)</b></font>, то клацніть на кнопці '''Зберегти статтю'''. 

'''''Примітка:''''' На <font color="#008000"><b>малюнку 8</b></font> - кінцевий результат Вашої роботи. 

'''Увага!''' При '''попередньому перегляді''' посилання [<font color="#5f8dd3">ред.</font>] відображатися не будуть, вони з'являться лише після того, як Ви збережете сторінку.

ТЕПЕР ВИ МОЖЕТЕ РЕДАГУВАТИ НЕ ВСЮ СТАТТЮ (СТОРІНКУ), а тільки її розділи, клацаючи біля них на посилання [<font color="#5f8dd3">ред.</font>].
{|
|- valign="top"
|[[Зображення:Instr_vlasstor_08.png|thumb|left|299 px|<font color="#008000"><b>(мал. 7)</b></font>]]
|[[Зображення:Instr_vlasstor_09.png|thumb|left|359 px|<font color="#008000"><b>(мал. 8)</b></font>]]
|}
<br clear=both />

====Заповнити відповідні розділи структури====
'''Крок 1.''' Заповнимо розділ '''Про мене''', клацнувши по посиланню [<font color="#5f8dd3">ред.</font>] праворуч від нього
{|
|- valign="top"
|[[Зображення:Instr vlasstor 10.png|thumb|left|384 px|<font color="#008000"><b>(мал. 9)</b></font>]]
|[[Зображення:Instr vlasstor 11.png|thumb|left|334 px|<font color="#008000"><b>(мал. 10)</b></font>]]
|}
<br clear=both />
Ви впишете текст аналогічний тексту на <font color="#008000"><b>мал. 9</b></font> та після традиційних '''попереднього''' та остаточного збережень отримаєте <font color="#008000"><b>мал. 10</b></font>.

'''Зверніть увагу  на запис електронної адреси!!!''' ''anisimovyura на gmail.com''.

Такий запис не дає можливості  спамовим програмам ідентифікувати цей запис як Вашу електронну адресу і відправляти на Вашу адресу небажані листи.

'''Крок 2.''' Розташування тексту на <font color="#008000"><b>мал. 10</b></font> можна покращити. Для цього вставимо порожні рядочки між відповідними фрагментами та поставимо перед ними двокрапки. Результатом буде зображене на <font color="#008000"><b>мал. 11</b></font> Після збереження отримаємо результат як на <font color="#008000"><b>мал. 12</b></font>
{|
|- valign="top"
|[[Зображення:Instr vlasstor 12.png|thumb|left|392 px|<font color="#008000"><b>(мал. 11)</b></font>]]
|[[Зображення:Instr vlasstor 13.png|thumb|left|336 px|<font color="#008000"><b>(мал. 12)</b></font>]]
|}
<br clear=both />
'''Крок 3.''' Використовуючи опис дій  пункту '''Заповнити відповідні розділи структури''', заповніть всі розділи власної сторінки, які Ви зараз вже можете заповнити.

==Додавання внутрішніх посилань на власній сторінці==

{|cellpadding="5"
|-
|<font size="+2">Запам’ятайте!</font>
|основне правило Вікі-технології – внутрішнє* посилання є назвою статті,<br> 
що знаходиться на даному вікі-сайті
|}

'''*Примітка:''' Внутрішні посилання дозволяють перейти тільки до певної статті цього вікі-сайту, а зовнішні посилання - до вказаної веб-сторінки в Інтернеті

=== Додавання внутрішнього посилання на статтю що не існує ===
У розділ ''Статті, які я редагую'' додайте внутрішнє посилання на статтю, яку вам потрібно (поки що не створена)

Для цього, перейдіть у режим редагування розділу ''Статті, які я редагую'', введіть правильну назву вашої статті. (Як правильно записати назву дивись [[Інструкція щодо іменування статей]])

{|cellpadding="5"
|-
|<font size="+2">Нагадуємо!</font>
|Назву статті обов'язково потрібно вводити в називному відмінку однини.
|}

Щоб певний текст став внутрішнім гіперпосиланням, його у режимі редагування потрібно «обійняти» подвійними квадратними дужками. Цей процес можна спростити — виділити потрібний текст та натиснути кнопку [[Зображення:Instr vlasstor 14.png|27 px]].

В результаті в режимі редагування ви побачите запис '''<nowiki>[[Назва статті]]</nowiki>''', а після збереження на вашій сторінці відобразиться <font color="red">'''Назва статті'''</font>

Посилання з назвою вашої статті буде червоним оскільки статті з такою назвою ще не існує.

=== Створити внутрішнє посилання на існуючу статтю ===
Посилання допомагають спілкуватись з друзями швидко перейшовши до їх сторінок.
У розділ ''Мої друзі'' можна додати внутрішні посилання на персональні сторінки тих людей з якими Вам найбільше всього цікаво працювати і спілкуватись.

[[<font color="#5f8dd3">'''Користувач:Реєстраційне ім’я товариша_01'''</font>]]<br>
[[<font color="#5f8dd3">'''Користувач:Реєстраційне ім’я товариша_02'''</font>]]

Посилання з назвою '''Користувач:Реєстраційне ім’я товариша…''' буде синім якщо ваш товариш вже заповнив особисту сторінку та червоним, якщо ви припустилися помилки в цій назві або сторінка ще не заповнена.

'''*Примітка:'''Якщо ви хочете змінити текст посилання, то оформіть внутрішнє посилання наступним чином

<nowiki>[[Користувач:Anisimov Yuriy|Юрій Анісімов]]</nowiki>

==Додавання зовнішнього посилання==
'''Зовнішні посилання '''(посилання на інші сайти Інтернету) створюються за зразком

:'''[Адреса веб-сторінки''' '''''Текст, що відображається на екрані'']'''. 

:Наприклад:
::*при введенні '''<nowiki>[http://paint.kards.qip.ru/compose/index/index.htm Програма on-line малювання]</nowiki>'''. 
::*після збереження '''[http://paint.kards.qip.ru/compose/index/index.htm Програма on-line малювання]'''

При створенні таких посилань зручно використовувати кнопку [[Зображення:Instr vlasstor 15.png|Зовнішнє посилання]] панелі інструментів on-line редактора.

==Додати категорію==
Категорії додають до статті в самому кінці тексту.
Для цього записують рядок '''Категорія:Ім'я_категорії''' та беруть його в подвійні квадратні дужки.

:Наприклад, якщо ім'я категорії Web2osvita, 
::*то в режимі редагування статті будемо мати '''<nowiki>[[Категорія:Web2osvita]]</nowiki>'''
::*а після збереження внизу статті відобразиться посилання [[Зображення:Instr vlasstor 16.png|155px]]

Тепер, натиснувши на посилання '''Web2osvita''', ви зможете перейти до сторінки, на якій будуть відображатися всі статті та малюнки які мають категорію '''Web2osvita'''.

==Час радіти!==
Після створення власних сторінок ПОРАДІЙТЕ з приводу того, що в них :

*Автоматично з’явився '''Зміст''' зверху сторінки, в якому працюють '''посилання''' на всі розділи сторінки.
*Працюють '''внутрішні''' посилання на вже '''створені''' статті з назвами
Користувач:Реєстраційне ім’я товариша… <font color="#5f8dd3">'''синього кольору'''</font>
*А крім того в Вас можливо є внутрішнє посилання <font color="red">'''червоного кольору'''</font> на дуже цікаву статтю яку Ви плануєте написати трохи пізніше.

<center>
<font size="+2" color="orange">Бажаємо успіхів у роботі і спілкуванні на Iteach Wiki!</font><br>
<font size="+3" color="#3366ff"><b>;-)</b></font>
</center>


----

:*'''[[Реєстрація на Iteach Wiki]]'''
:*'''[[Створення та оформлення вiki-статті]]'''

[[Категорія:Довідка]]