Учебный курс Социальные сервисы Веб 2.0. Модуль 2: различия между версиями

Материал из Wiki Mininuniver
Перейти к навигацииПерейти к поиску
 
(не показано 8 промежуточных версий 3 участников)
Строка 6: Строка 6:
  
 
'''3.''' Добавить фотографии в статьи о городе, районе, университете и др.
 
'''3.''' Добавить фотографии в статьи о городе, районе, университете и др.
 +
  
 
<center>'''Добавление фотографий и рисунков'''</center>
 
<center>'''Добавление фотографий и рисунков'''</center>
 +
 +
 
В Вики можно размещать рисунки и фотографии. Изображения внутри Летописи.ру публикуются на тех же правах, что и статьи, в соответствии со схемой лицензирования GFDL.  
 
В Вики можно размещать рисунки и фотографии. Изображения внутри Летописи.ру публикуются на тех же правах, что и статьи, в соответствии со схемой лицензирования GFDL.  
  
Строка 34: Строка 37:
 
Для каждого изображения имеется страница с его описанием, которую нужно заполнить. Следует записать в обязательном порядке название, источник и вид лицензии, а также желательно фамилию фотографа.
 
Для каждого изображения имеется страница с его описанием, которую нужно заполнить. Следует записать в обязательном порядке название, источник и вид лицензии, а также желательно фамилию фотографа.
 
   
 
   
Желательно включать загруженные изображения в специальные категории, входящие в иерархию категорий. Названия таких категорий обязательно начинаются с префикса «Изображения:». Например, [[Категория: Изображения: Портреты]].
+
Желательно включать загруженные изображения в специальные категории, входящие в иерархию категорий. Названия таких категорий обязательно начинаются с префикса «Изображения:». Например, <nowiki>[[Категория: Изображения: Портреты]]</nowiki>.
 
   
 
   
Чтобы вставить загруженное изображение в статью, достаточно указать ссылку на него: [[Изображение:Файл]] или использовать кнопку   Приветствуется вставка альтернативного текста [[Изображение:Файл| Альтернативный текст]].
+
Чтобы вставить загруженное изображение в статью, достаточно указать ссылку на него: <nowiki>[[Изображение:Файл]]</nowiki> или использовать кнопку [[Изображение:Курс2_м2_1.JPG]]  Приветствуется вставка альтернативного текста <nowiki>[[Изображение:Файл| Альтернативный текст]]</nowiki>.
  
 
Не перегружайте свои статьи изображениями. Приветствуется использование изображений, которые уже есть в  базе изображений Летописи.  
 
Не перегружайте свои статьи изображениями. Приветствуется использование изображений, которые уже есть в  базе изображений Летописи.  
  
«По умолчанию» изображение будет воспроизводиться слева в полную величину, а текст начинаться ниже его. Если вы хотите дать только ссылку на изображение, не воспроизводя его на странице, то поставьте двоеточие перед словом «Изображение»: [[:Изображение:Файл]].
+
«По умолчанию» изображение будет воспроизводиться слева в полную величину, а текст начинаться ниже его. Если вы хотите дать только ссылку на изображение, не воспроизводя его на странице, то поставьте двоеточие перед словом «Изображение»: <nowiki>[[:Изображение:Файл]]</nowiki>.
  
 
Атрибут «thumb», вставленный между именем файла и пояснительной подписью, уменьшает ширину изображения (в зависимости от настроек пользователя — от 120px до 300px; высота изменяется пропорционально), прижимает его вправо и помещает в рамку: После атрибута «thumb» можно указать размер изображения по ширине (вертикальный размер будет пропорционально изменен).
 
Атрибут «thumb», вставленный между именем файла и пояснительной подписью, уменьшает ширину изображения (в зависимости от настроек пользователя — от 120px до 300px; высота изменяется пропорционально), прижимает его вправо и помещает в рамку: После атрибута «thumb» можно указать размер изображения по ширине (вертикальный размер будет пропорционально изменен).
Строка 46: Строка 49:
 
Чтобы прижать изображение к левому краю страницы, используется атрибут «left». Пример:
 
