Basic Operation

Positioning page elements

Web Page Maker allows you drag and drop your page elements exactly where you want them. Once you've added an element to a page, simply drag it to its approximate location and drop it there. You can also use your keyboard's arrow keys to move the element into exactly the right position.

• To drag and drop a page element:
  • Click on the page element, holding the mouse button down.
  • Drag the element to the desired location.
  • Release the mouse button.
• To position a page element using your keyboard's arrow keys:
  • Click on the element you'd like to reposition.
  • You can also use your keyboard's Ctrl-arrow keys to move the element up, down, right, or left.
• Show Grid
  • You can display grid lines over your web pages to help you position elements on the page. The grid lines appear in work window only; they will not appear on your actual web page.
  • To show grid, select or unselect Show Grid from the Edit menu.
• Snap to Grid
  • When you activate the Snap to Grid feature, elements will move from one grid line to the next when you drag them across the page. Activating Snap to Grid can help you align elements on a web page.
  • To activate Snap to Grid, select Snap to Grid from the Edit menu.
• Show Guide Border
  • The Guide Border displays the target outline, it can be used as a guide to positioning objects for screen resolutions. The guide border appears in work window only; it will not appear on your actual web page.
  • To show guide border, select or unselect Show Guide Border from the Edit menu.

Managing page elements

Find out how to select, delete, or copy any of the elements that are included in a web page.

Selecting a page element

In order to cut, copy, delete, duplicate, or modify a page element, you must first select it. Selected page elements are indicated by a pink selection border.

• To select a single page element, click on the page element.
• To select multiple page elements, hold down the Shift key on your keyboard, and click on each of the elements you would like to select.

Including elements on pages

You can place common elements such as logos, navigation buttons, copyright information on every page of a site. With Web Page Maker's "include" option, the elements can be shared by more than one page. When the information changes, it can be automatically updated on all pages in your project.

You can create an object, position it on the page where you want it, and then set it to be included on any or all other pages in the project. An include object will be added to every page you designate in exactly the same location and with the same attributes as the original object. Then, any moves, transformations, or edits to the object on any page will automatically be applied to it on every page to which it has been included.

To include an element on all pages:

Add an element on a page, right click on it then "Include on all pages". You can also use the Include On dialog box to include a selected object on all pages or specific pages of your project.

You can delete an included object from a page and on any other pages on which it has been included.

Aligning page elements

Once you've placed two or more elements on a web page, you can use the Align command to automatically align them.

To align two or more page elements:

1. Select more than two elements you would like to align on a page. (You can select multiple elements by dragging a rectangle around them or by holding down the Shift key on your keyboard and clicking on the elements one by one.)
2. Select the desired alignment (Left Align, RightAlign, TopAlign, or BottomAlign) from the Arrange menu. You can also select Align... from the Arrange menu for advanced options.

Locking page elements

Once an element (such as text box, image, shape and so on) is positioned to the right position, use the lock tool to prevent it from being accidentally moved.

To lock an element on a page:

1. Click on the element.
2. Select Lock from the Edit menu.
3. Move your mouse over the element, it is indicated by a golden lock ( ).

To unlock an element on a page:

1. Click on the locked element.
2. Select Unlock from the Edit menu.