This section introduces the overall layout and operation of the CrossStudio integrated development environment.

#### CrossStudio standard layout

The following figure shows the standard layout of CrossStudio. The main window is divided into the following areas:

- Title bar Displays the name of the current file being edited and the active workspace.
- Menu bar Dropdown menus for editing, building, and debugging your program.
- Toolbars Frequently used actions are quickly accessible on toolbars below the menu bar.
- Editing area A tabbed or MDI view of multiple editors and the HTML viewer.
- Docked windows CrossStudio has many windows which can be docked to the left of, to the right of, or below the editing area. You can configure which windows are visible when editing and debugging. The figure shows the project explorer, targets window, and output window.
- Status bar At the bottom of the window, the status bar contains useful information about the current editor, build status, and debugging environment.