# Tutorial Seven: Creating a GUI

The following lessons show you how to build a calculator using the Visual Java GUI builder. You should complete the lessons in the order in which they are presented.

- Important Concepts: Project Planning and Design defines the goal of this sample project.
- Exercise 1: Creating the Project describes how to create a new project called Calculator and save it in your file system.
- Exercise 2: Starting the Layout shows how to set up the layout window, which helps you position components accurately within the calculator window. You will also learn how to edit a component's basic characteristics.
- Exercise 3: Adding Components shows how to select a component in the GUI Builder palette and place it in the desired location in your application.
- Exercise 4: Adding Multiple Components shows you how to add a button to your application and then add the same component in other locations.
- Exercise 5: Finishing the Layout shows you how to preview the layout.
- Exercise 6: Adding Code shows how to add code that makes the calculator perform the correct operation when the user clicks on a button.
- Exercise 7: Building and Running the Project shows how to build the Calculator project and then generate an HTML file that runs the project.

For more examples on creating applications and components with GUI builder, see

Making Your Own Card File | Create a standalone GUI application that displays names, phone numbers, and email addresses.
Adding Behavior to the Card File | Use the Operations dialog box to add operations to the components in the card file application.
Adding a Mail Dialog, Part 1 | Create a mail panel component, add behavior to the mail panel to send a mail message.
Adding a Mail Dialog Box, Part 2 | Add the mail panel component to the GUI builder's component palette. Put the mail panel in a frame dialog and call the dialog from the card panel application.