Цифровые ресурсы и инструменты для организации интерактивного занятия или вебинара с учетом современных методов и подходов в образовании

Калашникова Елена Кутузовна
Зачем нам сайт?
Сайт – одна из форм организации материала. Сам по себе формат ничего не значит, он определяется содержанием и целями, которые ставит перед собой преподаватель. Однако существует несколько ситуаций, в которых организация материала в виде сайта будет наиболее эффективной.

  1. Сайт – основной материал. На нем размещаются задания, материалы лекций и т.д.
  2. Сайт как дополнительный материал. На нам могут размещаться тексты для дополнительного чтения, ссылки на видео и доп. материалы, описание и темы проектных работ и т.д.
  3. Сайт как интерактивный материал для выступления на конференции и т.д.
  4. Сайт – визитка преподавателя, выполняющая имиджевую функцию.
  5. Сайт – страница мероприятия, круглого стола, фестиваля.
У нас есть Power Point и LMS?
Сайт как форма организации материала имеет свои плюсы, которые особенно хорошо раскрываются в новых реалиях.
ПЛЮСЫ САЙТОВ
  • Привычность для аудитории
    Студенты интуитивно и часто пользуются всевозможными сайтами, лояльны к ним.
  • Адаптивность
    Сайт на Tildа можно адаптировать для просмотра на мобильных устройствах. Студенты чаще всего пользуются смартфонами для просмотра информации, у некоторых, как показывает практика, часто нет настольного компьютера. Для просмотра обычных презентаций часто нужно скачивать офисные приложения, а pdf-файлы сохраняют верстку макета и их приходится увеличивать, чтобы смотреть с телефона.
  • Легкость распространения, неограниченность аудитории
    Для того, чтобы поделиться сайтом, нужна всего лишь ссылка или QR-код. Чтобы открыть сайт, не нужно иметь корпоративный аккаунт и сторонние приложения.
  • Управление доступом
    Только вы решаете, какое время будет доступен сайт. В любое время вы можете снять сайт с публикации, скрыть какие-то блоки, добавить новые. С презентацией такого сделать не получится. Это особенно актуально для уникального авторского материала, если вы не хотите, чтобы ваши материалы были доступны, например, после окончания курса.
  • Больше возможностей для инклюзивного образования
    Сайт проще автоматически перевести в браузере, чем могут пользоваться иностранные студенты.
    Сайт проще озвучить, чем могут пользоваться студенты с нарушением зрения.
  • Больше возможностей для интерактива
    В сайт можно встраивать видео, анимированные изображения, инфографику, ссылки на игры, тесты, делать анимацию, создавая насыщенный мультимедийный материал.
Примеры сайтов разных типов
*не только мои примеры
Мой сайт для онлайн-феста Медианавигатор 2021
Сайт моей проектной студенческой команды по предмету "Цифровая культура" 2023
Моя визитка для конкурса 2022
Сайт психологического центра от дизайн-студии 2023
Конкурс элективов ТюмГУ 2023
Сайт Елены Владимировны Михальковой на Google Sites
Лонгрид студентов электива "Онлайн и оффлайн издания" 2023
Моя презентация для конференции 2016
Сайт проектной команды по дисциплине "Цифровая культура" 2019
Структура сайтов
Линейная структура

Последовательное соединение блоков / страниц. Применяется для сайтов-презентации, портфолио или отдельных лекций, целью которых является ознакомление посетителя со всеми страницами в определенной последовательности.


Древовидная структура

Является самой универсальной. Для каждого направления на вашем сайте своя ветка, разделы и подразделы. Подойдет для оформления всего курса.


TILDA. Краткая инструкция
1. Зарегистрируйтесь на Tilda по адресу https://tilda.cc/. Для этого вам потребуется создать учетную запись, ввести свой email и пароль.
2. После того, как вы зарегистрировались, войдите в свой аккаунт.
3. Нажмите на кнопку "Создать сайт" в верхнем левом углу экрана.
Вы окажетесь на странице редактирования созданного вами нового сайта.
Однако, прежде чем приступить к работе, познакомьтесь со строкой меню, расположенной вверху страницы.

