A typical Captivate project, such as the Encoder demonstration you experienced in Chapter 1, Getting Started with Adobe Captivate 2019, involves taking screenshots of an actual piece of software. At the end of the process, the project will be published in HTML5 or SWF format and placed on a web page. Most of the time, that web page displays many other page elements (such as logos, headers, footers, navigation bars, and so on) in addition to incorporating your Captivate movie. While the application may look fine when recording, you need to be aware of how it will look in the final product. In the following screenshot, you can see the crowded display space the recording needs to fit into:

Let's pretend this application requires a minimal width of 1024 pixels to be displayed without horizontal scrollbars. On the right-hand screenshot is the wireframe of the web page you must embed the finished recording on. The page has been designed to fit a 1024 pixel-wide...