Мастер-класс "Как вставить флеш анимацию на свой сайт"
Шаврина Ирина Владимировна
заместитель директора по воспитательной работе,
учитель начальных классов
МБОУ НОШ № 21 г. Южно-Сахалинска
Сахалинская область
2017
учитель начальных классов
МБОУ НОШ № 21 г. Южно-Сахалинска
Сахалинская область
2017
Мастер-класс
Тема: «Как вставить флеш анимацию на свой сайт»
В этом мастер-классе я расскажу о том, как вставить флеш анимацию на свой сайт и добавить музыку.
Цель:
Обучить поэтапым действиям как вставить флеш анимацию на свой сайт.
Задачи:
Обучить поэтапым действиям как вставить флеш анимацию на свой сайт.
Задачи:
1. Оказать помощь коллегам в красочном оформлении своего портфолио;
2. Проявить творческие способности.
2. Проявить творческие способности.
Предполагаемый продукт деятельности.
.png)
Шаг 1
Создаем на своей странице текстовый инфоблок, нажимаем кнопку добавить
Создаем на своей странице текстовый инфоблок, нажимаем кнопку добавить


Шаг 2
Нажимаем на ссылку http://agitki.ru/load/flesh_animacija/mnakk/1-1-0-1325 открывается анимация мамбук видео. Внизу под анимацией находится HTML – Код:
Нажимаем на ссылку http://agitki.ru/load/flesh_animacija/mnakk/1-1-0-1325 открывается анимация мамбук видео. Внизу под анимацией находится HTML – Код:
.png)

Шаг 3
HTML – Код необходимо скопировать и вставить в свой текстовый инфоблок. Нажимаем кнопку ИСТОЧНИК – вставить
HTML – Код необходимо скопировать и вставить в свой текстовый инфоблок. Нажимаем кнопку ИСТОЧНИК – вставить
.png)
Шаг 4
В текстовом инфоблоке появляется строка.
В текстовом инфоблоке появляется строка.
.png)
Шаг 5
Дальше переходим на канал YouTube и выбираем музыку, которая Вам понравиться. В моем случае это песня «Ландыши». Нажимаем на слово «Поделиться», снизу открывается ссылка. Эту ссылку необходимо скопировать и вставить в инфоблок во вставленный HTML-Код вместо слова VIDEO
Дальше переходим на канал YouTube и выбираем музыку, которая Вам понравиться. В моем случае это песня «Ландыши». Нажимаем на слово «Поделиться», снизу открывается ссылка. Эту ссылку необходимо скопировать и вставить в инфоблок во вставленный HTML-Код вместо слова VIDEO
.png)
.png)
.png)
Шаг 6
Далее в этой HTML-Коде ищем слово width="990" и меняем размер, для того, чтобы флешка поместилась в инфоблоке. В данном случае цифру 990 меняем на 650 и нажимаем на слово «Сохранить». Затем нажимаем на стиль портфолио, просмотр портфолио. Музыка заиграем автоматически. Клип с музыкой желательно выбирать без рекламы.
Далее в этой HTML-Коде ищем слово width="990" и меняем размер, для того, чтобы флешка поместилась в инфоблоке. В данном случае цифру 990 меняем на 650 и нажимаем на слово «Сохранить». Затем нажимаем на стиль портфолио, просмотр портфолио. Музыка заиграем автоматически. Клип с музыкой желательно выбирать без рекламы.
.png)
.png)
Конечный результат.
.png)
Желаю творческих успехов.
Другие мастер-классы пользователя
- Как перевести PDF в Word онлайн бесплатно
- Как сжать фотографию в фоторедакторе онлайн
- Как опубликовать и перевернуть видео с помощью канала YouTube
- Как перевернуть и сохранить снятое неправильно видео в программе киностудия Windows Life
- Как добавить ссылку на видео с канала YouTube на свою страничку в УчПортфолио
- Как вставить флеш анимацию на свой сайт
- Как сделать из фотографии рисунок
- Как уменьшить презентацию PowerPoint - минимизируем вес файла
- Как вставить фотографию в красивую рамку онлайн
- Наложение текста на изображение
Обнаружили плагиат? Сообщите об этом
Комментарии

#1 Спасибо за мастер-класс, описано всё понятно.
Галина Борискина , дата: 21.01.2017 в 17:48
#2 Большое спасибо за отличный мастер-класс.
Светлана Жарикова, дата: 21.01.2017 в 18:50

#3 Спасибо за хорошие комментарии, рада была помочь
Ирина Шаврина, дата: 21.01.2017 в 19:20
#4 Ирина Владимировна, наконец-то Вы поделились опытом о том, как сделать музыкальное сопровождение странички. Буду пробовать, мне всё понятно. Спасибо Вам за Ваш труд.
Маргарита Абраконова, дата: 21.01.2017 в 19:29

#5 Замечательный мастер-класс. Всё чётко и понятно. Спасибо, Ирина Владимировна. Буду учиться.
Ирина Мерзлютина, дата: 21.01.2017 в 23:46

#6 Спасибо, Ирина Владимировна. Очень полезный мастер-класс и актуальный для меня. Буду пробовать.
Елена Марковна Коробкова, дата: 22.01.2017 в 17:54
#7 Ирина Владимировна, получилось!!! Спасибо!
Ирина Головецкая, дата: 30.01.2017 в 13:31
#8 Спасибо,Ирина Владимировна!Всё понятно. Буду учиться.
Ольга Иванова, дата: 17.04.2017 в 9:40
Чтобы оставить комментарий, пожалуйста, зарегистрируйтесь и авторизируйтесь на сайте.