Finally, you need to create an off-white rectangle to represent the area where the web page's text will appear.

  1. Select the Rectangle tool in the Vector section of the Tools panel.
  2. Position the cross-hair pointer in the rounded rectangle you created earlier and drag downward and to the right to create a horizontal rectangle for the copy area.

    You can draw the rectangle anywhere on the canvas. You'll resize and position it later.

    When you release the mouse button, a rectangle appears, selected, in the area you defined.

Now you need to give the rectangle an off-white fill.

  1. With the rectangle still selected, in the Property inspector, click the Fill Color box next to the bucket icon.

    The Fill Color pop-up window appears.

  2. Type F7EEDF in the text box at the top of the window, and then press Enter.
  3. Click the Stroke Color box next to the pencil icon, and then click the Transparent button at the top of the Stroke Color pop-up window.

The rectangle now has an off-white fill and no stroke.

Next, you need to resize and position the rounded rectangle. You decide to do this precisely with the Property inspector.

  1. With the rectangle still selected, in the Property inspector, type 560 in the width box (W), type 295 in the height box (H), type 140 for the X position, and type 278 for the Y position, and then press Enter to apply the last value.

    NOTE

    The Y position should be identical to the Y position of the sidebar rectangle.