Skip to main content

πŸŽ“ Lesson 6: Content Blocks β€” Text, Images, Statements, Lists & Media

Interactions get the applause, but content blocks do the heavy lifting β€” they're the words, pictures, and media that carry your message. In this lesson you'll tour every core content block, learn to write for the screen so learners actually read it, add media with proper alt text, and develop an instinct for which block fits which idea.

πŸ“š What You'll Learn

By the end of this lesson, you will be able to:

  • Identify the core content blocks and what each is best for
  • Write for the screen: scannable, chunked, and skimmable
  • Add and edit images, galleries, audio, video, and embeds
  • Write meaningful alt text and mark decorative images as decorative
  • Choose the right block for each idea instead of forcing everything into paragraphs

⏱️ Estimated Time: 45 minutes

🎯 Project: Build a short content lesson: a heading, a paragraph, an image with alt text, a list, and a quote β€” all on your capstone topic.

In This Lesson

The Content Blocks Tour

In Lesson 5 you met the Block Library at a glance. Now let's actually walk the content aisle. Think of each block as a specialized tool: a paragraph block is a screwdriver, a statement block is a highlighter, a list is a set of drawers. Using the right one makes your course clearer and faster to build.

πŸ“– The core content blocks

Text β€” paragraphs, headings and subheadings, "paragraph with heading," and multi-column text. Your workhorse for anything you say in words.

Statement β€” a single idea in a bold, styled treatment. Great for a principle, a warning, or a takeaway you want to land.

Quote β€” a styled quotation with optional attribution and photo. Perfect for a testimonial or an expert's memorable line.

List β€” numbered, bulleted, or checkbox lists. Numbered for steps and order; bulleted for related points; checkbox for "things to do or confirm."

Image β€” a single image, which you can display centered or full-width for impact.

Gallery β€” multiple images as a grid or carousel the learner can click through.

Multimedia β€” audio, video, and embed blocks (for YouTube/Vimeo and code embeds).

Chart β€” bar, line, or pie visuals when a number tells the story better than a sentence.

Divider β€” dividers, spacers, numbered dividers, and the Continue button that gates progress. Plus a Storyline block placeholder for embedding a Storyline interaction inside a Rise lesson (previewed in Lesson 3).

Figure 1 β€” A content lesson (a simplified mock-up, not a real screenshot): heading, paragraph, image, list, and statement blocks working together.

Writing for the Screen

People don't read online courses the way they read a novel β€” they scan. Your job is to make scanning work. The good news: the block model nudges you toward this naturally. The trick is to resist dumping a wall of text into one paragraph block.

🧠 Mindset

If you've ever written a document, you already know how to write a course β€” you just need to unlearn one habit: the long, dense paragraph. On a screen, white space is a feature, not wasted room. Breaking one big paragraph into a heading, two short paragraphs, and a three-item list isn't "dumbing it down" β€” it's respecting how attention actually works.

A few reliable moves:

  • Chunk it. One idea per block. If a paragraph is doing two jobs, split it.
  • Lead with headings. A learner skimming your headings should get the gist. Use the heading and subheading text options generously.
  • Turn prose into lists. Any "there are three things…" sentence is secretly a list block waiting to happen.
  • Front-load. Put the point first, the detail second. Readers may not reach the end.
  • Use Statement blocks sparingly. If everything is emphasized, nothing is.
πŸ’‘ The scan test: Preview your lesson, then read only the headings and bold words. If that skeleton still makes sense, learners who skim will get your message. If it doesn't, add headings or break up the text.

Adding Media & Alt Text

Media makes a course come alive β€” but only when it earns its place. Here's how each media block behaves and the one accessibility habit to build from day one.

Images. Add an Image block, then upload your own or pick from Content Library 360's photo collection Trial / Paid. Choose a display size (centered or full-width). Every meaningful image needs alt text β€” a short description screen readers read aloud. If an image is purely decorative (a background flourish), mark it decorative so assistive tech skips it.

Galleries. Show several related images as a grid or carousel β€” great for a product lineup, before/after shots, or a set of examples the learner clicks through.

Audio & video. Upload narration or a video, or pull a video from a website. Video can come from an embed too. Keep files reasonable so mobile learners on slower connections aren't left waiting.

Embeds. The embed block drops in external content β€” a YouTube or Vimeo video, or a snippet of embed code from another service. Handy, but remember embedded content lives on someone else's server, so it can change or disappear.

⚠️ Alt text is not optional

Writing good alt text is the single easiest accessibility win in the whole course, and it takes seconds. Describe the image's meaning, not its file name: "A worker wearing safety goggles at a grinding wheel," not "IMG_4821.jpg." We treat accessibility as first-class in Lesson 19, but the habit starts now, on every image you add.

Block Settings & Choosing Well

Most blocks have a small settings panel β€” display options, spacing/padding, background color or shade, alignment, and animation-on-scroll toggles. You rarely need to touch these on your first pass; Rise's defaults look good. When you do adjust them, do it for a reason (a full-width image for impact, extra padding to give a section room to breathe), not for its own sake.

The real skill isn't the settings β€” it's picking the right block. Use this quick flow when you're unsure:

