Мастер-класс "Как вставить линеечку на страничку на сайте УчПортфолио"
22.01.2017
1831
6Коробкова Елена Марковна
учитель информатики и технологии
МКОУ Костинская СОШ
Нижнеудинский район
Иркутская область
учитель информатики и технологии
МКОУ Костинская СОШ
Нижнеудинский район
Иркутская область
Тема мастер-класса: "Как вставить линеечку
на страничку на сайте УчПортфолио"
Цель: Научиться вставлять временную линеечку на страничку УчПортфолио
Задачи:
1. Познакомиться с поэтапным выполнением работы
2. Познакомить со вставкой линейки на Web-страничку
3. Передать личный опыт
2. Познакомить со вставкой линейки на Web-страничку
3. Передать личный опыт
Ход работы:
Шаг 1
Ищем в поисковике сайт с линеечками. Набираем, например, «линеечки для сайта»
.jpg)
Шаг 2
Выбираем сайт. Я выбрала http://lines.chudetstvo.ru/?type=5
Выбираем сайт. Я выбрала http://lines.chudetstvo.ru/?type=5
Шаг 3
Выбираем линеечку
Выбираем линеечку
.jpg)
Шаг 4
Выбираем бегунок
Выбираем бегунок
.jpg)
Шаг 5
Переходим к настройкам
Переходим к настройкам
.jpg)
Шаг 6
Выбираем количество бегунков, устанавливаем подпись, дату
Выбираем количество бегунков, устанавливаем подпись, дату
.jpg)
Шаг 7
Если необходимо, можно указать свой часовой пояс
Если необходимо, можно указать свой часовой пояс
.jpg)
Шаг 8
Нажимаем «Создать линейку»
Нажимаем «Создать линейку»
Шаг 9
Если результат вас не устраивает, то нажимаем «Назад» и меняем фон, бегунок, текст…
Если результат вас не устраивает, то нажимаем «Назад» и меняем фон, бегунок, текст…
Шаг 10
Если вас устраивает линеечка, то нажимаем «Создать линейку».
Если вас устраивает линеечка, то нажимаем «Создать линейку».
Шаг 11
Копируем HTML код:
Копируем HTML код:
Шаг 12
В инфоблоке вставляем скопированный HTML код
В инфоблоке вставляем скопированный HTML код
Вот на этом этапе возможна следующая ошибка в коде: вместо кавычек " стоят апострофы'. Исправляем код, заменяя апострофы кавычками. Лишнее можно удалить. Вот, что должно остаться:
Шаг 13
Сохраняем инфоблок
Шаг 14
Любуемся результатом
Любуемся результатом
Шаг 15
Сайты с линеечками:
1. Сайт Акушерство.Ru http://lines.akusherstvo.ru/?action=create_lineika&step=2&type_id=4
Сайты с линеечками:
1. Сайт Акушерство.Ru http://lines.akusherstvo.ru/?action=create_lineika&step=2&type_id=4
2. Сайт Линейки для форумов http://line.romanticcollection.ru/exba/
Результат: Мы научились вставлять линеечку на свою страничку.
Другие мастер-классы пользователя
Комментарии
#1 Очень понравился мастер-класс. Нужный элемент к портфолио. Воспользуюсь обязательно. Спасибо!
Ольга Степанова, дата: 22.01.2017 в 15:25
#2 Хороший мастер-класс. Понятно даже ребенку.
Николай Гайнутдинов, дата: 22.01.2017 в 15:46
#3 Замечательный мастер-класс.Спасибо, Елена Марковна.
Ирина Мерзлютина, дата: 22.01.2017 в 19:29
#4 Спасибо! Мастер-класс удался!
Наталья Юдина, дата: 28.01.2017 в 14:44
#5 Елена Марковна, спасибо за хороший мастер-класс. Вы очень доступно рассказали как вставить линеечку на сайт, а также предоставили ссылки на различные линеечки, чем очень облегчили работу.
Ирина Шаврина, дата: 11.03.2017 в 19:54
#6 Елена Марковна, благодарю за подробный и полезный мастер-класс. Попробовала сделать свою линеечку. Вроде получилось. Спасибо!
Маргарита Абраконова, дата: 02.09.2017 в 17:15
Чтобы оставить комментарий, пожалуйста, зарегистрируйтесь и авторизируйтесь на сайте.
