MAC USERS - CLICK FOR YOUR INSTRUCTIONS

As you work your way through the steps on this page you're going to be creating your web page. We start by creating a new HTML document, then proceed to add tables for structure. In the table you'll be inserting your graphic header.

Once you've finished this section you can move on to customize your web page with additional content.

Step One: Create New HTML Document

Step 1.1:

Open First Page by going to the Windows START button and then selecting the PROGRAMS list.

Step 1.2:

What you want to do is look for "First Page 2006" in the list and LOOK FOR (but do NOT click it open yet!) this program in the list:

Step 1.3:

When you see that program you want to put your mouse over the arrow on the right hand side (See Section #1) to expand the listing of the program OPTIONS (See Section #2).

When you see "Evrsoft First Page 2006 - Easy", click that to select that mode. It will become the default mode.

Step Two: Setting Your Table Options

Step 2.1:

When First Page opens, this is what you will see:

The program opens you need to go to the FILE menu and choose "New Web Document", as shown below:

Step 2.2:

Now you are going to CREATE A TABLE on your HTML page so go to the TOOLBAR at the top of the window and click the TABLE button:

Step 2.3:

The TABLES properties box will appear. Here are the details you are going enter to create a good sales letter page size:

  • Rows: 1
  • Columns: 1
  • Table Width: 625 Pixels
  • Border Width: 1
  • Cell Spacing: 0
  • Cell Padding: 0

Step 2.4: When you are done, click the TAB at the top that says EXTENDED which appears at the TOP of the current window you have open.

That opens this window:

Step 2.5:  Now enter the following settings:

Under TABLE BACKGROUND PROPERTIES, check the checkbox marked "COLOR"

Step 2.6: 

When the COLOR PICKER appears on the screen, you need to click the WHITE box next to it.

Tip: White is the color you want to use because this is where your text is going to be typed and you want black text on a white background.

Step 2.7:  Now click the APPLY button then the OK button.

That closes the window and takes you back to the properties box

Step 2.8:  Now you will now go to the BORDER COLORS section, check off TABLE BORDER COLOR and click the BLACK square to bring up the COLOR PICKER and choose BLACK from the color options.

Step 2.9:  Then click APPLY and OK.

Then click the OK button again to close the PROPERTIES window.

Step Three: Adjusting Your New Table

Step 3.1:

Now you are back to the main document and from here you need to click on the RIGHT hand side of the table border, until you see the 4 way arrows appear, like this:

PLEASE NOTE: In order for the 4 way arrow to appear you MUST be in DESIGN mode so make sure your tab says DESIGN not SOURCE, as shown below.

NoteIf you encounter an error that says "this will significantly alter the code" error message just ignore it. Nothing will happen to the code.

Step 3.2:

When you have the 4 way arrow showing and the border is selected you need to go to the toolbar at the top and click the CENTER option, to center the table on the page.

Now your table should look like this on the page, centered in the workspace.

Step 3.3:

Now it's time to save the page so click FILE then choose SAVE AS

That brings up the SAVE PROPERTIES.

PLEASE NOTE: In order for you to save you MUST be in DESIGN mode so make sure your tab says DESIGN not SOURCE, as shown below.

Here you specify the following settings:

  • SAVE IN: Desktop
  • FILENAME: webpage.html
  • SAVE AS TYPE: All Documents

Step 3.5:

Now click the SAVE button.

Tips on Creating Your HTML Document

Use tables to separate your text and images into rows and columns on your web site.

Most sales letters and other types of web sites are sitting in invisible tables.

If you don't set your site up in a table, your text will run from the left-most edge of your monitor all the way to the right. This makes it look tacky and hard to read.