Мастер-класс "Как вставить линеечку на страничку на сайте УчПортфолио"
Коробкова Елена Марковна
учитель информатики и технологии
МКОУ Костинская СОШ
Нижнеудинский район
Иркутская область
учитель информатики и технологии
МКОУ Костинская СОШ
Нижнеудинский район
Иркутская область
Тема мастер-класса: "Как вставить линеечку
на страничку на сайте УчПортфолио"
Цель: Научиться вставлять временную линеечку на страничку УчПортфолио
Задачи:
1. Познакомиться с поэтапным выполнением работы
2. Познакомить со вставкой линейки на Web-страничку
3. Передать личный опыт
2. Познакомить со вставкой линейки на Web-страничку
3. Передать личный опыт
Ход работы:
Шаг 1
Ищем в поисковике сайт с линеечками. Набираем, например, «линеечки для сайта»
![](/users_content/51624edfeb2ba95fe669e7b2d2b3be80/images/01(1).jpg)
Шаг 2
Выбираем сайт. Я выбрала http://lines.chudetstvo.ru/?type=5
Выбираем сайт. Я выбрала http://lines.chudetstvo.ru/?type=5
![](/users_content/51624edfeb2ba95fe669e7b2d2b3be80/images/002.jpg)
Шаг 3
Выбираем линеечку
Выбираем линеечку
![](/users_content/51624edfeb2ba95fe669e7b2d2b3be80/images/03(1).jpg)
Шаг 4
Выбираем бегунок
Выбираем бегунок
![](/users_content/51624edfeb2ba95fe669e7b2d2b3be80/images/04(1).jpg)
Шаг 5
Переходим к настройкам
Переходим к настройкам
![](/users_content/51624edfeb2ba95fe669e7b2d2b3be80/images/05(1).jpg)
Шаг 6
Выбираем количество бегунков, устанавливаем подпись, дату
Выбираем количество бегунков, устанавливаем подпись, дату
![](/users_content/51624edfeb2ba95fe669e7b2d2b3be80/images/06(1).jpg)
Шаг 7
Если необходимо, можно указать свой часовой пояс
Если необходимо, можно указать свой часовой пояс
![](/users_content/51624edfeb2ba95fe669e7b2d2b3be80/images/07(1).jpg)
Шаг 8
Нажимаем «Создать линейку»
Нажимаем «Создать линейку»
![](/users_content/51624edfeb2ba95fe669e7b2d2b3be80/images/08.jpg)
Шаг 9
Если результат вас не устраивает, то нажимаем «Назад» и меняем фон, бегунок, текст…
Если результат вас не устраивает, то нажимаем «Назад» и меняем фон, бегунок, текст…
![](/users_content/51624edfeb2ba95fe669e7b2d2b3be80/images/010.jpg)
Шаг 10
Если вас устраивает линеечка, то нажимаем «Создать линейку».
Если вас устраивает линеечка, то нажимаем «Создать линейку».
![](/users_content/51624edfeb2ba95fe669e7b2d2b3be80/images/011.jpg)
![](/users_content/51624edfeb2ba95fe669e7b2d2b3be80/images/011-2.jpg)
Шаг 11
Копируем HTML код:
Копируем HTML код:
![](/users_content/51624edfeb2ba95fe669e7b2d2b3be80/images/021.jpg)
Шаг 12
В инфоблоке вставляем скопированный HTML код
В инфоблоке вставляем скопированный HTML код
![](/users_content/51624edfeb2ba95fe669e7b2d2b3be80/images/023.jpg)
Вот на этом этапе возможна следующая ошибка в коде: вместо кавычек " стоят апострофы'. Исправляем код, заменяя апострофы кавычками. Лишнее можно удалить. Вот, что должно остаться:
![](/users_content/51624edfeb2ba95fe669e7b2d2b3be80/images/024.jpg)
Шаг 13
Сохраняем инфоблок
![](/users_content/51624edfeb2ba95fe669e7b2d2b3be80/images/015.jpg)
Шаг 14
Любуемся результатом
Любуемся результатом
![](/users_content/51624edfeb2ba95fe669e7b2d2b3be80/images/016.jpg)
Шаг 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
![](/users_content/51624edfeb2ba95fe669e7b2d2b3be80/images/022.jpg)
2. Сайт Линейки для форумов http://line.romanticcollection.ru/exba/
Результат: Мы научились вставлять линеечку на свою страничку.
Другие мастер-классы пользователя
Обнаружили плагиат? Сообщите об этом
Комментарии
![](/users/32bb90e8976aab5298d5da10fe66f21d/mini_mA9p93LxEAY0.jpg)
#1 Очень понравился мастер-класс. Нужный элемент к портфолио. Воспользуюсь обязательно. Спасибо!
Ольга Степанова, дата: 22.01.2017 в 15:25
![](/users/9cb4d40fce0492278209290ee3e4ae31/mini_NWlX8QCSS3Nc.jpg)
#2 Хороший мастер-класс. Понятно даже ребенку.
Николай Гайнутдинов, дата: 22.01.2017 в 15:46
![](/users/176d4cc26aefd148d136259a089d354a/mini_HHTg0ffd47Am.jpg)
#3 Замечательный мастер-класс.Спасибо, Елена Марковна.
Ирина Мерзлютина, дата: 22.01.2017 в 19:29
![](/users/c1bc667b9299979b8de601f81461032a/mini_kJoZmzwqrr5z.jpg)
#4 Спасибо! Мастер-класс удался!
Наталья Юдина, дата: 28.01.2017 в 14:44
![](/users/9e69fd6d1c5d1cef75ffbe159c1f322e/mini_LE2QYfyZgbWL.jpg)
#5 Елена Марковна, спасибо за хороший мастер-класс. Вы очень доступно рассказали как вставить линеечку на сайт, а также предоставили ссылки на различные линеечки, чем очень облегчили работу.
Ирина Шаврина, дата: 11.03.2017 в 19:54
#6 Елена Марковна, благодарю за подробный и полезный мастер-класс. Попробовала сделать свою линеечку. Вроде получилось. Спасибо!
Маргарита Абраконова, дата: 02.09.2017 в 17:15
Чтобы оставить комментарий, пожалуйста, зарегистрируйтесь и авторизируйтесь на сайте.