Вы находитесь на странице: 1из 48

Федеральное агентство по образованию

Государственное образовательное учреждение


высшего профессионального образования
«Волгоградский государственный педагогический университет»

А. Н. Сергеев

УЧИМ И УЧИМСЯ С ВИКИ:


СОЗДАНИЕ РЕСУРСОВ СЕТИ
ИНТЕРНЕТ

Учебно-методическое пособие
для студентов педагогических вузов

Волгоград
Издательство ВГПУ
«Перемена»
2008
ББК 74.202.53я73
С 322

Рецензент:
В. В. Ребро, канд. пед. наук, доц. кафедры теории
и методики преподавания физики и информатики ВГПУ.

Сергеев А. Н.
С 322 Учим и учимся с Вики: создание ресурсов сети Интернет:
учеб.-метод. пособие для студ. пед. вузов. — Волгоград:
Изд-во ВГПУ «Перемена», 2008. — 48 с.
ISBN 978-5-9935-0072-0
В пособии рассматриваются возможности создания ресурсов Ин-
тернета на основе технологий вики. Подробно представлены вопросы
создания собственных страниц, размещения документов, организации
навигации и обратной связи. Даются рекомендации по освоению тех-
нологий вики, а также по созданию собственных порталов. Технологии
вики вписываются в общую концепцию Веб 2.0, и в пособии отдельное
внимание уделяется более широким вопросам использования социаль-
ных сервисов сети Интернет, что позволит продолжить свое образова-
ние в области новых интернет-технологий.
Адресовано студентам педагогических вузов, работникам образова-
тельных учреждений, заинтересованным в использовании интернет-
технологий со школьниками и студентами.

ББК 74.202.53я73
ISBN 978-5-9935-0072-0 © А.Н. Сергеев, 2008
© Издательство ВГПУ «Перемена», 2008

2
СОДЕРЖАНИЕ

1. Введение в Вики .................................................................................. 4


2. Основы работы Вики ..........................................................................5
2.1. Регистрация на сайте ..................................................................7
2.2. Создание новых страниц ............................................................8
2.3. Пространства имен и основные разделы Вики ........................9
3. Язык разметки вики-страниц ...........................................................11
3.1. Основные элементы форматирования текста ........................12
3.2. Ссылки .......................................................................................12
3.3. Заголовки ...................................................................................13
3.4. Изображения и различные файлы ...........................................14
3.5. Списки ........................................................................................15
3.6. Таблицы .....................................................................................16
3.7. Необрабатываемый текст .........................................................17
3.8. Специальные символы .............................................................17
3.9. Встраивание HTML ..................................................................18
4. Создание страниц (практикум) ........................................................18
5. Метки-категории и навигация по сайту ..........................................20
6. Обсуждения на страницах Вики ......................................................24
7. Дополнительные возможности оформления страниц ...................27
7.1. Математические формулы .......................................................27
7.2. Яркие заметки ............................................................................28
7.3. Фотоальбомы .............................................................................29
7.4. Боковые меню и комментарии ................................................31
7.5. Перенаправления страниц ........................................................32
8. Рекомендации по созданию своего раздела ...................................33
9. Управление сайтом ............................................................................35
10. Создание портала Вики ..................................................................36
11. Вопросы и ответы ............................................................................37
11.1. Управление страницами .........................................................38
11.2. Редактирование страниц ........................................................38
11.3. Загрузка файлов ......................................................................39
12. Что еще узнать про возможности Интернета? .............................40
12.1. Дополнительные источники о Веб 2.0 ..................................41
12.2. Социальные сервисы сети Интернет ....................................41
12.3. Сетевые службы для работы с документами .......................45
12.4. Веб-синдикация .......................................................................46
13. Вместо послесловия ........................................................................47

3
1. Введение в Вики

Вики — это технологии быстрого создания гипертекстовых стра-


ниц в Интернете или на сервере локальной сети1, что позволяет не
только просматривать страницы вики-сайта, но и править их, созда-
вать новые, публиковать свои документы самых разных форматов.
Как правило, в Вики доступны обсуждения, связанные с публикуе-
мой информацией, а также полная история всех производимых изме-
нений.
Технологии вики очень удобны для учащихся и преподавателей.
Изучив несложный язык разметки вики-страниц, можно размещать в
открытом доступе учебные материалы, организовывать обсуждения
по разным вопросам, привлекать учащихся к самостоятельной рабо-
те по разработке интернет-ресурсов.
В Интернете существует множество известных вики-проектов.
Во-первых, это Википедия — всемирно известная интернет-энцик-
лопедия (wikipedia.org), содержащая миллионы статей, создаваемых
простыми пользователями Интернета обо всем на свете. Во-вторых,
можно назвать много образовательных проектов на основе вики, са-
мым известным из которых является проект Letopisi.ru.
В-третьих, портал на основе вики можно создать и самим, проще
всего это сделать в локальной сети Windows-машин. Мы специально
подготовили для этого пакет программ на основе Apache и DokuWiki
так, чтобы создание портала заключалось лишь в копировании на
одну из машин локальной сети комплекта файлов и запуске старто-
вого файла (подробнее об этом далее). Данный комплект программ
можно скачать на сайте wiki.vspu.ru, который также является вики-
порталом, организованным на основе DokuWiki.
Используя сайт wiki.vspu.ru или создав свой портал в локальной
сети, вы сможете:
1) размещать текстовую информацию, графические иллюстрации,
создавать ссылки на сетевые ресурсы, публиковать презентации,
публикации и другие файлы самых разных форматов. Эти материа-

1
ВикиВики (WikiWiki) переводится как БыстроБыстро (хотя почему-то с
гавайского языка). Слова пишутся именно слитно и начинаются с прописных
букв, этим подчеркивается особенность языка вики-разметки первых версий
вики. Мы будем использовать термин «вики», когда будем вести речь о
технологиях, и «Вики», когда будем говорить о сайте, сделанном на основе
технологий вики.

4
лы будут легко доступны с любого компьютера вашей локальной
сети и даже из Интернета, если такой доступ вами предусмотрен;
2) проводить обсуждения по самым разным вопросам, связанным
с размещаемой вами информацией, на любых страницах, которые вы
размещаете, или проводить их в стиле форумов и блогов, создав спе-
циальные разделы сайта;
3) использовать метки-категории на страницах сайта, что позво-
лит упорядочить размещаемую информацию, организовать удобный
доступ к страницам и гибкую навигацию;
4) дополнять создаваемые страницы расширенными элементами,
такими как математические формулы, яркие заметки, фотоальбомы,
боковые меню и комментарии, перенаправления страниц и др.
В дальнейшем, говоря о Вики, мы будем подразумевать сайт
wiki.vspu.ru либо сайт локальной сети, созданный вами на осно-
ве предлагаемого комплекта программ. Будьте внимательны, мно-
гие технические моменты, обсуждаемые в данном пособии, не впол-
не можно отнести к другим вики-порталам, в частности, организо-
ванным на основе MediaWiki (Википедия, Letopisi.ru и др.), хотя об-
щие идеи работы в вики-среде, конечно, сохраняются.

2. Основы работы Вики


Порталы на основе Вики, с точки зрения простых пользователей,
мало чем отличаются от обычных сайтов. В Вики можно просматри-
вать текстовые страницы, пользоваться гиперссылками, загружать
размещенные на сайте файлы и др. Главное отличие Вики в том, что
все страницы таких порталов доступны для редактирования, вы мо-
жете не только читать текст, но и править его, загружать новые файлы,
оставлять комментарии. В Вики внизу на каждой странице есть кнопка
«Править страницу» («Создать страницу», «Посмотреть исходный
код»), которая позволяет выполнять эти действия (см. рис. 1)1.

1
Полная свобода редактирования страниц вики-сайтов вызывает опреде-
ленные опасения, ведь изменения можно вносить с разной целью, и возможны
случаи, когда кто-то намеренно попытается испортить размещенную
информацию (так называемый «вики-вандализм»). Но сайты на основе вики
устроены так, что исправить некорректные действия легче, чем эти действия
произвести, кроме того, определенные разделы можно открывать для
редактирования лишь для определенных пользователей. Посмотрите на большие
и успешные вики-проекты (wikipedia.org, letopisi.ru и др.), именно свобода
редактирования определяет их активное развитие!

