This video covers the process of making a wireframe in OpenOffice.

Let's begin by opening a new text document in OpenOffice.

We'll begin the wireframe by clicking Insert > Frame from the menubar at the top. Accept the default settings for teh frame and click OK.

We will use these frame objects to represent elements of a webpage, such as buttons and content areas. Wireframes allow us to see our website layout before we put all the work into building the webpage. If we did not build a wireframe before creating a website, we would run the risk of putting a lot of effort into a poor design.

Stretch this first frame to span across the top of the document.

Stretch the frame down to make it larger vertically...

And now add text that identifies this element of the webpage. If you want, modify the text properties as well.

It's time to add some buttons. Use the insert menu to add another frame.

For this frame, set width and height values, and click ok.

Now, move this new frame into position on the left side, under the Cell Shell frame. Once you have it placed, add a text label to it and set the text properties.

Next, we'll copy and paste this smaller frame a few times to add additional buttons, with their own unique text labels.

With the buttons created, let's add a footer frame for the bottom of this webpage.

Move this new frame into place, size it appropriately, and add a text label to it.

Now we'll add another frame that will serve as content for the right side of this webpage.

Move this new frame into place on the right side under Cell Shell. Then, expand it into a square shape. Lastly, add its text label.

Copy and paste this frame once to add a second element on the right. Once the copy is moved in place, give it a text label.

The last frame we'll add to this wireframe of our website, is an element for the main page content. Insert a new frame.

Drag it into place and size it to fiill the remaining space between the header, footer, and side buttons. Then, as always, give it a unique and appropriate text label.

You have successfully created a wireframe of a website. Don't forget to save your work into your Module 3 folder usig the recommended file name in the lab instructions.