Выберите в строке меню пункт "Профиль".
Вы окажетесь на странице редактирования данных вашей учётной записи.
Здесь вы можете изменить те данные, которые указали при регистрации.
После завершения регистрации на указанный вами адрес электронной почты было автоматически направлено письмо со ссылкой для его подтверждения.
Пройдя по ссылке в письме, вы сможете подтвердить указанный вам адрес электронной почты.

Также рекомендуется в поле "Язык" выбрать пункт "Русский", а в поле "Страна" - пункт "Russia".
В случае необходимости вы можете изменить пароль доступа к вашей учётной записи, нажав на текст "Сменить пароль" внизу формы.
Зафиксировать изменения данных профиля можно нажатием кнопки "Сохранить".

На бесплатном тарифе вы можете создать только один сайт, зато количество страниц на нем может быть до 50. Это значит, что вы можете делать большое количество проектов на разных страницах, которые могут по сути быть не связанными между собой.

Обратите внимание, что на моем сайте размещены и страницы, посвященные фестивалю «Медианавигатор», и моя личная визитка, и учебные файлы.
4. Выберите шаблон для своего сайта из галереи Tilda, находящейся на левой панели экрана. Вы можете просмотреть и выбрать различные шаблоны в соответствии с вашими потребностями. Можно выбрать и пустую страницу – когда вы уже точно знаете, чего хотите.
5. После выбора шаблона вы можете начать редактировать его содержимое.
6. Нажмите на текстовые блоки, изображения или другие элементы на странице, чтобы изменить их содержимое или стиль. У каждого блока есть кнопки Настройка и Контент. По кнопке Настройка можно изменить ширину блока, высоту, размеры отступов и т.д. По кнопке Контент изменяется содержимое блока.
7. Добавьте свои собственные изображения, тексты и другие элементы на страницу, используя панель инструментов Tilda. Для этого в необходимом месте нажмите на черный плюсик между блоками (либо нажмите на кнопку «Добавить блок» в нижней части экрана) – в левой части экрана откроется панель блоков, разделенная на категории: разные стили обложек, текста, изображений, меню и многое другое
В Тильде довольно много блоков, однако на бесплатном тарифе доступны не все. Блоки платного тарифа отмечены «замочком» и неактивны. Хитрость: в шаблонных страницах Тильды часто демонстрируются платные блоки, которые вы можете скопировать с шаблонной страницы и вставить на свою.
8. Добавление, перетасовка и скрытие блоков. Иногда нужно менять блоки местами или временно скрывать какие-то блоки, не удаляя их. Для этого поможет панель иконок меню в правом верхнем углу блока: копирование, удаление, выключение (скрытие), перемещение блока вверх и вниз.
9. После того, как вы закончите редактирование страницы, нажмите на кнопку "Опубликовать" в правом верхнем углу экрана.
10. Настройте домен и опубликуйте ваш сайт. Для бесплатной версии можно придумать только домен второго уровня (он будет отображаться в адресной строке перед словами .tilda.ws.
11. Готово! Ваш одностраничный сайт на Tilda готов к использованию. Вы можете поделиться ссылкой с вашей аудиторией!

Обратите внимание, факт публикации не «замораживает» страницу, ее так же можно изменять, главное, не забыть сохранить изменения, заново нажав кнопку «Опубликовать».

*Если вы не опубликовали страницу, то появится такое окно:
Полезные материалы
Видео, как использовать зеро-блок (нулевой блок) в Тильде https://help-ru.tilda.cc/zero

Пошаговая анимация в зеро-блоке https://help-ru.tilda.cc/zero/advanced-animation

Триггерная анимация в зеро-блоке https://help-ru.tilda.cc/zero/trigger-animation

Триггерная анимация (меню, анимация блоков и т.д.) https://tilda.cc/ru/lp/trigger-animation/

Подключить google fonts https://help-ru.tilda.cc/fonts/google

Одностраничный сайт
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website