🎓 Lesson 5: Your First Project — Slides & the Component/Block Model

🚀 Starting a New Project

Assuming you've installed Captivate from Lesson 2, opening the all-new Adobe Captivate All-New Trial / Paid drops you on a Home / Start screen. This is mission control: recent projects on one side, and big, friendly choices for starting something new — a blank project, a quick-start project (a ready-made template, which we'll explore in Lesson 10), or opening an existing file.

For your first build, choose blank project. Starting from nothing sounds harder, but it's actually the clearest way to learn — nothing on the screen is there unless you put it there, so every piece makes sense. Give the project a name you'll recognize later, like My First Course. The all-new tool is responsive by default, so you don't have to pick a fixed pixel size the way you would in an older tool — Captivate assumes your course should adapt to phones, tablets, and desktops, and it sets you up for that from the first click.

One reassurance before we go further: Captivate runs natively on both Windows and macOS Win + Mac, and the all-new tool looks and works essentially the same on each. The menus sit where you'd expect for your platform, keyboard shortcuts follow your system's habits (⌘ on Mac, Ctrl on Windows), but the concepts, panels, and steps in this lesson are identical. If you're on a Mac, you're not on some second-class port — you're on a first-class citizen.

🧭 A Calm Tour of the Workspace

When your blank project opens, you're looking at the Captivate workspace. It can feel like a lot of panels at once, so let's name the four areas that matter and ignore the rest for now. Think of it like sitting down at an unfamiliar car: you only need to find the wheel, the pedals, and the gearstick to drive — the fancy dashboard buttons can wait.

Figure 1 — All-new Captivate (a simplified mock-up, not a real screenshot): the toolbar, the slide canvas built from component blocks, the device chips, and the Visual Properties panel.

Here are the four things to know:

• The Toolbar (top). Your launchpad for adding things. In the all-new tool you'll spend most time in Slides (add and manage slides), Components (drop in text, images, buttons, shapes, and more), Interactions and Media (later lessons), and Preview (see it as a learner would).
• The Slide Canvas (center). The stage — what a learner will actually see. You build a slide by placing components here. Notice the little device chips beneath it (Desktop, Tablet, Mobile): they let you check how the same slide looks on different screens. We'll live in those in Lesson 7.
• The Slides / Filmstrip list. A running list of every slide in your project, in order. This is how you move between slides, reorder them, and add or duplicate them. A course is just slides in sequence, so this list is your table of contents.
• Visual Properties (right). The most important panel to befriend. Whatever component you have selected, this panel shows its settings — text style, color, size, alignment, and so on. Select nothing, and it shows properties for the whole slide. The golden rule: select first, then change it on the right.

💡 Adobe moves things around. Adobe updates the all-new Captivate often, so a panel might be renamed, or a tool might sit in a slightly different spot than the mock above. Don't panic if your screen isn't pixel-identical — the concepts (a canvas, a toolbar to add things, a properties panel to change them, a list of slides) are stable. When something has clearly moved, that's your cue to glance at Adobe's current help pages rather than assume you broke something.

🧱 The Component/Block Model

Here's the single idea that makes the all-new Captivate click. You don't draw a course — you assemble it from blocks. Every visible thing on a slide is a component (many people call them blocks): a Text component, an Image component, a Button component, a Shape, a Video, and so on. A slide is simply a container that holds a stack of these components in an order.

The best analogy is building with interlocking plastic bricks. You don't sculpt a spaceship out of one lump; you snap together standard pieces. Captivate components are those pieces. And because they're standard, Captivate knows how to do something powerful with them: when the screen gets narrower — say, a phone — the blocks reflow, stacking and resizing to stay readable, instead of spilling off the edge. That automatic reflow is the whole reason the modern tool exists, and it's why we build from components rather than by dragging freeform boxes to fixed pixel positions.

Figure 2 — The hierarchy: a project holds slides, and each slide holds a stack of components (blocks).

To add a component, you open Components in the toolbar and choose the type you want — Text, Image, Button, Shape, and friends. Captivate places it on the slide, and it slots into the slide's stack. Because components live in a stack rather than floating at random coordinates, you rarely fuss over exact positions the way you might in a graphics program; you focus on order and content, and let responsiveness handle the rest. (If you've used the older Captivate Classic Classic, this is a real shift — Classic places objects at fixed positions on a timeline; the all-new tool thinks in adaptable blocks instead.)

Why this matters for real courses and real careers: when a client says "make sure it works on phones," a component-based course already does, because the blocks reflow. When they say "the legal team changed the wording on slide 4," you select one Text component and retype — no re-laying-out the screen. Building from standard, reflowing blocks is what makes modern e-learning fast to build and cheap to maintain, and that speed is exactly what employers are paying an author for.

🎛️ Editing with Visual Properties & Saving

Once a component is on the slide, you shape it with the Visual Properties panel on the right. The rhythm never changes: select the component, then adjust it on the right. Click a Text component and the panel offers font, size, alignment, color, and a style (like "Heading 1" or "Body") — styles are a shortcut to consistent formatting we'll lean on hard in Lesson 6. Click an Image component and you'll see options to swap the picture, add alternative text for accessibility (a habit worth starting now — Lesson 14 makes it a discipline), and adjust the fit.

Double-clicking a Text component usually lets you type straight into it, which feels natural. Buttons work the same way: add a Button component, then use Visual Properties to change its label (say, from the default to "Next"), its color, and — later — what it does when clicked (Lesson 8's interactions). For now, a button that simply reads "Next" and looks the part is a perfect win.

A quick word on Preview. The Preview control (in the toolbar) lets you experience the slide the way a learner will — buttons become clickable, and you can page through. You don't need the full power of it yet (Lesson 7 goes deep on previewing across devices), but do give it a try after you build today; seeing your own slide come alive is the moment this stops feeling abstract.

🎯 Try It: Build Your Hello Course

📓 Learning Journal

📝 Lesson Summary

🎉 What You've Accomplished

You just went from reader to builder. You created a real project, met the workspace without being overwhelmed by it, understood the single idea (components that reflow) that the entire modern tool rests on, and saved a working two-slide course to your drive. That's a genuine milestone — the blank canvas isn't scary anymore, because you've filled one.

❓ Common Questions at This Stage

🔭 Looking Ahead

Your hello course works, but it's plain. In Lesson 6: Themes, Styling & Brand, you'll apply a theme and set brand colors and fonts — and watch your bare-bones project transform into something that looks professionally designed in just a few clicks.

✅ Before the Next Lesson

• Make sure your two-slide project is saved in a dedicated folder
• Write this lesson's journal prompt — explain the block model in your own words
• Optional: add a third slide and one more component, just to build confidence with the flow

📚 Additional Resources

• Course Glossary — every term in plain language (see Component, Slide, and .cpt)
• Quick-Reference Cheat Sheet — including the component/block quick list
• Captivate Help & Support — official documentation for the all-new tool