Мастер-класс " Как сделать бегущую строку в своём портфолио"
Трушина Светлана Юрьевна
Учитель музыки высшей квалификационной категории
Муниципальное бюджетное общеобразовательное учреждение
"Средняя общеобразовательная казачья школа"
с.Знаменка, Нерчинский район, Забайкальский край
Как сделать бегущую строку в своём портфолио
Цель:
Познакомить пользователей сайта «Учпортфолио» с установкой на странице своего портфолио бегущей строчки
Задачи:
1. Передать личный опыт по предложенной теме.
2. Научить участников сайта, как оформить на странице своего портфолио анимированные надписи (бегущая строка).
Часто на сайтах, портфолио и блогах коллег мы видим вот такие движущиеся надписи:
Наверняка, вам тоже хочется установить какую-либо надпись в своём портфолио.
Предлагаю алгоритм действий по установке такой надписи в портфолио.
Шаг 1
Для установки бегущей строки нужна вот такая ссылка:
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/%D0%A0%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA1(37).png)
Вы меняете текст, вставляете свой.
В примере- «Музыка побуждает нас красноречиво мыслить»
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/%D0%A0%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA2(20).png)
Но эта ссылка активная в любом "окне" инфоблока. (вставить, вставить только текст, вставить из Word). Поэтому нет возможности оформить эту ссылку как текст для копирования, т. к просто появляется сразу надпись. (бегущая строка).
Остаётся 2 варианта, чтобы ваша ссылка заработала.
1 вариант- потратить немного времени и набрать текст ссылки в документ Word, и уже оттуда её скопировать в инфоблок.
2 вариант- участнику учпортфолио написать мне в личном сообщении, чтобы я выслала готовую ссылку для оформления. (в сообщении- текст, поэтому предлагаю такой вариант )
Шаг 2
Создаём текстовый инфоблок.
Вставляем в инфоблоке в «окно» - «вставить» ссылку с вашим текстом.--
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/%D0%A0%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA9(5).png)
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/%D0%A0%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA2(18).png)
Сохраняем.
Шаг 3
Загруженную ссылку сохраняем- ОК
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/%D0%A0%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA1(36).png)
Шаг 4
Просматриваем в стиле портфолио- надпись загружена.
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/%D0%A0%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA3(12).png)
Учитель музыки высшей квалификационной категории
Муниципальное бюджетное общеобразовательное учреждение
"Средняя общеобразовательная казачья школа"
с.Знаменка, Нерчинский район, Забайкальский край
Как сделать бегущую строку в своём портфолио
Цель:
Познакомить пользователей сайта «Учпортфолио» с установкой на странице своего портфолио бегущей строчки
Задачи:
1. Передать личный опыт по предложенной теме.
2. Научить участников сайта, как оформить на странице своего портфолио анимированные надписи (бегущая строка).
Часто на сайтах, портфолио и блогах коллег мы видим вот такие движущиеся надписи:
Наверняка, вам тоже хочется установить какую-либо надпись в своём портфолио.
Предлагаю алгоритм действий по установке такой надписи в портфолио.
Шаг 1
Для установки бегущей строки нужна вот такая ссылка:
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/%D0%A0%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA1(37).png)
Вы меняете текст, вставляете свой.
В примере- «Музыка побуждает нас красноречиво мыслить»
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/%D0%A0%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA2(20).png)
Но эта ссылка активная в любом "окне" инфоблока. (вставить, вставить только текст, вставить из Word). Поэтому нет возможности оформить эту ссылку как текст для копирования, т. к просто появляется сразу надпись. (бегущая строка).
Остаётся 2 варианта, чтобы ваша ссылка заработала.
1 вариант- потратить немного времени и набрать текст ссылки в документ Word, и уже оттуда её скопировать в инфоблок.
2 вариант- участнику учпортфолио написать мне в личном сообщении, чтобы я выслала готовую ссылку для оформления. (в сообщении- текст, поэтому предлагаю такой вариант )
Шаг 2
Создаём текстовый инфоблок.
Вставляем в инфоблоке в «окно» - «вставить» ссылку с вашим текстом.--
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/%D0%A0%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA9(5).png)
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/%D0%A0%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA2(18).png)
Сохраняем.
Шаг 3
Загруженную ссылку сохраняем- ОК
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/%D0%A0%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA1(36).png)
Шаг 4
Просматриваем в стиле портфолио- надпись загружена.
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/%D0%A0%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA3(12).png)
Другие мастер-классы пользователя
- Создание гиперссылки перехода с одного слайда на другой слайд в презентации Power Point в программе Microsoft Office 2007 операционной системы Windows 7
- Как убрать логотип сайта «Писец» при создании анимированных надписей
- Как изменить цвет и фоновую заливку шрифта в созданном инфоблоке на сайте УчПортфолио
- Оформление текста перед картинкой в презентации PowerPoint
- Как вставить фотографию в инфоблок "Слайдер фотографий"
- Как выполнить перемещение инфоблоков на странице портфолио
- Как удалить активные ссылки или гиперссылки в документе MS Word и презентациях Power Point
- Как сделать рамку в документе Word
- Оформление документа ссылкой для скачивания в Текстовом инфоблоке
- Создания коллажей в программе Paint
Обнаружили плагиат? Сообщите об этом
Комментарии
![](/users/5e51eeda0422de44a7cc260b4239d4f9/mini_XE2zSROf8m1b.jpg)
#1 Мастер- класс просто супер. Какие чудеса можно творить на сайте! Просто нет слов, сегодня же воспользуюсь Вашим материалом
Наталья Чубаева, дата: 06.06.2016 в 13:53
![](/users/aaac13f3595dfe0baefd3839d1529a4f/mini_YPyRxYYokeN8.jpg)
#2 Здравствуйте.Воспользовалась инофрмацией вашего мастер - класса. Все доступно и понятно.Большое спасибо за Ваш труд!
Наталья Лях, дата: 12.08.2016 в 5:41
![](/users/b645e524a1512ce68947d3b9c948aa46/mini_42Y66EYuusQD.jpg)
#3 Можно вместо текста вставить картинку или анимацию, и получится - "бегущая" картинка
Светлана Трушина, дата: 12.09.2016 в 11:59
#4 Спасибо!Классный мастер-класс!
Людмила Эртель, дата: 11.12.2016 в 17:40
#5 Спасибо большое, мне так интересно было научиться. Все получилось.
Светлана Жарикова, дата: 02.01.2017 в 19:09
![](/users/74a338894d9bedbc6ddf6746befe1245/mini_k82ENbDYIr1J.jpg)
#6 Спасибо за такой полезный мастер-класс, Светлана Юрьевна! Я тоже использовала для оформления портфолио. У меня на странице и бегущие строчки, и бегущая картинка- елочка!
Залифа Гайсина, дата: 02.01.2017 в 19:40
#7 Светлана Юрьевна, благодарю за мастер-класс по вставке бегущей строки на сайт. У меня получилось!!!!!
Маргарита Абраконова, дата: 06.01.2017 в 19:41
![](/users/74a338894d9bedbc6ddf6746befe1245/mini_k82ENbDYIr1J.jpg)
#8 Светлана Юрьевна! Спасибо большое за Ваши мастер-классы. Благодаря Вашим МК я тоже опубликовала свои мастер-классы. Пока мало, но научилась! Удачи Вам во всём! И, ждём ещё новых идей от Вас и МК!
Залифа Гайсина, дата: 10.01.2017 в 13:21
![](/users/7e70e439d09bb8f8b43068ec4c6c6e4c/mini_eFdLTDjONX29.jpg)
#9 Светлана Юрьевна. Спасибо большое за мастер-классы. Все очень интересно и полезно. Одна проблемка лично у меня. не получается бегущая строка. Может я что-то не так делаю? Я очень рада видеть Вас у меня в гостях. Может что-то не так написала и не вижу. Помогите пожалуйста
Лариса Семеновых, дата: 21.01.2018 в 14:10
![](/users/b645e524a1512ce68947d3b9c948aa46/mini_42Y66EYuusQD.jpg)
#10 Лариса Николаевна, отправлю Вам ссылку на Бегущую строку в личном сообщении
Светлана Трушина, дата: 21.01.2018 в 14:52
Чтобы оставить комментарий, пожалуйста, зарегистрируйтесь и авторизируйтесь на сайте.