Creating interactive Moodle content with HTML with generative AI
Moodle can do more than its standard text boxes suggest. With a little HTML, inline CSS and JavaScript, a page can include accordions, tabs, progress indicators, cards and other interactions that make long or complex material easier to navigate.
With instruction video and sample prompt.
This resource was developed under the project titled Empowering Education: Exploring AI for Teaching and Learning at ZHAW. The project was created in response to the 2025 Transformative Education Fund, or TEF, project call.
Its purpose is to make knowledge about artificial intelligence more accessible to teachers and to support its thoughtful use in teaching.
The full course is available at ZHAW under: https://moodle.zhaw.ch/course/view.php?id=24401
Claude.ai was used to transform the content from a Moodle html page into Microsoft Word, image generated with AI.
Licence: Creative Commons Attribution 4.0 International
Keywords: AI, Moodle
Activity log