5
Кнопка меняет свои значения в зависимости от ситуаций:
«Править страницу» — есть полные возможности редактирова-
ния страницы, которую вы просматриваете.
«Создать страницу» — вы обратились к еще не существующей
странице, но можете её создать.

Рис. 1. Кнопка «Править страницу»

«Посмотреть исходный код» — не хватает прав доступа для ре-


дактирования страницы, но вы можете посмотреть исходный код
страницы так, как это делал её разработчик. Чтобы получить права
редактирования, скорее всего, вам надо указать свой логин и пароль,
либо получить дополнительные привилегии у администратора сайта.
Страницы в Вики создаются с помощью специального языка раз-
метки вики-страниц (подробнее об этом далее). Освоить этот язык
очень несложно, он прост и понятен для человека. Кроме того, при
редактировании страниц будет доступна панель инструментов, с по-

6
мощью которой можно наглядно делать основные операции по раз-
метке страниц и загрузке файлов (рис. 2), а нужные приемы оформ-
ления всегда можно посмотреть в исходном тексте тех страниц, где
такое оформление на страницах сайта встречалось.

Рис 2. Редактирование страниц и панель инструментов

2.1. Регистрация на сайте

Чтобы полноценно работать на сайте, следует пройти регистра-


цию и получить свой логин и пароль. Для этого нажмите «Вход» в
левой части любой страницы сайта и выберите ссылку «Новая ре-
гистрация» (см. рис. 3).
При регистрации укажите:
— желаемый логин (если он уже занят, то вам подскажут);
— пароль и его подтверждение (не забудьте!);
— полное имя (будет отображаться на странице тогда, когда вы
будете работать под своим логином и паролем);
— адрес электронной почты (должен быть записан в стиле
«имя@сервер.домен»).

7
Рис 3. Ссылки «Вход» и «Новая регистрация»

Регистрацию нужно пройти лишь один раз. В дальнейшем полу-


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

2.2. Создание новых страниц

В Вики всегда используется правило: «сначала ссылка, затем


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

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

2.3. Пространства имен и основные разделы Вики

Все страницы внутри Вики расположены по своим пространствам


имен. Пространства имен — это папки или разделы сайта, к которым
относятся страницы и загруженные файлы, связанные общим смыс-
лом или тематикой. Например, если вы разрабатываете свой проект,
то все материалы лучше всего разместить в отдельном пространстве
имен, создав таким образом свой раздел на общем сайте.
Каждая страница имеет своё имя, которое можно указать в ко-
ротком или полном формате. Короткое имя — название файла, в ко-
тором хранится страница. Полное имя включает в себя перечисление
всех пространств имен, к которым относится страница. Например:
workroom:my_project:vizitka
Это полное имя страницы vizitka, которая располагается в
пространстве имен my_project и более общем пространстве имен
workroom.
Пространства имен позволяют упорядочить информацию внутри
сайта. Вы можете создавать новые страницы, внутри своих разделов,
не беспокоясь о том, что страницы с нужными вам именами уже су-
ществуют. Кроме того, администраторы могут задавать для отдель-
ных пространств имен необходимые уровни доступа, обеспечив
сохранность информации на сайте и возможность совместной разра-
ботки тех или иных разделов.
Когда нужно использовать полные имена? В большинстве ситуа-
ций вы сможете использовать короткое имя страницы и вам не при-
дется задумываться о том, как называется то пространство имен, в
котором вы работаете. Однако существуют как минимум две причи-
ны, по которым вы захотите использовать полные имена страниц:

9
— когда вам надо разместить ссылку на страницу, которая распо-
лагается в другом пространстве имен;
— когда вам надо начать новый проект и создать для этого новое
пространство имен.
Полное имя существующей страницы вы всегда можете посмот-
реть внизу каждой страницы сайта, а для создания нового про-
странства имен — просто сделать ссылку на некоторую страницу
того пространства, которое вы хотите создать (обычно делают ссыл-
ку на главную страницу, которую называют index).
Первоначальные настройки сайта таковы, что доступны четыре
крупных раздела сайта, оформленные как отдельные пространства
имен.
1. «Копилка» (bank), где содержатся ссылки на уже разработан-
ные материалы и завершенные проекты. Редактировать эти страни-
цы могут редакторы сайта, которые назначаются администратором.

Рис. 4. Основные разделы сайта («Копилка», «Мастерская»,


«Песочница», «Помощь») — верхняя навигационная панель

10
2. «Мастерская» (workroom), где можно вести разработку
своих страниц, создавать новые разделы, загружать файлы, органи-
зовывать обсуждения и др. Страницы этого раздела доступны для
редактирования всем зарегистрированным пользователям сайта.
3. «Песочница» (playground) — специальный раздел для того,
чтобы проводить различные эксперименты по разработке вики-стра-
ниц, тестировать те или иные возможности сайта. Доступ в этот раз-
дел часто предоставляется без указания своего логина и пароля всем
посетителям сайта.
4. «Помощь» (wiki), где размещена вся справочная система
сайта. Вы можете обращаться туда для поиска ответов на свои во-
просы по работе в Вики или просмотра примеров страниц, использу-
ющих возможности сайта.
Навигационная панель для доступа к основным разделам сайта
представлена на рис. 4.

3. Язык разметки вики-страниц

Как было сказано выше, все страницы в Вики создаются с помо-


щью специального языка разметки вики-страниц, который по воз-
можностям напоминает HTML (язык разметки гипертекста, с его по-
мощью представлены все страницы Интернета), однако язык Вики
гораздо проще, нагляднее и понятнее для человека. Разбираясь с
этим языком, вы очень быстро научитесь размещать текстовую ин-
формацию, оформлять заголовки страниц, добавлять гиперссылки,
картинки, списки и другие необходимые элементы. В изучении язы-
ка вам поможет панель инструментов, с помощью которой можно
выполнять основные операции форматирования, а также многочис-
ленные страницы сайта, которые можно использовать в качестве
примеров.
Ниже приведено описание основных возможностей языка размет-
ки вики-страниц.

11
3.1. Основные элементы форматирования текста

На странице Исходный текст (язык Вики)


Вики поддерживает жирный, Вики поддерживает
курсивный, подчеркнутый и **жирный**, //курсивный//,
моноширинный текст. Мож- __подчеркнутый__ и
но объединять элементы ''моноширинный'' текст.
оформления. Можно **__//
''объединять''//__**
элементы оформления.
Можно набирать текст в нижнем Можно набирать текст в
и верхнем индексе. <sub>нижнем</sub> и
<sup>верхнем</sup> индексе.
Можно помечать текст как Можно помечать текст как
удаленный. <del>удаленный</del>.

Абзацы разделяются пустыми строками. Просто оставьте пустую


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

Вот текст, который заканчи- Вот текст, который заканчи-


вается разрывом строки вается разрывом строки\\
Обратите внимание на то, что Обратите внимание на то,
две обратные косые черты что две обратные косые чер-
должны быть в конце строки ты должны быть в конце
или отделяться от последую- строки\\ или отделяться от
щего текста пробелом. Иначе последующего текста\\ про-
ничего не получится. белом. Иначе \\ничего не
получится.

3.2. Ссылки

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


скобок. Если вам нужно сослаться на некоторую страницу (напри-
мер, playground) в вашем пространстве имен, то просто укажите:
[[playground]]

