Финальный этап: как показать свой образовательный проект миру — опубликовать код, встроить его на лендинг и упаковать для загрузки на платформу.
Код готов. Осталось вынести его из редактора в интернет. Разберём три способа публикации по порядку: от бесплатного хостинга на GitHub до готового SCORM-пакета для LMS.
Чтобы код заработал в интернете, его нужно где-то разместить. GitHub — удобный и бесплатный вариант для проектов. Смотри видео и повторяй по шагам.
Видео · заливка на GitHub Pages
index.html — должен лежать в корне).Settings → Pages) включи GitHub Pages — и получишь ссылку вида твой-логин.github.io/твой-проект.Когда проект лежит на GitHub, его можно встроить на лендинг в Тильде — блоком Т123 (HTML). Проект показывается через «окно» — тег <iframe>.
Видео · вставка в Тильду (блок Т123)
Разбери код по частям — нажимай на подсвеченные фрагменты:
<iframe src="https://твой-логин.github.io/твой-проект/index.html" style="width:100%;height:100vh;border:none;display:block;">
</iframe>Нажимай на подсвеченные части
<iframe> обязательно закрывается парным </iframe>./index.html — иначе окно останется пустым.border:none) и растягивает проект на всю ширину и на 100% высоты экрана (height:100vh), чтобы он выглядел как часть страницы.Если проект загружается в полноценную LMS (Эквио, iSpring и другие), его упаковывают в ZIP-архив по стандарту SCORM. Внутри архива, помимо файлов проекта, лежит служебный файл imsmanifest.xml — паспорт курса, по которому платформа понимает, что и как запускать.
Видео · сборка SCORM-пакета
Файл imsmanifest.xml не нужно писать вручную — попроси ИИ. Скопируй промпт и подставь свои данные:
Когда будешь делать ZIP-архив, не архивируй саму папку целиком. Зайди внутрь папки, выдели все файлы (включая index.html и imsmanifest.xml) и только их добавляй в архив. Иначе LMS не найдёт точку запуска.
Вот и всё — материалы курса позади! Осталось собрать проект и защитить его. Сверься с датами:
Готовь проект, вопросы и хорошее настроение. До встречи на защите!