Мастер-класс "Как вставить гиф-анимацию ссылкой кода в Текстовый инфоблок на сайте "УчПортфолио» "
Трушина Светлана Юрьевна
Учитель музыки высшей квалификационной категории
Муниципальное бюджетное общеобразовательное учреждение
"Средняя общеобразовательная казачья школа"
с.Знаменка, Нерчинский район, Забайкальский край
Тема: " Как вставить гиф-анимацию ссылкой кода в Текстовый инфоблок
на сайте "УчПортфолио» »
Цель:
Обучение пользователей сайта вставки гиф-анимации ссылкой кода в Текстовый инфоблок на сайте "УчПортфолио»
Задачи:
1. Обучить пользователей сайта УчПортфолио вставки гиф-анимации в Текстовый инфоблок.
2. Передать коллегам личный опыт по предложенной теме.
3. Оказать помощь участникам сайта в работе и оформлении портфолио.
4. Раскрыть возможности сайта УчПортфолио для формирования информационной компетентности.
Образовательный сайт «УчПортфолио» для создания и оформления портфолио предлагает большие возможности в работе с инфоблоками.
На сайте «УчПортфолио» есть мастер- класс: «Как вставить картинку или анимацию в инфоблок»-
http://uchportfolio.ru/mc/show/80783-kak-vstavit-kartinku-ili-animaciyu-v-infoblok
Не все анимации можно скачать картинкой (сохранить как) на компьютер. Есть сайты, где анимацию можно установить, копируя ссылку.
Также ссылкой кода легче загрузить анимацию (нежели через окно «Изображение»), если у вас невысокая скорость Интернета.
Данный мастер-класс показывает, как вставить анимацию ссылкой кода в инфоблок «Текстовый блок» для оформления и украшения своего портфолио.
Шаг 1.
Создаём текстовый инфоблок.
Учитель музыки высшей квалификационной категории
Муниципальное бюджетное общеобразовательное учреждение
"Средняя общеобразовательная казачья школа"
с.Знаменка, Нерчинский район, Забайкальский край
Тема: " Как вставить гиф-анимацию ссылкой кода в Текстовый инфоблок
на сайте "УчПортфолио» »
Цель:
Обучение пользователей сайта вставки гиф-анимации ссылкой кода в Текстовый инфоблок на сайте "УчПортфолио»
Задачи:
1. Обучить пользователей сайта УчПортфолио вставки гиф-анимации в Текстовый инфоблок.
2. Передать коллегам личный опыт по предложенной теме.
3. Оказать помощь участникам сайта в работе и оформлении портфолио.
4. Раскрыть возможности сайта УчПортфолио для формирования информационной компетентности.
Образовательный сайт «УчПортфолио» для создания и оформления портфолио предлагает большие возможности в работе с инфоблоками.
На сайте «УчПортфолио» есть мастер- класс: «Как вставить картинку или анимацию в инфоблок»-
http://uchportfolio.ru/mc/show/80783-kak-vstavit-kartinku-ili-animaciyu-v-infoblok
Не все анимации можно скачать картинкой (сохранить как) на компьютер. Есть сайты, где анимацию можно установить, копируя ссылку.
Также ссылкой кода легче загрузить анимацию (нежели через окно «Изображение»), если у вас невысокая скорость Интернета.
Данный мастер-класс показывает, как вставить анимацию ссылкой кода в инфоблок «Текстовый блок» для оформления и украшения своего портфолио.
Шаг 1.
Создаём текстовый инфоблок.
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/1(27).png)
Шаг 2
Ссылку с кодом анимации нужно вставить в окно инфоблока- «Вставить You Tube видео»
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/2(27).png)
Шаг 3
В новом окне открываем сайт, откуда мы хотим взять анимацию. (в сети Интернет таких сайтов очень много). Например- http://gif-animashki.ru/animacija-dlja-forumov.html
Шаг 4
Если под анимацией две строки кодов, и не указано – для блогов и сайтов, то нужно выбирать верхнюю строку кода.
Копируем ссылку.
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/4(25).png)
Другой пример анимациии для вставки через ссылку.
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/%D0%BC%D1%82%D1%81%D1%82%D1%81%D1%87%D1%82(1).png)
Шаг 5
Возвращаемся в своё портфолио. В созданный инфоблок вставляем скопированную ссылку.
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/5(20).png)
Шаг 6
Ссылка вставлена, сохраняем- Ок
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/6(26).png)
Шаг 7
Анимация появилась в инфоблоке, нажимаем- сохранить.
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/7(22).png)
Шаг 8
Просматриваем в стиле портфолио.
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/8(16).png)
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/165074250.gif)
Другие мастер-классы пользователя
- Создание рамки для картинки в презентации Microsoft PowerPoint 2010
- Оформление рейтинга своего региона и города
- Создание фотографии в рамке в режиме онлайн
- Как вставить таблицу в презентацию в программе PowerPoint
- Как изменить цвет и фоновую заливку шрифта в созданном инфоблоке на сайте УчПортфолио
- Как вставить фотографию в инфоблок "Слайдер фотографий"
- Обрезка картинки или фотографии в Word
- « Как обрезать фото или картинку в Paint»
- Как убрать логотип сайта «Писец» при создании анимированных надписей
- Как сохранить презентацию Power Point в текстовый документ в программе Microsoft Office Word 2007
Обнаружили плагиат? Сообщите об этом
Комментарии
#1 Светлана Юрьевна, спасибо за помощь в освоении возможностей сайта и оформлении портфолио. Мастер-класс, предложенный Вами, даёт чёткие инструкции по работе с гиф-анимацией.
Татьяна Волкова, дата: 25.02.2017 в 16:51
![](/users/744124ddc0b2f3e512a0b7a7ee60b645/mini_nE1iokb9QZoQ.jpg)
#2 Светлана Юрьевна, большое спасибо. Очень все просто и доступно. Все получилось с первого раза!
Наталья Милованкина, дата: 30.03.2017 в 8:08
#3 Светлана Юрьевна, мне очень пригодился ваш мастер-класс. Почему-то закрыли прежний сервис линеечек, которые я применяла. Пришлось переделывать. Воспользовалась вашим мастер-классом и все ОК! Спасибо вам!
Елена Маратовна Онищук, дата: 11.08.2017 в 4:24
Чтобы оставить комментарий, пожалуйста, зарегистрируйтесь и авторизируйтесь на сайте.