УчПортфолио

Мастер-класс "Как вставить гиф-анимацию ссылкой кода в Текстовый инфоблок на сайте "УчПортфолио» "

26.07.2016

3207

Трушина Светлана Юрьевна
Учитель музыки высшей квалификационной категории
Муниципальное бюджетное общеобразовательное учреждение
"Средняя общеобразовательная   казачья школа"
с.Знаменка, Нерчинский район, Забайкальский край

Тема: " Как вставить гиф-анимацию ссылкой кода в Текстовый инфоблок
      на сайте "УчПортфолио» »

Цель:
Обучение пользователей сайта вставки гиф-анимации ссылкой кода в Текстовый инфоблок на сайте "УчПортфолио»
Задачи:
1. Обучить пользователей сайта УчПортфолио вставки гиф-анимации в Текстовый   инфоблок.
2. Передать коллегам личный опыт по предложенной теме.
3. Оказать помощь участникам сайта в работе и оформлении портфолио.
4. Раскрыть возможности сайта УчПортфолио для формирования информационной компетентности.

Образовательный сайт «УчПортфолио» для создания и оформления портфолио предлагает большие возможности в работе с инфоблоками.
На сайте «УчПортфолио» есть мастер- класс: «Как вставить картинку или анимацию в инфоблок»-
http://uchportfolio.ru/mc/show/80783-kak-vstavit-kartinku-ili-animaciyu-v-infoblok

Не все анимации можно скачать картинкой (сохранить как) на компьютер. Есть сайты, где анимацию можно установить,   копируя ссылку.
Также ссылкой кода легче загрузить анимацию (нежели через   окно «Изображение»), если у вас невысокая скорость Интернета.
Данный мастер-класс   показывает, как вставить анимацию ссылкой кода в инфоблок «Текстовый блок» для оформления    и украшения своего портфолио.

Шаг 1.
Создаём текстовый инфоблок.

Шаг 2
Ссылку с кодом анимации нужно вставить в окно инфоблока- «Вставить You Tube видео»

Шаг 3
В новом окне открываем сайт, откуда мы хотим взять анимацию. (в сети Интернет таких сайтов очень много). Например- http://gif-animashki.ru/animacija-dlja-forumov.html

Шаг 4
Если под анимацией две строки кодов, и не указано – для блогов и сайтов, то нужно выбирать верхнюю строку кода.
Копируем ссылку.

Другой пример анимациии для вставки через ссылку.

Шаг 5
Возвращаемся в своё портфолио. В созданный инфоблок вставляем скопированную ссылку.

Шаг 6
Ссылка вставлена, сохраняем- Ок

Шаг 7
Анимация появилась в инфоблоке, нажимаем- сохранить.

Шаг 8
Просматриваем в стиле портфолио.

Другие мастер-классы пользователя

Обнаружили плагиат? Сообщите об этом

#1 Светлана Юрьевна, спасибо за помощь в освоении возможностей сайта и оформлении портфолио. Мастер-класс, предложенный Вами, даёт чёткие инструкции по работе с гиф-анимацией.

Татьяна Волкова, дата: 25.02.2017 в 16:51

#2 Светлана Юрьевна, большое спасибо. Очень все просто и доступно. Все получилось с первого раза!

Наталья Милованкина, дата: 30.03.2017 в 8:08

#3 Светлана Юрьевна, мне очень пригодился ваш мастер-класс. Почему-то закрыли прежний сервис линеечек, которые я применяла. Пришлось переделывать. Воспользовалась вашим мастер-классом и все ОК! Спасибо вам!

Елена Маратовна Онищук, дата: 11.08.2017 в 4:24

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

Мастер-класс "Как вставить гиф-анимацию ссылкой кода в Текстовый инфоблок на сайте "УчПортфолио» "

Комментарии