graph LR A["🧠 I have an idea
to communicate"] --> B{"Words, a picture,
or a number?"} B -->|"Words"| C{"Emphasis or
a series?"} C -->|"One key line"| D["πŸ’¬ Statement"] C -->|"A series"| E["βœ… List"] C -->|"Explanation"| F["πŸ“ Text"] B -->|"Picture"| G{"One or many?"} G -->|"One"| H["πŸ–ΌοΈ Image"] G -->|"Many"| I["🎞️ Gallery"] B -->|"Number"| J["πŸ“Š Chart"] style A fill:#fed7aa,color:#1e293b style B fill:#bfdbfe,color:#1e293b style C fill:#c7d2fe,color:#1e293b style G fill:#c7d2fe,color:#1e293b style D fill:#fde68a,color:#1e293b style E fill:#bbf7d0,color:#1e293b style F fill:#f1f5f9,color:#1e293b style H fill:#f1f5f9,color:#1e293b style I fill:#f1f5f9,color:#1e293b style J fill:#f1f5f9,color:#1e293b

Figure 2 β€” A quick decision flow for choosing a content block based on what you're trying to communicate.

βœ… A healthy content lesson

A good rule of thumb: alternate kinds of blocks so the page has rhythm. Heading β†’ paragraph β†’ image β†’ list β†’ statement reads far better than five paragraphs in a row. Variety keeps the eye moving and the mind engaged.

🎯 Try It: Build a Content Lesson

πŸ‹οΈ Activity: A real, scannable content lesson

Objective: Add a lesson to your practice course made only of content blocks β€” and make it genuinely scannable, with proper alt text. Trial / Paid

Steps

  1. In your practice course, add a new lesson titled after a sub-topic of your capstone. (⏱️ 2 min)
  2. Add a Text block: a heading plus one short paragraph (front-load the point). (⏱️ 5 min)
  3. Add an Image block and write meaningful alt text describing what the image means. (⏱️ 4 min)
  4. Add a List block β€” pick numbered, bulleted, or checkbox to match your content. (⏱️ 4 min)
  5. Add a Quote or Statement block with one memorable line. (⏱️ 3 min)
  6. Preview, then apply the scan test: read only the headings and bold words and check the gist survives. Adjust if needed. (⏱️ 4 min)
πŸ’‘ Hint

Stuck on alt text? Imagine describing the image over the phone to someone who can't see it, in one breath. If the image is just decorative, use the decorative option instead of writing filler. And if a paragraph feels long, that's usually a list trying to escape.

βœ… Activity Complete When…

  • Your lesson has a heading + paragraph, an image, a list, and a quote/statement
  • The image has meaningful alt text (or is marked decorative on purpose)
  • The lesson passes the scan test β€” the headings alone convey the gist
  • It looks right in preview on mobile

🎯 Quick Quiz

Question 1: You have a sentence that says "there are four steps to reset the machine." Which block fits best?

Question 2: What should alt text on a meaningful image describe?

πŸ““ Learning Journal

Keep your Learning Journal going β€” a note in your favorite app, a doc, or a paper notebook. After each lesson, jot down:

  • Key concepts you learned
  • Things that clicked for you
  • Questions or confusion points to revisit
  • Ideas you want to try
  • Your progress and how you feel about learning this

✍️ This lesson's prompt: Look at your capstone topic and sketch (in words) one content lesson: what heading, what image, what list, what statement? Which writing-for-the-screen habit was hardest for you to adopt β€” and why do you think that is?

πŸ“ Lesson Summary

πŸŽ“ Key Takeaways

  • Content blocks β€” Text, Statement, Quote, List, Image, Gallery, Multimedia, Chart, Divider β€” carry your message; pick the one that fits each idea.
  • Write for the screen: chunk one idea per block, lead with headings, turn prose into lists, and front-load the point.
  • Add alt text to every meaningful image and mark decorative images as decorative β€” the easiest accessibility win there is.
  • Rise's block defaults look good; adjust settings only for a reason, and alternate block kinds for rhythm.

πŸŽ‰ What You've Accomplished

You built a full content lesson that a real learner could read on a phone β€” with meaningful media, proper alt text, and a structure that survives skimming. You've also started thinking like a course designer: choosing blocks on purpose rather than defaulting to paragraphs. That instinct pays off in every lesson to come.

❓ Common Questions at This Stage

Can I embed a YouTube video in a Rise lesson?

Yes β€” use the Multimedia embed block and paste the video's link or embed code. Just remember embedded content is hosted elsewhere, so if the original video is removed, your block goes blank.

Where do the Content Library images come from, and can I use them?

Content Library 360 is part of the subscription Trial / Paid and includes licensed photos, illustrations, icons, and videos you can use in your Articulate courses. It's a fast way to add polished imagery without hunting for stock elsewhere.

My lesson feels like a wall of text. What's the quickest fix?

Split your longest paragraph into a heading plus two shorter paragraphs, and convert any "list-like" sentence into an actual List block. Then add one image. Those three moves transform a wall into a scannable page in about five minutes.

πŸ”­ Looking Ahead

In Lesson 7, we reach the star of Rise: the interactive blocks β€” Labeled Graphics, Tabs, Accordions, Timelines, Flashcards, Sorting activities, and more β€” and when to use each one.

βœ… Before the Next Lesson

  • Keep your content lesson β€” you'll add interactions to your course next
  • Confirm every image in your course has alt text (or is marked decorative)
  • Write this lesson's journal prompt

πŸ“š Additional Resources

🌟 Encouragement for the Journey

Great content isn't about fancy features β€” it's about respect for your learner's time and attention. You're already writing courses that people can actually skim and still learn from. That's a skill many seasoned authors never quite master. Onward to the fun part.