Create Responsive HTML5 eLearning with Articulate 360 Rise

Start a new Rise project, organize content, and collaborate by adding people and sharing your course; explore theme adjustments and create unique looks with new Rise themes.

Discover the rise authoring UI for creating e-learning with blocks across content pages, including adding, rearranging, and editing blocks, previewing learner interactions, and customizing block layouts, background color, and padding.

Create a new project in Articulate 360 Rise, choose real content or a course template, and start building a blank course with pages, blocks, and modules.

Add sample content to your pages by creating a blank lesson with blocks like a text block, an image, and a list, then explore theme adjustments, sharing and review.

Explore how to customize Articulate Rise themes including cover pages and navigation, preview changes across devices, adjust image crops, colors, and menu options for responsive eLearning layouts.

Adjust the course theme to customize colors, header styles, background images, and sizing. Configure fonts and custom fonts, and tailor blocks and animations for a polished lesson header and navigation.

Organize Rise courses by creating archive and active folders, moving courses between sections, and avoiding permanent deletion, while preparing content to publish to your LMS.

Learn to invite collaborators in Rise 360, share previews, and send copies to external users, while understanding roles like course manager and organization account access.

Collaborate on projects to manage course content: export for LMS, duplicate and organize in folders, and build cooking 101 with content blocks and a consistent theme.

Now learn to create basic content and blocks, adjust project themes, and begin adding blocks into your content to build responsive HTML5 eLearning with Articulate 360 Rise.

Organize and build basic content for a responsive HTML5 eLearning project by creating and saving text and image blocks as templates, then explore variations of the text block.

Explore how blocks create the structure of pages in a microlearning course, using pre-built templates you can stack and customize. Learn how background, padding, and layout affect content across pages.

Learn to build and format content in Articulate 360 Rise by using text blocks, headings, lists, two-column layouts, and adjust padding and background colors with quick insert and edit settings.

Master image blocks in Articulate Rise by swapping and cropping images, adjusting padding and background, adding captions and alt text, and creating responsive image and text layouts.

Save customized blocks as templates to reuse settings and speed up the process, covering creating, naming, and applying block templates for future interactive blocks.

Build on basic blocks by exploring text and image blocks, their variations, and adjustments, then preview visual layout blocks like lists, gallery, and quotes to stylize courses.

Explore expanding Rise blocks with lists, video and audio blocks, and downloadable attachments, while building on text and image blocks and embedding Camtasia videos for animations.

Create and structure content in Rise using text and statement blocks, preview per page, share full course links, and customize themes, colors, and spacing.

Learn to create and customize quote blocks in Articulate 360 Rise, leveraging images and authors, edit and crop images, adjust backgrounds, and build quote carousels.

Explore how to insert and customize list blocks in Articulate 360 Rise, creating numbered, bulleted, and checkbox lists, editing items, formatting text, and mixing blocks with headings and colors.

Explore the audio block in Rise, uploading or recording audio with captions and attachments. Edit outside Rise with Audacity or Audition and consider Road, Shure, or Blue Yeti microphones.

Learn how video blocks in Rise engage learners, compare uploading local video versus embedding YouTube or Vimeo, and understand compression to manage file size.

Learn to embed videos in Rise using iframe embeds from Vimeo or YouTube, manage privacy (unlisted or public), replace videos, and optimize streaming to reduce course size.

Explore dividers in Rise, including line, number, and spacer dividers, and the continue button, with padding and background color settings. Learn to require learners to complete blocks before moving on.

Embed and attach files in your course to let learners download references. Upload attachments in the all block's multimedia section for PDF, images, or PowerPoint.

Learn to create and customize bar, line, and pie charts with editable titles, labels, hover information, colors, and data in Articulate 360 Rise, including value displays and padding options.

Expand and arrange text, images, dividers, and charts to build engaging layouts, then integrate videos, audio, and lists while preparing basic quiz interactions.

Learn to add interactivity with quiz questions in Articulate 360 Rise, including multiple choice, multiple response, fill-in-the-blank, and matching; use question bank and build results page for learning management system.

Learn to build quizzes in Rise by adding quiz content as a block or page, using multiple choice or multiple response questions with text or image options and per-choice feedback.

Explore the multiple response item in Articulate Rise, showing how to select multiple correct options, configure feedback, and manage quiz questions, previews, and quiz bank integration.

Create fill in the blank questions in Articulate 360 Rise by adding blanks, defining multiple acceptable answers with optional case sensitivity, embedding images or videos, and previewing quiz results.

Add a matching question by pairing column A choices with draggable matches, preview feedback for correct and incorrect responses, and use multiple options before exploring the question bank.

Learn how to create and manage personal and team question banks, add diverse questions, and draw random questions into quizzes to personalize each user's experience.

Insert quiz questions inline within content blocks as learners scroll, configuring knowledge checks with choice, response, fill-in-the-blank, matching, or a question bank and map results to learning management system.