12
Если страница расположена в другом пространстве имен, то надо
указать полный путь, отделяя названия пространств имен двоеточи-
ем:
[[wiki:primer:playground]]
Обратите внимание, что в обоих случаях на месте ссылки будет
выведен первый заголовок страницы, если он существует. Если стра-
ница еще не создана, то ссылка будет оформлена красным цветом,
обратившись по ней, получите предложение эту страницу создать.
Можно уточнить название ссылки, размещенной на странице, для
этого в описании ссылки через символ вертикальной черты напиши-
те текст, который должен отображаться на странице. Например:
[[playground|Песочница в моем пространстве имен]]
[[wiki:primer:playground|Песочница в другом раз-
деле]]
Внешние ссылки создаются автоматически. Просто укажите ад-
рес сайта: http://www.google.com или www.google.com, если он начи-
нается с www. Как и для локальных ссылок, вы можете уточнить их
название, если хотите представить на сайте особым образом:
[[http://www.google.com|Поисковая система Google]]
В двойных квадратных скобках вы можете также оформлять
ссылки на адреса электронной почты или ресурсы локальных сетей.
Можно также ссылаться на конкретные разделы страницы, для
чего после символа # следует указать заголовок, с которого нужно
начать отображение страницы:
[[syntax#Правила форматирования текста]]
В этом случае будьте внимательны: если вы измените заголовок,
то ссылка перестанет работать правильно!

3.3. Заголовки

Для структурирования текста на странице можно использовать


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

13
умещается в один экран), нужно включить в текст страницы неотоб-
ражаемую строку:
~~NOTOC~~
Заголовки оформляются следующим образом:
Заголовок 1- ======Заголовок 1-го уровня======
го уровня
Заголовок 2-го =====Заголовок 2-го уровня=====
уровня
Заголовок 3-го ====Заголовок 3-го уровня====
уровня
Заголовок 4-го
===Заголовок 4-го уровня===
уровня
Заголовок 5-го
==Заголовок 5-го уровня==
уровня

С помощью четырех и более минусов (дефисов) можно сделать


горизонтальную разделительную линию.

3.4. Изображения и различные файлы

С помощью двойных фигурных скобок вы можете вставлять в


текст внешние и внутренние изображения, а также другие файлы:
{{wiki:dokuwiki.png}}
{{http://www.images.ru/flowers.jpg}}
{{workroom:project:presentation.ppt}}
Изображения отображаются на странице, а для файлов создается
ссылка с пиктограммой, которая позволяет файл скачать. Пикто-
граммы добавляются в соответствии с расширением файла, что дает
наглядное представление о характере файла для файлов наиболее по-
пулярных типов.
Если вы хотите разместить изображение или файл прямо в Вики,
то удобнее всего воспользоваться кнопкой «Добавить картинки и
другие файлы» панели инструментов окна редактирования. Вам
предложат найти нужный файл, загрузить его на сервер и выбрать в

14
окне выбора медиа-файлов, после чего изображение или файл будут
добавлены на вашу страницу.
Вы можете управлять внешним видом изображений на странице,
а также их положением относительно текста.
Масштабирование по ширине (по высоте — пропорционально):
{{wiki:doku.png?50}}
Масштабирование по ширине и высоте:
{{wiki:doku.png?200x50}}
Выравнивание по правому краю:
{{ wiki:doku.png}}
Выравнивание по левому краю (текст — справа):
{{wiki:doku.png }}
Выравнивание по центру:
{{ wiki:doku.png }}
Пояснительный текст:
{{wiki:doku.png|Пояснительный текст}}
Можно также делать изображения как ссылки:
[[http://www.fizmat.vspu.ru|{{wiki:mf.png}}]]

3.5. Списки

Вики поддерживает нумерованные и ненумерованные списки.


Чтобы создать элемент списка, поставьте в начале строки два пробе-
ла и следом * для ненумерованного списка или — для нумерованно-
го.
 Первый элемент списка * Первый элемент списка
 Второй элемент списка * Второй элемент списка
 Третий элемент списка * Третий элемент списка
1. Первый элемент списка — Первый элемент списка
2. Второй элемент списка — Второй элемент списка
3. Третий элемент списка — Третий элемент списка
1. Первый элемент списка — Первый элемент списка
 вложенный список один * вложенный список один
 вложенный список два * вложенный список два
2. Второй элемент списка — Второй элемент списка

15
3.6. Таблицы

В Вики довольно просто создавать таблицы:


понедельник вторник среда
математика физкультура труды
пение русский рисование

|понедельник |вторник |среда |


|математика |физкультура |труды |
|пение |русский |рисование |

Можно оформить ячейки как заголовки:

понедельник вторник среда


математика физкультура труды
пение русский рисование

^понедельник ^вторник ^среда |


|математика |физкультура |труды |
|пение |русский |рисование |

Ячейки в строках можно объединять:

понедельник вторник среда


математика физкультура
пение русский рисование

^понедельник ^вторник ^среда |


|математика |физкультура ||
|пение |русский |рисование |

Для выравнивания текста в ячейках следует использовать два или


более пробелов:

слева в центре справа

|слева | в центре | справа|

16
3.7. Необрабатываемый текст

Вы можете сделать так, чтобы набранный вами текст выводился в


окне браузера так, как он представлен вами в окне редактирования.
Это удобно, например, когда вы приводите примеры исходных ко-
дов программ, публикуете тексты песен с гитарными аккордами и
т. п. В этом случае Вики сохраняет переводы строк, оставляет
многократные пробелы и использует моноширинный шрифт, чтобы
положение символов по вертикали не менялось.
Для использования этой возможности просто поставьте два (или
более) пробела в начале строки. В окне браузера такая строка выво-
дится на сером фоне и обрамляется пунктирным прямоугольником.
Если ваша строка достаточно длинная, то включится горизонтальная
прокрутка, чтобы вы смогли посмотреть весь текст.
Внимание! Данная возможность Вики очень часто «досаждает»
начинающим разработчикам вики-страниц, проявляясь там, где вы
этого не хотите. Относитесь внимательно к пробелам в начале ваших
абзацев (к красным строкам текстов, которые вы копируете), не
оставляйте строк, состоящих лишь из пробелов. Не используйте так-
же эту возможность для внешнего оформления страниц, как элемент
дизайна. Главное назначение данной возможности — выводить на
экран текст, который не должен обрабатываться Вики.
Вы можете и полностью отключить возможность форматирования
текста, используйте для этого тег <nowiki> ... </nowiki>. В
этом случае в окно браузера будут выводиться все символы, вклю-
чая управляющие конструкции языка разметки вики-страниц:
На странице Исходный текст (язык Вики)
Вики поддерживает <nowiki>
**жирный**, //курсивный//, Вики поддерживает
__подчеркнутый__ и ''моно- **жирный**, //курсивный//,
ширинный'' текст. __подчеркнутый__ и
''моноширинный'' текст.
</nowiki>

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

Вики может преобразовывать некоторые символы, набранные


текстом, в их типографски корректные эквиваленты. По умолчанию
распознаются такие элементы:

17
→←↔»«–— -> <- <-> => <= <=> >> << --
640×480 © ™ ® “Я помню --- 640x480 (c) (tm) (r) "Я
чудное мгновенье…” помню чудное мгновенье..."

Вы можете использовать также символ неразрывного пробела,


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

3.9. Встраивание HTML

Если каких-то возможностей Вики вам не хватает, то вы можете


включить режим разметки HTML и сделать нужное вам оформление
с помощью HTML-тегов:

Здесь HTML-код <html>


Здесь <font color="red"
size="+1">HTML-код</font>
</html>

Не используйте эту возможность слишком часто. Если вы хотите


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

4. Создание страниц (практикум)

Мы познакомились с основными принципами работы в Вики,


языком разметки вики-страниц, и теперь попробуем применить по-
лученные знания на практике, начав разработку собственных стра-
ниц Вики. Предлагаем построить работу следующим образом:
1. Пройдите регистрацию на сайте. Укажите свой логин и пароль,
чтобы работать как авторизованный пользователь.
2. Обратитесь в раздел «Помощь» и посмотрите примеры про-
стых вики-страниц:

18
— «Простая страница с заголовком, абзацами и списком»;
— «Ссылки на существующие и несуществующие страницы»;
— «Картинки на страницах»;
— «Загрузка дополнительных файлов».
В каждом случае посмотрите на внешнее содержание страниц и
особенности оформления предлагаемых элементов, а также изучите
исходный код, попытавшись найти те строки, которые создают нуж-
ные элементы и оформление.
3. Обратитесь в раздел «Песочница», где вы сможете приступить
к созданию своей первой страницы. Можете сделать для себя новую
ссылку в любом месте песочницы или воспользоваться какой-либо
уже существующей страницей.
4. Создавая свою страницу, попробуйте следующие возможности
Вики:
— Добавьте на страницу несколько абзацев текста. Разделите аб-
зацы пустыми строками и посмотрите, как это выглядит на странице.
Проверьте, что будет, если пустые строки между абзацами не созда-
вать.
— Создайте на странице первой строкой заголовок. Посмотрите,
как заголовок оформляется на странице и как изменилась ссылка, ко-
торая на вашу страницу ссылается.
— Попробуйте применить к фрагментам текста разные варианты
оформления (жирный шрифт, курсив, подчеркивание и др.). Сложно
ли запомнить команды, которые применяют то или иное оформле-
ние?
— Создайте несколько строк, оформленных как список. Попро-
буйте это сделать как с помощью панели инструментов, так и вруч-
ную.
— Сделайте абзац, оформленный как неформатированный текст
(добавьте в начале абзаца два пробела). Как изменился внешний вид
страницы? Сделайте несколько коротких строк подряд, с двойными
пробелами в начале. Сделайте строку, состоящую только из двух
пробелов. Как это представляется на итоговой странице?
— Найдите на своем компьютере какую-нибудь картинку. С по-
мощью кнопки «Добавить картинки и другие файлы» вставьте её
на свою страницу. Посмотрите, что получилось в результате. Как до-
бавилась ссылка на картинку в исходном тексте страницы и как кар-
тинка выглядит в браузере? Обратите внимание, что картинка теперь
хранится не только на вашем компьютере, но и загружена на сервер.

19
Она доступна всем, кто может работать с тем порталом Вики, на ко-
тором работаете вы.
Попробуйте изменить отображаемый размер картинки, способы
выравнивания изображения на странице. Постарайтесь сделать так,
чтобы картинка располагалась между двумя абзацами. Чем отлича-
ется выравнивание картинки влево и отсутствие выравнивания кар-
тинки?
— Добавьте на свою страницу ссылки. Сделайте ссылки на новые
страницы, на страницы, которые уже существуют (на каждой стра-
нице Вики её адрес указан внизу), а также на внешние сайты Интер-
нета. Как выглядят ссылки всех этих типов в окне браузера?
— Попробуйте загрузить в Вики какой-нибудь файл (презента-
цию, текстовый документ, архив или др.; загружается тем же спосо-
бом, который вы использовали при добавлении картинок). Посмот-
рите, как создается ссылка на этот файл. Соответствует ли добавлен-
ный значок типу того файла, который вы загрузили? Можно ли по-
смотреть ваш файл с другого компьютера, на котором также имеется
доступ к Вики?
— Попробуйте добавить таблицы. Поэкспериментируйте с
оформлением ячеек-заголовков, объединением ячеек, выравнивани-
ем текста.
— Посмотрите раздел «История страницы» (ссылка — в левой
части каждой страницы Вики). Там отображаются ссылки на все ва-
рианты страниц, созданные вами. Попробуйте обратиться к некото-
рому прежнему варианту, сравнить его с нынешним, а также вернуть
старый вариант взамен нового.
Узнайте также, какие изменения произошли на сайте в последнее
время. Обратитесь к разделу «Недавние изменения», посмотрите,
что делают ваши коллеги по обучению (если вы занимаетесь в груп-
пе).
5. Теперь вы готовы приступить к разработке собственных разде-
лов в Вики! Лучше всего это начать в Мастерской.

5. Метки-категории и навигация по сайту

Сайты на основе Вики создаются большим количеством людей, и


очень важно сделать так, чтобы разрозненная информация, представ-
ленная на сайте, имела связи между собой, чтобы была возможность

20
для поиска нужных сведений и быстрого перехода между страница-
ми схожей тематики. Чтобы этого достичь, в Вики существуют
встроенные средства поиска и навигации, а также инструменты клас-
сификации размещаемых страниц.
К встроенным средствам следует отнести:
1. Инструмент «Карта сайта». Содержит ссылки на все страницы
Вики, расположенные по пространствам имен.
2. «Поиск по сайту», позволяющий искать страницы по заголов-
кам и содержанию.
3. Инструмент «Вы посетили», где отображаются ссылки на все
страницы, к которым вы обращались в Вики.
4. Инструмент «Обратные ссылки» (можно посмотреть, щелк-
нув по адресу страницы внизу экрана) показывает те страницы, кото-
рые ссылаются на вашу.
На рис. 5 представлена страница «Обратные ссылки» для первой
страницы сайта. Также здесь изображены инструмент «Вы
посетили», ссылки на инструменты «Карта сайта», «Поиск».

Рис 5. «Обратные ссылки», инструмент «Вы посетили»,


ссылки на инструменты «Карта сайта», «Поиск»

21
Для упрощения навигации вы можете создавать свои боковые
меню и заметки для страниц (подробнее об этом далее), а также, ко-
нечно, грамотно планировать пространства имён для объединения
страниц, связанных по тематике.
Инструменты классификации размещаемых страниц связаны с
возможностью использования меток-категорий, которые вы можете
назначать своим страницам в соответствии с их тематикой.
Метки-категории (метки, категории, теги) — это ключевые слова,
которые может указывать каждый пользователь, создавая свою стра-
ницу. Использование меток-категорий — это хорошая идея, позволя-
ющая динамически выстраивать структуру сайта, обеспечивающая
множественность подходов к поиску информации, а также независи-
мость действий большого числа пользователей — разработчиков
сайта.
Добавить метки-категории для своей страницы вы можете с по-
мощью конструкции {{tag> }}, которая будет выглядеть пример-
но следующим образом:

{{tag>Ключевое_слово}}
{{tag>Слово1 слово2 слово3}}
{{tag>"Ключевая фраза"}}
{{tag>"Ключевая фраза" ключевое_слово}}

Обратите внимание, что ключевые слова указываются через про-


бел, а если вы хотите добавить ключевую фразу (несколько слов с
пробелами), то ее надо заключить в кавычки.
Ключевые слова отображаются внизу страницы в сером прямо-
угольнике (см. рис. 6). По каждому ключевому слову вы можете по-
смотреть список страниц, которые к ним относятся, увидев тем са-
мым страницы сайта, связанные с вашей страницей по тематике.
Кроме этого, список ключевых слов вы можете посмотреть в виде
облака тегов, где наиболее популярные слова выделены размером
шрифта (см. рис. 7).
Облако тегов добавляется командой:
~~TAGCLOUD~~
~~TAGCLOUD:количество_тегов~~
Если количество тегов не указано, то выводится 50 самых попу-
лярных.

22
Рис. 6. Метки-категории на странице «Мастерская»

Рис. 7. Облако тегов

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

6. Обсуждения на страницах Вики

Вы можете создавать на своих страницах обсуждения. Для этого


добавьте в конце текста вашей страницы следующую команду:
~~DISCUSSION~~
В обсуждениях могут принимать участие все посетители сайта.
Если вы работаете на сайте под своим логином и паролем, то сможе-
те вносить изменения в те сообщения, которые вы оставляли ранее.
Пример страницы с обсуждениями можно посмотреть на рис. 8.
Чтобы закрыть возможность добавления комментариев или пол-
ностью убрать все сообщения пользователей, используйте одну из
следующих команд:
~~DISCUSSION:closed~~
~~DISCUSSION:off~~
Также вы можете создавать в Вики обсуждения в стиле форумов
или блогов. Форумы содержат много веток обсуждений (см. рис. 9)
и создаются командой:
{{threads>пространство_имен}}
Блоги состоят из большого числа записей, упорядоченных по да-
там их размещения, а также комментариев посетителей сайта (см.
рис. 10). Это удобно использовать для регулярного размещения ка-
кой-либо информации, публикации объявлений и новостей, а также
получения обратной связи от посетителей сайта.

24
Рис. 8. Страница с обсуждениями

Рис. 9. Пример организации форума

25
Рис. 10. Пример страницы в стиле блогов

Чтобы добавить блог, используйте конструкцию вида


{{blog>пространство_имен}}
{{blog>пространство_имен?число_записей}}
Если число записей не указывается, то их выводится пять. Можно
также показать архив сообщений за определенный месяц или за весь
период ведения блога:
{{archive>пространство_имен?YYYY-MM}}
{{archive>пространство_имен?*}}

П р и м е ч а н и е . Обсуждениями в Вики могут управлять моде-


раторы сайта, назначенные администратором. Инструменты управ-
ления доступны модераторам через раздел «Управление» сайта.

26
7. Дополнительные возможности оформления страниц

В Вики существует целый ряд дополнительных возможностей


оформления страниц. К ним можно отнести:
— математические формулы;
— яркие заметки;
— фотольбомы;
— боковые меню и комментарии;
— перенаправления страниц.

7.1. Математические формулы

На страницы Вики можно добавлять математические формулы


(рис. 11).

Рис. 11. Пример страницы с математическими формулами

27
Формулы добавляются в тегах <m>...</m>, они записываются
на языке, похожем на известный язык оформления математических
текстов TeX. Например, чтобы добавить первую формулу в приве-
денном на рис. 11 примере, в тексте страницы указана следующая
конструкция:
<m>S(t)=a_{0}+sum{n=1}{+infty}{a_{n} cos(n omega t)+b_{n}}</m>
Подробное описание языка оформления математических формул
вы сможете найти в справочной системе Вики.

7.2. Яркие заметки

На страницах Вики для привлечения внимания пользователей и


оформления внешнего вида можно использовать яркие заметки.
Пример того, как это будет выглядеть, показан на рис. 12.
Существует четыре вида заметок: «простая» заметка; «полезный
совет»; «внимание»; «опасность». Чтобы добавить заметку, свой
текст надо оформить следующим образом:
<note>
Ваш текст, простая заметка.
</note>

Чтобы поменять внешний вид заметки, укажите в заголовке клю-


чевое слово:
<note tip> ... </note>
<note important> ... </note>
<note warning> ... </note>

Например:
<note tip>
Полезный совет, новая идея.
</note>
Внутри заметок вы можете использовать различные способы
оформления текста на языке Вики, создавать списки, делать ссылки
и др.

28
Рис. 12. Яркие заметки на страницах Вики

7.3. Фотоальбомы

Если вы хотите разместить на странице сразу много фотографий


или других картинок, то можете создать фотоальбом (см. рис. 13).
Для создания фотоальбома надо загрузить изображения на сайт в
некоторое пространство имен (так же, как это делается при размеще-
нии картинок и файлов) и использовать один вариант включения
фотоальбома из приведенных ниже.
Создание фотоальбома с настройками по умолчанию:
{{gallery>пространство_имен}}
Предварительный размер изображения:
{{gallery>пространство_имен?150x150}}
Показывать не более шести картинок на странице:
{{gallery>пространство_имен?6}}
Показывать имена файлов:
{{gallery>пространство_имен?showname}}

29
Рис. 13. Пример фотоальбома

Сортировать в обратном порядке:


{{gallery>пространство_имен?reverse}}
Создавать прямые ссылки на картинки:
{{gallery>пространство_имен?direct}}
Использовать «красивое» отображение оригиналов:
{{gallery>пространство_имен?lightbox}}
Указать размер изображения в режиме «красивого» просмотра:
{{gallery>пространство_имен?lightbox&500x400}}
Указать сразу несколько команд управления фотоальбомом:
{{gallery>пространство_имен?150x150&6&showname}}

30
7.4. Боковые меню и комментарии

Вам доступна возможность создания боковых меню и коммента-


риев для отдельных разделов сайта. Это поможет вам создать удоб-
ную навигацию по сайту, «собрать вместе» страницы, связанные по
смыслу и дополняющие друг друга.
Чтобы создать меню, поместите страницу menu со ссылками на
нужные страницы в ваше пространство имен. Она будет отображать-
ся в левой части экрана для всех страниц, которые относятся к теку-
щему разделу, а также для страниц вложенных подразделов, не со-
держащих собственных меню.
Например, если вы создаете menu как страницу workroom:my_
project:menu, то она будет отображаться для всех страниц
вида workroom:my_project:страница, а также страниц
workroom:my_ project:другой_раздел:страница.
Если в другом разделе есть свое меню, то будет отображаться
именно оно. Чтобы сделать меню, которое не заменяется, создайте
его как закрепленное меню (fixed_menu), в этом случае меню вло-
женных разделов будут добавляться друг к другу.
Боковые комментарии создаются так же, как и заменяемые меню.
Создайте страницу memo, которая может содержать текст, ссылки,
изображения. Это удобно использовать для размещения коммента-
риев, новостей и другой краткой информации, поясняющей создан-
ные вами разделы.
Пример бокового меню и комментария для раздела «Мастерская»
показан на рис. 14.

Итак, чтобы создать боковое меню для своих страниц, надо:


1. Временно создать на какой-нибудь странице своего раздела
ссылку [[menu]].
2. Разместить на странице menu ссылки на ключевые страницы
вашего раздела.
3. После настройки и тестирования бокового меню удалить вре-
менную ссылку на menu с вашей страницы. В дальнейшем доступ к
странице меню вы сможете получить через карту сайта.
Закрепленное меню и комментарии создаются аналогично.

31
Рис. 14. Боковое меню и комментарий для раздела «Мастерская»

7.5. Перенаправления страниц

Иногда нужно, чтобы ссылка на одну страницу автоматически


перенаправлялась на другую. Например, страница переместилась на
другое место или вы решили объединить две страницы в одну и не
хотите, чтобы пользователи потеряли доступ к вашей информации
из-за того, что у страницы поменялся адрес. Перенаправление помо-
жет вам сохранить работоспособность ссылок в пределах всего
сайта.
Для перенаправления поместите на странице, с которой должен
произойти автоматический переход, следующую команду:
~~REDIRECT>страница_которую_надо_показать~~
Например, если такая команда указана на стр. 1 и она указывает
на стр. 2, то пользователь, обратившись по адресу первой страницы,
на самом деле будет перенаправлен на вторую страницу, о чем ему
будет дополнительно сообщено (см. рис. 15).
32
Рис. 15. Сообщение о перенаправлении страницы

8. Рекомендации по созданию своего раздела

Когда приступите к разработке собственного раздела в Вики, у


вас возникнут вопросы о том, где и как следует размещать свои стра-
ницы, как их назвать и на что обращать внимание при оформлении.
Начиная новый проект, лучше всего создать для него специаль-
ный раздел (выделить новое пространство имен). Начать следует с
размещения ссылки на первую страницу раздела, для чего нужно ре-
шить два принципиальных вопроса: «Где будет размещена ссылка?»;
«Как правильно её назвать?».
Все новые проекты лучше всего начинать в разделе «Мастер-
ская». Вы можете сделать ссылку на свой проект прямо в мастер-
ской или использовать наиболее подходящую страницу, которую
там найдете. Если вы используете Вики в рамках каких-либо учеб-
ных курсов, то, скорее всего, ваш преподаватель уже создал специ-
альную страницу для вашей учебной группы, свою ссылку размести-
те именно там!

33
Название ссылки включает название страницы, ваше про-
странство имен, а также разделы, где оно расположено.
Первую страницу всегда называйте index. Ваше пространство
имен — по вашей фамилии или тематике раздела (например,
IvanovAP или pascal_book). Это пространство имен должно на-
ходиться в папках мастерской (workroom) и, как чаще всего бывает
для студенческих разработок, в разделе вашей учебной группы или
курса (например, для работ студентов математического факультета
2008 г. — раздел mf2008). В итоге получаем, что ссылка на ваш
проект может выглядеть примерно так:
[[workroom:mf2008:IvanovAP:index]]
[[workroom:pascal_book:index]]
Пропишите эту ссылку на страницах мастерской или в разделе
вашей учебной группы, сохраните страницу. На месте этой команды
вы увидите красную ссылку index. Откройте эту ссылку и нажмите
«Создать страницу». Теперь вы создаете первую страницу своего
проекта!
Создавая другие страницы проекта в рамках своего пространства
имён, вы можете использовать лишь короткие имена страниц, не
указывая полный путь. Страницы и загружаемые файлы называйте
по-английски и помните, что в Вики всё равно выводится на экран
не название страницы, а её первый заголовок.
Все новые страницы лучше всего начинать с шаблона. Включите
в него заголовок, место для текста страницы, ссылки «Назад» и заго-
товку для меток-категорий. Ваш шаблон может выглядеть, напри-
мер, так:

===== Название страницы =====

Текст страницы

Назад: [[workroom:pascal_book:index]]
{{tag>"Ключевое слово 1" "Ключевое слово 2"}}

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


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

34
разметку страниц на основе таблиц, картинок, неформатированного
текста и др. Ваши материалы будет удобно использовать, если они
будут оформлены по общим правилам сайта и не принесут пользова-
телям различных дизайнерских «неожиданностей».
Продумайте, как ваш раздел будет представлен в общей структу-
ре сайта? Обязательно используйте метки-категории, понятные заго-
ловки. Сделайте на сайте ссылки на ваш раздел там, где это, с вашей
точки зрения, уместно.

9. Управление сайтом

На сайте имеется много возможностей по его настройке и адми-


нистрированию. Эти возможности предоставляются в соответствии с
вашим уровнем доступа.
— Администратор сайта (пользователь admin). Доступны все
возможности управления сайтом, включая базовые настройки Вики,
управление контролем доступа, списками и группами пользователей,
обсуждениями на страницах и др.
— Модераторы сообщений (группа moderators). Доступна воз-
можность правки и удаления сообщений в обсуждениях страниц, в
форумах и блогах. Модераторам доступны инструменты общего
управления обсуждениями.
— Редакторы сайта (группа editors). Доступна возможность
правки и удаления любых страниц сайта и загруженных файлов.
— Пользователи сайта (группа users и др.). Пользователями
сайта являются все, кто работает под своим логином и паролем.
Пользователям открыт доступ для создания и редактирования стра-
ниц в разделе «Мастерская» (удаление страниц и файлов
запрещено), а также полный доступ в разделе «Песочница». Адми-
нистратор сайта может создавать дополнительные группы с правами
пользователей и изменять настройки доступа для разделов сайта.
— Посетители сайта (группа ALL). Посетителями являются все,
кто просматривает страницы сайта. Им доступны возможности про-
смотра страниц, скачивания файлов, участия в обсуждениях.
Управление пользователями, группами и уровнем доступа для
страниц доступно администратору сайта через раздел
«Управление» бокового меню. Этот раздел в части управления со-
общениями доступен и модераторам сайта. Права модератора и ре-
дактора сайта могут быть назначены любому пользователю.

35
Каждый пользователь может относиться сразу к нескольким
группам. Можно добавлять новые группы с нужным доступом к
страницам. Например, можно добавить группы преподавателей, уча-
щихся, ведущих блогов и отдельных разделов сайта. Такие группы
позволят гибко настроить доступ к редактированию страниц, обеспе-
чат работу пользователей и сохранность информации.
Базовые настройки сайта доступны администраторам через раз-
дел «Настройки Вики» управления сайтом. На страницах представ-
лены необходимые комментарии по настройкам. Как администратор,
вдумчиво относитесь ко всем изменениям, старайтесь тестировать
их влияние на поведение сайта и работоспособность его частей.
Дополнительную информацию о работе сайта, его настройках,
добавлении новых возможностей можно найти в Интернете на стра-
нице разработчиков DokuWiki: http://wiki.splitbrain.org/wiki:dokuwiki.

10. Создание портала Вики

Если вы хотите создать портал Вики на своем сервере или в ло-


кальной сети, то проще всего воспользоваться специально подготов-
ленным пакетом программ. Архив этого пакета включает веб-сервер
Apache, настроенный комплект DokuWiki и страницы справки по ра-
боте с порталом. Архив ориентирован на Windows, его размер не
превышает 4 мегабайта. Он полностью разработан с использованием
свободных программ и распространяется свободно. Вы можете ис-
пользовать пакет по своему усмотрению (например, для организации
образовательного портала в школьной локальной сети или Интерне-
те), вносить необходимые добавления или изменения, передавать па-
кет третьим лицам. Изменяя и распространяя пакет, помните требо-
вания свободных лицензий о сохранении первоначального авторства
разработчиков всех его компонентов.
Итак, чтобы создать вики-портал в своей сети или на домашнем
Windows-компьютере, сделайте следующее:
1. Скачайте последнюю версию пакета apache+dokuwiki из Ин-
тернета (http://wiki.vspu.ru).
2. Разархивируйте содержимое архива в какую-нибудь папку ва-
шего компьютера (например, c:\apache+dokuwiki\).
3. Запустите сервер командой start.cmd.
4. Откройте браузер, наберите адрес: localhost.

36
5. Все, можно работать!
Если вы хотите сделать сервер в сети, то установку надо произве-
сти лишь на одном компьютере. Например, в компьютерном классе
лучше всего сервер установить на машине преподавателя.
Чтобы работать с таким сервером на других машинах сети
(компьютерах учеников), в браузере в качестве адреса нужно указать
имя компьютера, на котором вы установили пакет. Это имя отобра-
жается в сетевом окружении, его можно посмотреть и в свойствах
компьютера-сервера.
Если в вашей локальной сети настройки особые и указанный
способ не работает, то попробуйте указать IP-адрес компьютера с ра-
ботающим сервером (такой, как 192.168.0.1), который также можно
посмотреть в настройках. В некоторых случаях вам придется
открыть доступ к порталу и в системе безопасности вашего компью-
тера. Обратитесь к администратору сети для помощи и получения
дополнительных разъяснений.
Вы можете сделать так, чтобы сервер запускался каждый раз при
включении компьютера, на котором он установлен. Проще всего это
сделать через планировщик Windows (Пуск −> Все программы −>
−> Стандартные −> Служебные −> Назначенные задания).
Если вы хотите сделать доступ к вашему порталу из Интернета,
то надо решать вопрос организации канала интернет-доступа к ваше-
му серверу, назначения реального IP-адреса, выделения доменного
имени. Будьте аккуратны в вопросах безопасности доступа из Ин-
тернета, публичные Web-службы все же следует создавать на основе
специально организованных серверов под управлением Linux или
FreeBSD, их сопровождение потребует дополнительных знаний.
Вы можете создать Вики-портал и в Интернете, для этого вам по-
требуется хостинг-провайдер с поддержкой apache и php. Как прави-
ло, это услуги платного хостинга, вы их легко найдете через поис-
ковые системы. Для организации портала вам потребуется не весь
пакет, а лишь его часть, включающая DokuWiki.

11. Вопросы и ответы

При работе с Вики у вас будут возникать определенные вопросы,


в данном разделе мы собрали наиболее распространенные из них.
Надеемся, это поможет вам быстрее освоить работу в среде и совер-
шить меньше ошибок.

37
11.1. Управление страницами
1. Как создать свою страницу?
Сделайте где-нибудь ссылку на страницу (она будет красная),
перейдите по этой ссылке и нажмите кнопку «Создать страницу».

2. Как удалить страницу?


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

3. Как восстановить предыдущую версию страницы?


Откройте нужную версию страницы (через ссылку «История
страницы»), нажмите «Править страницу», а затем — «Сохранить».

11.2. Редактирование страниц


4. Как сделать пустой абзац в тексте?
Сделайте абзац с неразрывным пробелом. Для этого, пропустив
пустую строку, поставьте символ \, пробел сразу после него и снова
пустую строку.

5. Мне надо вставить картинку в левой части страницы и сде-


лать так, чтобы дальнейший текст помещался справа от картин-
ки, а не снизу. Как это сделать?
Вам надо указать, что картинка выровнена по левому краю. По-
ставьте пробел перед закрывающимися фигурными скобками.
Например:
{{:wiki:dokuwiki.png }}

6. Как сделать ссылку на страницу в корневом пространстве


имен, например, на первую страницу сайта?
Поставьте перед названием страницы двоеточие. Для страницы
start:
[[:start]]

38
7. На странице появляются длинные серые пунктирные пря-
моугольники. Почему?
У вас в тексте есть строки, состоящие только из пробелов. Выде-
лите весь текст, вы эти строки увидите. Эти строки надо удалить,
сделать по-настоящему пустыми. Два пробела в начале строки как
раз включают режим неформатированного текста, который оформ-
ляется указанным образом.

8. Мой текст отображается в сером прямоугольнике и очень


сильно «уехал» за правую границу экрана. Как его сделать нор-
мальным абзацем?
Наверное, ваш абзац оформлен как текст с красной строкой? Убе-
рите пробелы в начале абзаца (красную строку), все будет в порядке!

9. Можно ли изменить фон на странице, сделать свой цвет за-


головков, поменять шрифт и др.?
Следует понимать, что Вики — это не способ размещения ваших
страниц и сайтов в Интернете, а среда разработки гипертекста и пуб-
ликации документов в рамках уже существующего сайта со своими
правилами, системой навигации и дизайном. Если вы хотите сделать
свою страницу яркой и заметной, то уделите внимание ее структуре
и содержанию. Поместите графические иллюстрации и придумайте
ясный и понятный заголовок.
Если вы создаете свой собственный вики-портал, то можете изме-
нить шаблон сайта, поменяв дизайн страниц по своему усмотрению.

11.3. Загрузка файлов


10. Я не могу загрузить файл на сервер. Почему?
Скорее всего, ваш файл имеет слишком большой размер (стан-
дартное ограничение — 2 Мб; на сайтах Вики, о которых мы ведем
речь, — несколько больше) или его тип не известен серверу. В лю-
бом случае вам нужно обратиться к администратору сервера для
уточнения вопроса и изменения ограничений.

39
11. Я закачал свой файл на сервер, разместил ссылку на стра-
нице. Но файл все же не скачивается, его нельзя посмотреть. По-
чему такое может быть?
Скорее всего, это проблема использования русских букв в назва-
нии файла. Если такое название слишком длинное или файл распо-
лагается в руссконазванных пространствах имен, то закодированное
имя файла может просто не поместиться в адресную строку браузе-
ра. Используйте английские названия для файлов и пространств
имен Вики.

12. Я закачал на сервер свой файл (например, презентацию), а


теперь мне надо выложить новую версию, но мне не позволяют
это сделать, так как файл с нужным именем уже существует.
Правильно ли это? Как поступить в такой ситуации?
Это правильное поведение Вики, так как философия данных тех-
нологий подразумевает, что никакие действия пользователей не
должны приводить к необратимым изменениям и потере информа-
ции в ответственных разделах. Загружая файлы, вам следует назна-
чать им новые имена, дописывая, например, номер версии или дату
создания. Удалять и заменять загруженные файлы могут только
администраторы и редакторы сайта.

12. Что еще узнать про возможности Интернета?

Вы познакомились с одним из самых интересных направлений


использования сети Интернет для разработки собственных ресурсов
и организации проектов. Это направление вписывается в общую
идею нового поколения сервисов сети Интернет — социальных сер-
висов Веб 2.0. К таким сервисам относят не только вики, но и блоги,
социальные фото- и видеосервисы, сервисы социальных закладок и
многое другое. В каждом случае у вас есть очень хорошие возмож-
ности не только пользоваться той информацией, которая представле-
на в Интернете, но и наполнять сайты своим содержанием, общаться
с другими людьми, совместно работать с ними над достижением об-
щих целей, учиться и делать Интернет таким, какой он нужен вам и
окружающим людям.
Что еще почитать про Веб 2.0, использование вики, блогов и дру-
гих социальных сервисов Интернета? Мы приведем несколько ссы-
лок, которые помогут вам узнать о новых технологиях больше, а так-

40
же рекомендуем познакомиться с теми службами Веб 2.0, которые в
сети наиболее популярны.

12.1. Дополнительные источники о Веб 2.0

 http://ru.wikipedia.org/веб_2.0 — Статья Википедии о Веб


2.0. Приведены ссылки на другие разделы энциклопедии с
описанием конкретных сервисов, а также дополнительные ре-
сурсы Интернета.
 http://edublogru.blogspot.com — Блог об использовании соци-
альных сервисов Веб 2.0 в образовании.
 http://www.bg.ru/article/6016 — 25 интересных фактов о
Веб 2.0.
 http://itc.ua/node/25264 — обзор сервисов, предоставляющих
услуги по созданию и хостингу вики-сайтов.

12.2. Социальные сервисы сети Интернет

Вики

 http://ru.wikipedia.org — Российская часть Википедии —


Всемирной интернет-энциклопедии обо всем на свете, статьи
которой создаются самими пользователями.
 http://letopisi.ru — Общенациональный образовательный
проект «Летописи.ру», на страницах которого представлены
школы, люди, события, памятные места российских городов,
поселков и деревень так, как их видят школьники, студенты и
учителя, принимающие участие в проекте. На первой странице
сайта приведено множество ссылок на образовательное Вики в
разных городах нашей страны.

Блоги

Блог — это личный сайт пользователя, доступный общественно-


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

41
пользователями, отслеживая новые записи интересных людей и вы-
страивая социальные связи.
Ниже приведены ссылки на наиболее известные блог-службы Ин-
тернета:
 http://www.livejournal.com — Живой Журнал
 http://www.liveinternet.ru
 http://www.diary.ru
 http://blogs.mail.ru
 http://blogspot.com
Поиск по блогам:
 http://blogs.yandex.ru — Яндекс.Поиск по блогам. На страни-
це кроме поиска представлены самые популярные сервисы,
блоги, сообщества, а также популярные темы дня, отража-
ющие изменение интересов и настроений пользователей Ин-
тернета.
 http://blogsearch.google.ru

Социальные фотосервисы

Социальные фотосервисы — это сайты, которые позволяют раз-


мещать, хранить и показывать в Интернете любые изображения (в
первую очередь — цифровые фотографии). Как правило, можно ис-
пользовать теги (метки-категории) для упорядочения снимков, а так-
же включать обсуждения для получения обратной связи. Изображе-
ния, размещенные на таких сайтах, часто используются и в других
местах, например, в блогах пользователей или программах геоин-
формационных служб (карты, снимки со спутников).
Ниже приведены ссылки на наиболее известные социальные сер-
висы фотографий:
 http://fotki.yandex.ru — Яндекс.Фотки.
 http://www.flamber.ru
 http://www.panoramio.com
 http://picasaweb.google.com
 http://flickr.com

Социальные видеосервисы

Социальные видеосервисы — это сайты, которые, как и фотосер-


висы с фотографиями, позволяют загружать и просматривать видео,
использовать теги и проводить обсуждения. Видеоролики могут за-

42
гружаться в разных форматах, однако на серверах они преобразуют-
ся и публикуются во Flash-формате, позволяющем просматривать их
прямо на интернет-страницах в обычных браузерах. Как и в случаях
фотографий, социальные видеосервисы часто используются для раз-
мещения видео, которое впоследствии добавляется к записям в бло-
гах или публикуется в других местах Интернета.
Наиболее известные социальные видеосервисы Интернета:
 http://youtube.com
 http://rutube.ru
 http://video.mail.ru
Поиск по видеороликам Интернета:
 http://video.yandex.ru
 http://video.google.com

Подкастинг и службы музыкальной тематики

Целый ряд сервисов связан с размещением, распространением и


обсуждением цифровых аудиоматериалов, как правило, файлов в
формате mp3 и аналогичных. При этом речь идет не только о музы-
кальных композициях, но и о рассказах, репортажах, различных зву-
ках и др. Размещаемые звуковые файлы (подкасты) обычно сопрово-
ждаются развернутыми описаниями, для них указываются теги, что
позволяет выстраивать навигацию, проводить поиск нужных матери-
алов.
Некоторые ссылки по этому направлению:
 http://last.fm — сайт, который дает возможность ориентиро-
ваться в мире музыки за счет взаимодействия с другими людь-
ми.
 http://rpod.ru — Российский подкастинг.
 http://podcast.com

Социальные закладки

Сервисы социальных закладок позволяют пользователям Интер-


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

43
те, независимо от того, на каком компьютере их добавляли и на ка-
ком хотите просмотреть.
Как правило, существуют удобные расширения для браузеров,
позволяющие закладки делать быстро, отмечать их тегами и указы-
вать к ним комментарии. Очень удобно пользоваться информацией,
которую можно найти на сайтах закладок, ведь там собраны самые
интересные ссылки, которые большое число людей отмечали как по-
лезные для себя.
Адреса сайтов социальных закладок:
 http://www.bobrdobr.ru — БобрДобр.
 http://delicious.com — Делишес.
 http://memori.ru

Социальные сети учащихся и выпускников

В Интернете есть много мест, предназначенных в первую очередь


не для размещения информации, а для общения людей. Весьма попу-
лярны в этом плане многочисленные форумы на самых разных
сайтах, чаты, новостные группы. Сейчас общение людей все больше
связывается с технологиями Веб 2.0, и перечисленные нами в преды-
дущих разделах сервисы позволяют не только работать с цифровыми
объектами, но и общаться, наблюдать за другими людьми и выстраи-
вать собственные социальные связи. В Веб 2.0 возникают группы
людей, которые связаны общими интересами, целями деятельности,
ценностями, дружескими отношениями. Такие группы и связи вну-
три них называют социальными сетями, их можно выстраивать на
основе самых разнообразных сетевых сервисов.
Сайты социальных сетей учащихся и выпускников — это отдель-
ное направление в использовании средств сетевого взаимодействия.
Их использование оказалось удобным, так как они объединяют в
себе многие возможности разрозненных сетевых служб: публикацию
сообщений, фотографий, видео и др., а главное, каждый пользова-
тель представлен в них своим настоящим именем, указаны места, с
которыми он связан. В таких социальных сетях очень легко найти
своих одноклассников и однокурсников, людей, с которыми вы ча-
сто встречаетесь в реальной жизни и хотите общаться через Интер-
нет. Вы можете вести переписку, комментировать фотоальбомы
пользователей и пользоваться другими возможностями коммуника-
ций, а также создавать свои группы, куда можно приглашать друзей,
чтобы общаться с ними на интересные темы.

44
Сайтов для построения социальных сетей достаточно много, мы
приведем лишь наиболее известные из них:
 http://www.vkontkte.ru — В Контакте.
 http://www.odnoklassniki.ru
 http://moikrug.ru — Мой круг.
 http://my.mail.ru — Мой мир.
 http://www.facebook.com

12.3. Сетевые службы для работы с документами

Сеть Интернет дает нам возможность не только работать с ин-


формацией интернет-страниц и общаться с друзьями, одним из но-
вых направлений её использования является предоставление услуг
сетевого программного обеспечения, с которым можно работать пря-
мо из браузера. Например, чтобы работать с текстовыми документа-
ми, проводить расчеты в электронных таблицах или создавать пре-
зентации, сейчас уже не обязательно иметь на своем компьютере со-
ответствующие программы, эти возможности можно найти и в Ин-
тернете. Такая работа в сети почти не отличается от работы с ло-
кальными программами, вы можете выполнять все основные опера-
ции, сохранять документы на своем компьютере в нужных форма-
тах, а также открывать существующие документы для редактирова-
ния и просмотра.
Плюсы такой работы заключаются в том, что не надо заботиться
о существующих программах на рабочем компьютере, документы и
программы для работы с ними всегда под рукой (при наличии Ин-
тернета), даже если приходится менять свое рабочее место. Кроме
того, Интернет позволяет организовать работу с документами со-
вместно, вплоть до того, что можно редактировать один и тот же до-
кумент одновременно, вместе с большим количеством людей, видя в
реальном времени, как кто-то кроме вас дописывает в тексте свои
разделы.
Наиболее известные службы, позволяющие работать с докумен-
тами, электронными таблицами и презентациями:
 http://docs.google.com — Документы Google.
 http://www.zoho.com
Существуют также сайты, где можно размещать, просматривать и
совместно использовать документы разных форматов. Загружаемые

45
файлы конвертируются в формат Flash, что дает возможность их
удобного просмотра прямо на сайте:
 http://www.scribd.com — поддержка форматов MS и
OpenOffice, документов pdf и ps.
 http://www.slideshare.net — поддержка форматов презента-
ций.
 http://issuu.com — размещение и «красивый» просмотр доку-
ментов pdf.

12.4. Веб-синдикация

Выше мы увидели, что в Интернете существует огромное количе-


ство самых разнообразных сайтов и служб, которые вы захотите ре-
гулярно посещать, чтобы своевременно отслеживать интересную для
вас информацию. Когда таких сайтов достаточно много, то это яв-
ляется значительной проблемой, ведь требуется много времени, что-
бы за всем уследить. В этом случае вам помогут технологии веб-син-
дикации, которые позволяют отслеживать изменения на ваших лю-
бимых сайтах, отображать всю новую информацию в удобном для
вас виде на специальном сайте или с помощью программы-агрегато-
ра.
Наиболее известные технологии веб-синдикации — это RSS и
Atom. На самых разных сайтах вы сможете найти ссылки на соответ-
ствующие RSS- или Atom-каналы (потоки). Эти адреса вы можете
добавить на тот сайт (или указать в своей программе), где вам удоб-
но просматривать свежие записи. Пользуясь своим сайтом (или про-
граммой), вы всегда будете в курсе новостей, происходящих на ин-
тересных вам сайтах.
Работать с RSS и Atom вы можете со многими браузерами и по-
чтовыми клиентами, специализированными программами чтения
RSS, но мы приведем адреса сетевых служб, где вы сможете выстра-
ивать собственные ленты новостей:
 http://lenta.yandex.ru — Яндекс.Лента.
 http://reader.google.ru — Google Reader.
Интересное учебное руководство о RSS вы сможете найти на
сайте:
 http://www.orss.ru

46
13. Вместо послесловия

Интернет давно перешагнул рубеж, определяющий его как сеть


документов и каналов связи. Сейчас в первую очередь он становится
сетью людей. Люди чаще всего приходят в Интернет в поисках ин-
формации, а остаются в сети благодаря тем отношениям, которые
складываются между ними и другими людьми. Мы получаем
большую свободу выбора тех мест и той информации, на основе ко-
торой выстраиваем свое обучение и общение. Мы можем создавать
свои места, приглашая друзей и формируя то окружение, которое
лучше всего подходит нам для самовыражения и творчества.
Надеемся, что это пособие поможет лучше разобраться в новых
возможностях Интернета, и теперь вы сможете не только пользо-
ваться информацией, размещенной другими, но и создавать свое со-
держание, использовать современные интернет-технологии, позволя-
ющие думать и действовать вместе!

47
Алексей Николаевич Сергеев

УЧИМ И УЧИМСЯ С ВИКИ:


СОЗДАНИЕ РЕСУРСОВ СЕТИ ИНТЕРНЕТ

Учебно-методическое пособие
для студентов педагогических вузов

Зав. редакцией О. И. Молоканова

Подписано к печати 21.11.2008 г. Формат 60х84/16. Печать офс.


Бум. офс. Усл. печ. л. 2,9. Уч.-изд. л. 3,0. Тираж 150 экз. Заказ .

ВГПУ. Издательство «Перемена»


Типография издательства «Перемена»
400131, Волгоград, пр. им. В. И. Ленина, 27

48

Вам также может понравиться