Чтобы прижать изображение к левому краю страницы, используется атрибут «left». Пример:
 
   
 
   
[[Изображение:Telenok.jpg|150px|thumb|left|Пояснительная подпись]]  
+
<nowiki>[[Изображение:Telenok.jpg|150px|thumb|left|Пояснительная подпись]]</nowiki>
 +
<br clear="both"/>
  
 
Текст, следующий за таким изображением, обтекает его справа.  
 
Текст, следующий за таким изображением, обтекает его справа.  
Строка 52: Строка 56:
 
Для пометки окончания обтекающего изображение текста используется специальный HTML-код:  
 
Для пометки окончания обтекающего изображение текста используется специальный HTML-код:  
  
<br clear="both" />  
+
<nowiki><br clear="both" /> </nowiki>
  
 
Текст, расположенный после этого кода, будет начинаться с новой строки и будет располагаться ниже нижнего края любого из изображений, расположенных прежде этого кода в статье.
 
Текст, расположенный после этого кода, будет начинаться с новой строки и будет располагаться ниже нижнего края любого из изображений, расположенных прежде этого кода в статье.
Строка 58: Строка 62:
 
Для расположения изображения в центре страницы следует использовать атрибут «center». Пример:  
 
Для расположения изображения в центре страницы следует использовать атрибут «center». Пример:  
  
[[Изображение:Telenok.jpg|150px|thumb|center|Пояснительная подпись]]  
+
<nowiki>[[Изображение:Telenok.jpg|150px|thumb|center|Пояснительная подпись]]</nowiki>
  
 
Текст, следующий за таким изображением, не обтекает его ни с одной из сторон, а начинается ниже нижнего края изображения.  
 
Текст, следующий за таким изображением, не обтекает его ни с одной из сторон, а начинается ниже нижнего края изображения.  
  
Для вставки нескольких изображений в статью  применяется специальный служебный тег <gallery>, который группирует изображения в галерею (по 4 изображения в каждом ряду).
+
Для вставки нескольких изображений в статью  применяется специальный служебный тег <nowiki><gallery></nowiki>, который группирует изображения в галерею (по 4 изображения в каждом ряду).
 +
 
 
   
 
   
 
Пример:
 
Пример:
Строка 68: Строка 73:
 
<center>
 
<center>
 
<gallery>
 
<gallery>
 +
 
Изображение:Эмблема ВГИПУ.jpg|Эмблема ВГИПУ
 
Изображение:Эмблема ВГИПУ.jpg|Эмблема ВГИПУ
Изображение:ВГИПУ1.jpg|Здание ВГИПУ на ул.Челюскинцев
+
Изображение:ВГИПУ1.JPG|Здание ВГИПУ на ул.Челюскинцев
Изображение:ВГИПУ2.jpg|Здание ВГИПУ на ул.Луначарского
+
Изображение:Корпус2.png|Здание ВГИПУ на ул.Луначарского
 
</gallery>
 
</gallery>
 
</center>
 
</center>
 +
 +
 +
<nowiki><center></nowiki>
 +
 +
<nowiki><gallery></nowiki>
 +
 +
<nowiki>Изображение:Эмблема ВГИПУ.jpg|Эмблема ВГИПУ</nowiki>
 +
 +
<nowiki>Изображение:ВГИПУ1.JPG|Здание ВГИПУ на ул.Челюскинцев</nowiki>
 +
 +
<nowiki>Изображение:ВГИПУ2.jpg|Здание ВГИПУ на ул.Луначарского</nowiki>
 +
 +
<nowiki></gallery></nowiki>
 +
 +
<nowiki></center></nowiki>
  
  
Строка 78: Строка 99:
  
 
Задание 2. Загрузите заранее подготовленные фотографии (фотографии памятников, улиц Автозаводского района Нижнего Новгорода, университета и др.) в Летописи.ру (ВикиВГИПУ). Добавьте их в соответствующие статьи. Примите участие в редактировании этих статей, в создании виртуальной экскурсии по университету.
 