Configure quiz settings for page three by setting an 80% passing score, retry options, and the continue button style. Include randomized order, shuffled answers, and LMS reporting for course completion.

Learn to create quiz questions in inline blocks or on separate pages. Understand how LMS tracking reveals knowledge transfer, differences between microlearning and main courses, and how to adjust settings.

Create microlearning courses in Rise by building one-page sections with blocks and templates, and navigate using a top bar and a progress indicator.

Create a new micro learning from scratch, add a first text block, and set a splash screen with a replaceable cover image; explore templates and prepping our food.

Preview micro-learning content on phones in landscape and portrait, navigate sections with simplified controls, swipe gestures on mobile, and share a link to test performance on your device.

Adjust the Rise theme by changing background, cover page, accent color, and fonts, and navigate between continuous and stepped modes with dots or number indicators.

Set up and customize content by adjusting background color, font color, and padding for blocks; connect image and text within microlearning, then decide when microlearning fits versus a full course.

Compare microlearning with full courses in Rise, using modular pages for comprehensive content or quick review content. Preview interactive block types to elevate your course design in the next section.

Discover how to boost e-learning interactivity in Articulate 360 Rise by adding tabs, accordions, flashcards, labeled graphics, and branching scenarios via simple forms, starting with the gallery block.

Explore how to implement the gallery block in Articulate 360 Rise, using carousels and two-, three-, and four-column layouts with captions, cropping, and alt text for accessibility.

Explore the tab interaction in Articulate 360 Rise, edit each tab with text, add images or embedded videos, and adjust alignment, padding, and mobile behavior.

Explore the accordion interaction in Articulate Rise, compare it with tabs, and learn to expand content with plus icons using text, images, and videos while choosing single-item or multi-item behavior.

Learn to create a labeled graphic by placing markers on an image, editing positions in a dedicated mode, and adjusting marker style and order.

Design a responsive process interaction that guides learners through step-by-step stages with text, images, or videos, adaptable to mobile screens and supporting media uploads.

Create branching scenarios in Articulate Rise by building text or dialogue choices, adding scenes, managing characters and backgrounds, and using feedback to guide learners along multiple pathways.

Explore the sorting activity in Rise, edit categories and items, and see how randomization and feedback work in a matching drag-and-drop experience.

Learn to build an interactive timeline that connects dated events with editable blocks, media uploads, and customizable backgrounds, illustrating a company history or project milestones.

Design and customize flash cards in Articulate 360 Rise by creating front and back panels with text or images, choosing stack or grid layouts, and enabling flips.

Learn to build interactive navigation with buttons in Articulate Rise, including text buttons, button stacks, and a continue button for pages within the course, internal links, or external web pages.

Publish Storyline 360 interactions to Review 360 and embed them as Rise blocks for interactive content, noting Storyline's non-responsive limitations.

Mix Rise blocks—quiz, flashcard, labeled graphic, text, image, and storyline block—to deliver content-first, interactive lessons and explore publishing options with feedback.

Publish your course in multiple formats, from no-tracking hosting to SCORM, Cmi5 (xAPI), and review-enabled workflows, and explore LMS requirements and hosting options like Reach 360 and Vercel.

Publish your Rise course without a learning management system by sharing a link or hosting it on your site via web publish and FTP transfer, without tracking.

Publish your course to Review 360 to collect stakeholder feedback with review requests and page-specific comments. Track revisions, resolve feedback, and share links with passwords for LMS publishing.

Publish to an lms using scorm 2004 fourth edition, track by quiz or completion, enable an exit course link, and test in scorm cloud before exporting a zip.

Publish to cmi5 for structured LMS reporting and richer tracking than Scorm, using ECS API data and xapi if supported.

Publish to pdf creates a static, non-interactive version of the Rise course, suitable for offline review and stakeholder printing. Understand trade-offs, such as loss of interactivity and missing video playback.

Publish your HTML5 eLearning content to learners via an LMS or website, decide on tracking or stakeholder feedback, and finalize with customization, archiving, image optimization, and translation.

Explore Rise translations workflow, from sending content to a translation company to uploading the localized material, plus image optimization and optional CSS tweaks for a web publication.

Duplicate the Rise course, export an xliff file, have translations updated, and import them back into the duplicated course, ensuring IDs align and images stay synchronized.

Archive your Rise project by moving content to an archive folder, separating active from archived items, and safely managing deletion and owner access, then optimize images after publishing.

Compress images with TinyPNG to cut scorm asset sizes, shrink videos using HandBrake by lowering bitrate, and publish optimized Rise content to meet LMS file size limits.

Customize Rise css by adding a custom css file in the lib folder and linking it to index.html. Use inspect element to adjust font weight and size for responsive styling.

Explore how Articulate 360 Rise enables responsive HTML5 eLearning by covering translations, CSS adjustments, and image optimization, then learn to orchestrate blocks and components with solid instructional design.