С нами 17283 учителя, 7323 ученика.
Присоединяйтесь – это бесплатно!
Мастер-класс "Как вставить гиф-анимацию ссылкой кода в Текстовый инфоблок на сайте "УчПортфолио» "
Светлана Трушина   26.07.2016   3055   3
Трушина Светлана Юрьевна
Учитель музыки высшей квалификационной категории
Муниципальное бюджетное  общеобразовательное учреждение
"Средняя общеобразовательная   казачья  школа" 
с.Знаменка, Нерчинский район, Забайкальский край

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


Цель: 
Обучение   пользователей  сайта  вставки гиф-анимации  ссылкой  кода  в  Текстовый  инфоблок  на сайте "УчПортфолио»
Задачи:
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  
Чтобы оставить комментарий, пожалуйста, зарегистрируйтесь и авторизируйтесь на сайте.
ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