Задание 2. Загрузите заранее подготовленные фотографии (фотографии памятников, улиц Автозаводского района Нижнего Новгорода, университета и др.) в Летописи.ру (ВикиВГИПУ). Добавьте их в соответствующие статьи. Примите участие в редактировании этих статей, в создании виртуальной экскурсии по университету.
 +
 +
==Литература==
 +
 +
1. Круподерова Е.П. Применение сетевых сервисов Веб 2.0 в проектной деятельности студентов. Материалы Международной научно-практической конференции «Информационные технологии в организации единого образовательного пространства». –  Н.Новгород, ВГИПУ, 2007. – С. 213-218.
 +
 +
2. Патаракин  Е.Д., Быховский Я.С., Ястребцева Е.Н. Геокешинг, Геотаггинг, Фликр, Вики-Вики, Веб-блоги и Живой журнал в образовании: Новое поколение учебных проектов городских улиц и сетевых сообществ. – М.: Институт развития образовательных технологий, 2005. – 36 с.
 +
 +
3. Патаракин Е.Д., Быховский Я.С., Ястребцева Е.Н. Создание учебной гипертекстовой энциклопедии в среде ВикиВики: Общероссийский проект Летописи.ру. – М.: Институт развития образовательных технологий, 2006. – 30 с.
 +
 +
4. Патаракин Е.Д. Социальные сервисы Веб 2.0 в помощь учителю. М: Интуит.ру, 2007. – 63 с.
 +
 +
==Интернет источники==
 +
 +
# [http://letopisi.ru/index.php/Правила_игры Основной справочный материал]
 +
# [http://letopisi.ru/index.php/Тренинг_Практические_задания_для_учащихся_в_среде_Wiki Практический справочный материал по работе в вики-среде]
 +
# Размещение изображений в среде WikiWiki ([http://letopisi.ru/index.php/Летопись:Изображения подробно])
  
 
[[Категория: Учебный курс Социальные сервисы Веб 2.0]]
 
[[Категория: Учебный курс Социальные сервисы Веб 2.0]]

Текущая версия на 17:23, 6 марта 2011

Цель модуля:

1. Научиться работать в Вики с изображениями

2. Добавить фотографии в визитную карточку участника

3. Добавить фотографии в статьи о городе, районе, университете и др.


Добавление фотографий и рисунков


В Вики можно размещать рисунки и фотографии. Изображения внутри Летописи.ру публикуются на тех же правах, что и статьи, в соответствии со схемой лицензирования GFDL.

Изображения и фотографии являются объектом авторского права, копирайт распространяется на них по умолчанию. Это означает, что Вы можете разместить изображение в только в следующих случаях:

• если Вы являетесь его автором и согласны с распространением своего произведения под приведенной выше лицензией;

• если изображение является всеобщим достоянием;

• если изображение распространяется под какой-либо свободной лицензией;

• если автор изображения явно дал право всем желающим на его свободное распространение и изменение;

• если вы получили согласие автора на использование изображения в любых, в том числе коммерческих целях;

• допускается размещать скриншоты, снятые с программных продуктов, кадры из кинофильмов, изображения денежных знаков и остальные изображения, использование которых может быть трактовано как добросовестное использование.

Не размещайте изображения, авторство и условия распространения, которых Вы не знаете!

Если вы хотите добавить изображение к своей статье, то сделайте цифровую фотографию или рисунок и разместите внутри Летописи. Изображение может разместить только авторизованный автор Летописи. Для этого в левой колонке – «Инструменты» имеется специальная команда «Загрузить файл».

Графические файлы следует называть уникальными именами. Это позволит найти его и уберечь от перезаписи. И в тексте статей и в описании фотографий следует использовать категории. Это позволит быстро находить нужный материал.

Формат изображений – jpg, gif или png. Фотографии – jpg. Рисунки – png. Желательно, чтобы размеры уменьшенной копии изображения, используемой в статье, не превышали 50 кбайт. Не следует делать фотографии размером больше чем 800 на 600 точек.

Для каждого изображения имеется страница с его описанием, которую нужно заполнить. Следует записать в обязательном порядке название, источник и вид лицензии, а также желательно фамилию фотографа.

