Учебный курс Социальные сервисы Веб 2.0. Модуль 2: различия между версиями
(не показано 12 промежуточных версий 3 участников) | |||
Строка 6: | Строка 6: | ||
'''3.''' Добавить фотографии в статьи о городе, районе, университете и др. | '''3.''' Добавить фотографии в статьи о городе, районе, университете и др. | ||
+ | |||
<center>'''Добавление фотографий и рисунков'''</center> | <center>'''Добавление фотографий и рисунков'''</center> | ||
+ | |||
+ | |||
В Вики можно размещать рисунки и фотографии. Изображения внутри Летописи.ру публикуются на тех же правах, что и статьи, в соответствии со схемой лицензирования GFDL. | В Вики можно размещать рисунки и фотографии. Изображения внутри Летописи.ру публикуются на тех же правах, что и статьи, в соответствии со схемой лицензирования GFDL. | ||
Строка 25: | Строка 28: | ||
Не размещайте изображения, авторство и условия распространения, которых Вы не знаете! | Не размещайте изображения, авторство и условия распространения, которых Вы не знаете! | ||
+ | |||
Если вы хотите добавить изображение к своей статье, то сделайте цифровую фотографию или рисунок и разместите внутри Летописи. Изображение может разместить только авторизованный автор Летописи. Для этого в левой колонке – «Инструменты» имеется специальная команда «Загрузить файл». | Если вы хотите добавить изображение к своей статье, то сделайте цифровую фотографию или рисунок и разместите внутри Летописи. Изображение может разместить только авторизованный автор Летописи. Для этого в левой колонке – «Инструменты» имеется специальная команда «Загрузить файл». | ||
Строка 33: | Строка 37: | ||
Для каждого изображения имеется страница с его описанием, которую нужно заполнить. Следует записать в обязательном порядке название, источник и вид лицензии, а также желательно фамилию фотографа. | Для каждого изображения имеется страница с его описанием, которую нужно заполнить. Следует записать в обязательном порядке название, источник и вид лицензии, а также желательно фамилию фотографа. | ||
− | Желательно включать загруженные изображения в специальные категории, входящие в иерархию категорий. Названия таких категорий обязательно начинаются с префикса «Изображения:». Например, [[Категория: Изображения: Портреты]]. | + | Желательно включать загруженные изображения в специальные категории, входящие в иерархию категорий. Названия таких категорий обязательно начинаются с префикса «Изображения:». Например, <nowiki>[[Категория: Изображения: Портреты]]</nowiki>. |
− | Чтобы вставить загруженное изображение в статью, достаточно указать ссылку на него: [[Изображение:Файл]] или использовать кнопку | + | Чтобы вставить загруженное изображение в статью, достаточно указать ссылку на него: <nowiki>[[Изображение:Файл]]</nowiki> или использовать кнопку [[Изображение:Курс2_м2_1.JPG]] Приветствуется вставка альтернативного текста <nowiki>[[Изображение:Файл| Альтернативный текст]]</nowiki>. |
Не перегружайте свои статьи изображениями. Приветствуется использование изображений, которые уже есть в базе изображений Летописи. | Не перегружайте свои статьи изображениями. Приветствуется использование изображений, которые уже есть в базе изображений Летописи. | ||
− | «По умолчанию» изображение будет воспроизводиться слева в полную величину, а текст начинаться ниже его. Если вы хотите дать только ссылку на изображение, не воспроизводя его на странице, то поставьте двоеточие перед словом «Изображение»: [[:Изображение:Файл]]. | + | «По умолчанию» изображение будет воспроизводиться слева в полную величину, а текст начинаться ниже его. Если вы хотите дать только ссылку на изображение, не воспроизводя его на странице, то поставьте двоеточие перед словом «Изображение»: <nowiki>[[:Изображение:Файл]]</nowiki>. |
Атрибут «thumb», вставленный между именем файла и пояснительной подписью, уменьшает ширину изображения (в зависимости от настроек пользователя — от 120px до 300px; высота изменяется пропорционально), прижимает его вправо и помещает в рамку: После атрибута «thumb» можно указать размер изображения по ширине (вертикальный размер будет пропорционально изменен). | Атрибут «thumb», вставленный между именем файла и пояснительной подписью, уменьшает ширину изображения (в зависимости от настроек пользователя — от 120px до 300px; высота изменяется пропорционально), прижимает его вправо и помещает в рамку: После атрибута «thumb» можно указать размер изображения по ширине (вертикальный размер будет пропорционально изменен). | ||
− | Чтобы прижать изображение к левому краю страницы, используется атрибут «left». Пример: | + | Чтобы прижать изображение к левому краю страницы, используется атрибут «left». Пример: |
− | [[Изображение:Telenok.jpg|150px|thumb|left|Пояснительная подпись]] | + | |
+ | <nowiki>[[Изображение:Telenok.jpg|150px|thumb|left|Пояснительная подпись]]</nowiki> | ||
+ | <br clear="both"/> | ||
+ | |||
Текст, следующий за таким изображением, обтекает его справа. | Текст, следующий за таким изображением, обтекает его справа. | ||
+ | Для пометки окончания обтекающего изображение текста используется специальный HTML-код: | ||
− | + | <nowiki><br clear="both" /> </nowiki> | |
− | |||
− | <br clear="both" /> | ||
Текст, расположенный после этого кода, будет начинаться с новой строки и будет располагаться ниже нижнего края любого из изображений, расположенных прежде этого кода в статье. | Текст, расположенный после этого кода, будет начинаться с новой строки и будет располагаться ниже нижнего края любого из изображений, расположенных прежде этого кода в статье. | ||
Для расположения изображения в центре страницы следует использовать атрибут «center». Пример: | Для расположения изображения в центре страницы следует использовать атрибут «center». Пример: | ||
− | [[Изображение:Telenok.jpg|150px|thumb|center|Пояснительная подпись]] | + | |
+ | <nowiki>[[Изображение:Telenok.jpg|150px|thumb|center|Пояснительная подпись]]</nowiki> | ||
+ | |||
Текст, следующий за таким изображением, не обтекает его ни с одной из сторон, а начинается ниже нижнего края изображения. | Текст, следующий за таким изображением, не обтекает его ни с одной из сторон, а начинается ниже нижнего края изображения. | ||
− | Для вставки нескольких изображений в статью применяется специальный служебный тег <gallery>, который группирует изображения в галерею (по 4 изображения в каждом ряду). | + | Для вставки нескольких изображений в статью применяется специальный служебный тег <nowiki><gallery></nowiki>, который группирует изображения в галерею (по 4 изображения в каждом ряду). |
+ | |||
Пример: | Пример: | ||
+ | <center> | ||
+ | <gallery> | ||
+ | Изображение:Эмблема ВГИПУ.jpg|Эмблема ВГИПУ | ||
+ | Изображение:ВГИПУ1.JPG|Здание ВГИПУ на ул.Челюскинцев | ||
+ | Изображение:Корпус2.png|Здание ВГИПУ на ул.Луначарского | ||
+ | </gallery> | ||
+ | </center> | ||
+ | |||
+ | |||
+ | <nowiki><center></nowiki> | ||
+ | <nowiki><gallery></nowiki> | ||
+ | <nowiki>Изображение:Эмблема ВГИПУ.jpg|Эмблема ВГИПУ</nowiki> | ||
+ | <nowiki>Изображение:ВГИПУ1.JPG|Здание ВГИПУ на ул.Челюскинцев</nowiki> | ||
+ | <nowiki>Изображение:ВГИПУ2.jpg|Здание ВГИПУ на ул.Луначарского</nowiki> | ||
+ | <nowiki></gallery></nowiki> | ||
+ | <nowiki></center></nowiki> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Задание 1. Добавить фотографии в визитную карточку участника. Для этого сфотографируйтесь на цифровой фотоаппарат, обработайте фотографию графическим редактором (получите необходимый размер), загрузите в Летописи.ру (ВикиВГИПУ), вставьте загруженное изображение в свою визитную карточку. | Задание 1. Добавить фотографии в визитную карточку участника. Для этого сфотографируйтесь на цифровой фотоаппарат, обработайте фотографию графическим редактором (получите необходимый размер), загрузите в Летописи.ру (ВикиВГИПУ), вставьте загруженное изображение в свою визитную карточку. | ||
Задание 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 точек.
Для каждого изображения имеется страница с его описанием, которую нужно заполнить. Следует записать в обязательном порядке название, источник и вид лицензии, а также желательно фамилию фотографа.
Желательно включать загруженные изображения в специальные категории, входящие в иерархию категорий. Названия таких категорий обязательно начинаются с префикса «Изображения:». Например, [[Категория: Изображения: Портреты]].
Чтобы вставить загруженное изображение в статью, достаточно указать ссылку на него: [[Изображение:Файл]] или использовать кнопку Приветствуется вставка альтернативного текста [[Изображение:Файл| Альтернативный текст]].
Не перегружайте свои статьи изображениями. Приветствуется использование изображений, которые уже есть в базе изображений Летописи.
«По умолчанию» изображение будет воспроизводиться слева в полную величину, а текст начинаться ниже его. Если вы хотите дать только ссылку на изображение, не воспроизводя его на странице, то поставьте двоеточие перед словом «Изображение»: [[:Изображение:Файл]].
Атрибут «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 с.
Интернет источники
- Основной справочный материал
- Практический справочный материал по работе в вики-среде
- Размещение изображений в среде WikiWiki (подробно)