Элементы урока. Определение. Цветной блок. Таблица. Колонки. Скрыть контент. Чертеж
Определение
Чтобы добавить определение (правило) с рамкой, нужно добавить блок «Цитата».
Это определение в рамке.
Используйте только для самых важных терминов в уроке. Для более объемных описаний правил используйте блок с фоном и рубрикой.
Цветной блок
Используется для отделения основного контента от второстепенного, например для интересных фактов.
Порядок действий
- Cобрать блоки в группу. Для этого зажимаем Shift и выбираем все блоки, которые нужно включить, затем выбираем «Группа»;
- В настройках группы выбрать только цвет фона. Цвет текста при просмотре на сайте будет другой;
- Чтобы первый абзац в группе отобразился как рубрика, поставьте курсор на первую строку. К блоку этого абзаца нужно добавить CSS класс «rubric». Рубрики обязательны.
Как это сделать?
Нажмите на первый абзац в группе, в меню справа нажмите «Дополнительно», вставьте/впишите «rubric» в «ДОПОЛНИТЕЛЬНЫЕ КЛАССЫ CSS».
Подсказка
Расставляйте дополнительные классы по окончанию работы над уроком, так это займет меньше времени.
Примеры
Растения с видоизмененными корнями
Морковь, свекла, редис, редька, репа, батат, а также панданус, бромелия, крокус, фикус-баньян и мн. др.
Таблица
Найдите в редакторе блок «Таблица». Чтобы выделить цветом заголовок, в настройках справа выберите ползунок «Область заголовка».
Заголовок 1 | Заголовок 2 |
---|---|
Текст 1 | Текст 2 |
Текст 3 | Текст 4 |
Колонки
Чтобы немного разнообразить разметку, можно расположить 2 блока в «колонки». Делается это так же, как и объединение в группу: зажимаем Shift и выбираем блоки. Кликаем и выбираем «Колонки».
Показать/скрыть контент
Чтобы сделать кнопку раскрытия скрытого контента, нужно:
Скрыть инструкцию
Сделать 2 абзаца. 1 абзац — текст кнопки для раскрытия, 2 абзац — текст для закрытия (текст может быть любым, но обычно мы называем его «Скрыть»).
Сразу за этими 2 абзацами пишем скрытый контент как обычно. Там может быть несколько блоков, картинки и т.д.
Нужно собрать скрытый контент в группу. Для этого зажимаем Shift и выбираем все блоки, которые надо скрыть, и объединяем их в группу.
Показать чертеж
С помощью этой функции можно, например, дать ученику шанс самому нарисовать чертёж, если он не дан в задаче.
Для этого нужно добавить дополнительный класс CSS к картинке: «chert».
Хотите оставить комментарий?
Войти