Мастер-класс "Как вставить флеш анимацию на свой сайт"
16.01.2017
1516
8Шаврина Ирина Владимировна
заместитель директора по воспитательной работе,
учитель начальных классов
МБОУ НОШ № 21 г. Южно-Сахалинска
Сахалинская область
2017
учитель начальных классов
МБОУ НОШ № 21 г. Южно-Сахалинска
Сахалинская область
2017
Мастер-класс
Тема: «Как вставить флеш анимацию на свой сайт»
В этом мастер-классе я расскажу о том, как вставить флеш анимацию на свой сайт и добавить музыку.
Цель:
Обучить поэтапым действиям как вставить флеш анимацию на свой сайт.
Задачи:
Обучить поэтапым действиям как вставить флеш анимацию на свой сайт.
Задачи:
1. Оказать помощь коллегам в красочном оформлении своего портфолио;
2. Проявить творческие способности.
2. Проявить творческие способности.
Предполагаемый продукт деятельности.
Шаг 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)
Желаю творческих успехов.
Другие мастер-классы пользователя
- Как создать видео с помощью видеоредактора канала YouTube
- Как изменить размер отдельного объекта на картинке с помощью программы Paint
- Как создать темы исследовательских работ с помощью онлайн-конструктора
- Как изменить размер фотографии с помощью программы Paint
- Как опубликовать и перевернуть видео с помощью канала YouTube
- Как принять участие во Всероссийской патриотической акции «Красная гвоздика»
- Как сжать фотографию в фоторедакторе онлайн
- Наложение текста на изображение
- Как принять участие во Всероссийском конкурсе лучшие педагоги России
- Как добавить ссылку на видео с канала YouTube на свою страничку в УчПортфолио
Комментарии
#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
Чтобы оставить комментарий, пожалуйста, зарегистрируйтесь и авторизируйтесь на сайте.
