С нами 12773 учителя, 4553 ученика.
Присоединяйтесь – это бесплатно!
Мастер-класс "Как вставить линеечку на страничку на сайте УчПортфолио"
Коробкова Елена Марковна
учитель информатики и технологии
МКОУ Костинская СОШ
Нижнеудинский район

Иркутская область 

Тема мастер-класса: "Как вставить линеечку
на страничку на сайте УчПортфолио"
 
 
Цель: Научиться вставлять временную линеечку на страничку УчПортфолио
Задачи:
1. Познакомиться с поэтапным выполнением работы
2. Познакомить   со вставкой линейки на Web-страничку 
3. Передать  личный  опыт
Ход работы:


Шаг 1
Ищем в поисковике сайт с линеечками. Набираем, например, «линеечки для сайта»


 
Шаг 2
Выбираем сайт. Я выбрала http://lines.chudetstvo.ru/?type=5

Шаг 3
Выбираем линеечку

 

 
Шаг 4
Выбираем бегунок

 
Шаг 5
Переходим к настройкам

 

 
Шаг 6
Выбираем количество бегунков, устанавливаем подпись, дату

 

 
Шаг 7
Если необходимо, можно указать свой часовой пояс

 

 
Шаг 8
Нажимаем «Создать линейку»

 

 
Шаг 9
Если результат вас не устраивает, то нажимаем «Назад» и меняем фон, бегунок, текст…

 

 
Шаг 10
Если вас устраивает линеечка, то нажимаем «Создать линейку».

 



 
Шаг 11
Копируем HTML код:

 

 
Шаг 12
В инфоблоке вставляем скопированный HTML код 

Вот на этом этапе возможна следующая ошибка в коде: вместо кавычек " стоят апострофы'. Исправляем код, заменяя апострофы кавычками. Лишнее можно удалить. Вот, что должно остаться:
 
 
Шаг 13
Сохраняем инфоблок
 

 
Шаг 14
Любуемся результатом

 


 
Шаг 15
Сайты с линеечками: 
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  
Чтобы оставить комментарий, пожалуйста, зарегистрируйтесь и авторизируйтесь на сайте.