Желательно включать загруженные изображения в специальные категории, входящие в иерархию категорий. Названия таких категорий обязательно начинаются с префикса «Изображения:». Например, [[Категория: Изображения: Портреты]].

Чтобы вставить загруженное изображение в статью, достаточно указать ссылку на него: [[Изображение:Файл]] или использовать кнопку Курс2 м2 1.JPG Приветствуется вставка альтернативного текста [[Изображение:Файл| Альтернативный текст]].

Не перегружайте свои статьи изображениями. Приветствуется использование изображений, которые уже есть в базе изображений Летописи.

«По умолчанию» изображение будет воспроизводиться слева в полную величину, а текст начинаться ниже его. Если вы хотите дать только ссылку на изображение, не воспроизводя его на странице, то поставьте двоеточие перед словом «Изображение»: [[:Изображение:Файл]].

Атрибут «thumb», вставленный между именем файла и пояснительной подписью, уменьшает ширину изображения (в зависимости от настроек пользователя — от 120px до 300px; высота изменяется пропорционально), прижимает его вправо и помещает в рамку: После атрибута «thumb» можно указать размер изображения по ширине (вертикальный размер будет пропорционально изменен).

Чтобы прижать изображение к левому краю страницы, используется атрибут «left». Пример:

[[Изображение:Telenok.jpg|150px|thumb|left|Пояснительная подпись]]

Текст, следующий за таким изображением, обтекает его справа.

Для пометки окончания обтекающего изображение текста используется специальный HTML-код:

<br clear="both" />

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

Для расположения изображения в центре страницы следует использовать атрибут «center». Пример:

[[Изображение:Telenok.jpg|150px|thumb|center|Пояснительная подпись]]

Текст, следующий за таким изображением, не обтекает его ни с одной из сторон, а начинается ниже нижнего края изображения.

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


Пример:


<center>

<gallery>

Изображение:Эмблема ВГИПУ.jpg|Эмблема ВГИПУ

Изображение:ВГИПУ1.JPG|Здание ВГИПУ на ул.Челюскинцев

Изображение:ВГИПУ2.jpg|Здание ВГИПУ на ул.Луначарского

</gallery>

</center>


Задание 1. Добавить фотографии в визитную карточку участника. Для этого сфотографируйтесь на цифровой фотоаппарат, обработайте фотографию графическим редактором (получите необходимый размер), загрузите в Летописи.ру (ВикиВГИПУ), вставьте загруженное изображение в свою визитную карточку.

Задание 2. Загрузите заранее подготовленные фотографии (фотографии памятников, улиц Автозаводского района Нижнего Новгорода, университета и др.) в Летописи.ру (ВикиВГИПУ). Добавьте их в соответствующие статьи. Примите участие в редактировании этих статей, в создании виртуальной экскурсии по университету.

Литература

1. Круподерова Е.П. Применение сетевых сервисов Веб 2.0 в проектной деятельности студентов. Материалы Международной научно-практической конференции «Информационные технологии в организации единого образовательного пространства». – Н.Новгород, ВГИПУ, 2007. – С. 213-218.

2. Патаракин Е.Д., Быховский Я.С., Ястребцева Е.Н. Геокешинг, Геотаггинг, Фликр, Вики-Вики, Веб-блоги и Живой журнал в образовании: Новое поколение учебных проектов городских улиц и сетевых сообществ. – М.: Институт развития образовательных технологий, 2005. – 36 с.

3. Патаракин Е.Д., Быховский Я.С., Ястребцева Е.Н. Создание учебной гипертекстовой энциклопедии в среде ВикиВики: Общероссийский проект Летописи.ру. – М.: Институт развития образовательных технологий, 2006. – 30 с.

4. Патаракин Е.Д. Социальные сервисы Веб 2.0 в помощь учителю. М: Интуит.ру, 2007. – 63 с.

Интернет источники

  1. Основной справочный материал
  2. Практический справочный материал по работе в вики-среде
  3. Размещение изображений в среде WikiWiki (подробно)