Documentation

x

x

Building A Page

Moving Cells

A cell is a container that holds something: usually a graphic image or a body of text. When you start a new page, there is a single empty cell. To create a new cell, click on the        button on the toolbar. (The words "Empty Cell" will appear in the Design Environment, to help you identify the cell you just created). Normally you will not see the borders of a cell until you use the mouse to move the cursor over the cell's area. When you do, you will see the cell with a light gray border (note this color can be changed; see the "Default and Behavior Options" section of this documentation). The picture below shows two empty cells. The cursor is currently over the cell on the right; you can see its gray border, but not the border of the cell on the left:

Go to the Web for Updated Help Topics

Table of Contents

Index of Help Topics

Next Topic

Next Topic

Previous Topic

Previous Topic

Now let's move the cursor over the left cell. Note that its border now shows in gray, and the border of the cell on the right is now invisible:

To select a cell, move the cursor over it until the gray border appears, and then left-click. The cell border will appear as red, indicating that the cell has been selected. Here the user clicked on the left cell and then moved the cursor over the right cell. Note that the two cells overlap, which can be used for a variety of interesting effects (see sidebar).

To move a selected cell, move the cursor over it until the border appears, and hold the cursor over the border until the crossed arrow icon appears as in the picture below:

Hold down the left mouse button and drag the cell to the position on the page where you want it to appear. (You don't have to be precise; you can always go back and move the cell to another position). The picture below shows the cells after moving the left cell to the left and down. Notice the two cells no longer overlap.

You can easily change the dimensions of a cell. Select the cell and move the cursor to the lower right corner of the cell. You will see a double-headed arrow at a 45 angle to the vertical, indicating that the cell can be resized:

By holding the left mouse button down and dragging the corner of the cell, you can increase or decrease its width or height. Here is what it would look like if you drag the corner up and to the right to make the cell wider and less tall:

To complete the resizing, drag the corner of the cell until you like the new dimensions, and then release the left mouse button. The cell will now have the new dimensions. Here you can move the mouse over the cell which was originally on the right so that you see its borders. Note that the newly-resized cell again overlaps the cell that was originally on the right.

In the previous example we dragged the lower right corner of a cell, which allowed us to change both the cell's height and width. WebBuild Express also has a way to change the width without affecting the height or to modify the height without changing the width. An example: If you  hold the mouse over the bottom border of a cell near the lower left corner, the cursor changes to a double-headed vertical arrow:

	Overlaying Cells Some very cool visual effects can be obtained by overlaying one cell on another. For more on this technique, go to Overlaying Cells.

Site Search

	Copyright 2002-2005 Net Fulfillment Technologies, Inc. All rights reserved.

	Undo/Redo Don't worry about making a mistake. If you don't like something you've changed in WebBuild Express, you can always undo any action. Just select "Undo" from the "Edit" menu (or hold the Control button and press "Z"). If your last action isn't undone, invoke "Undo" again. After using undo, you can "redo" an action by pressing Control+Y. "Redo" returns the page to the way it was before you did "Undo". Think of Undo and Redo as a safety net. Be adventurous in using WebBuild Express you can always recover from any action by using this feature. Click here for more about Undo and Redo.

Resizing Cells

By dragging the border up or down, you can modify the cell's height. Similarly, if you move the mouse over the right cell border near the upper right corner, the cursor changes to a doublle-headed horizontal arrow. By dragging the border left or right, you can modify the cell's width: