Using the FrontPage editor that comes with Explorer:

Note the normal/HTML/Preview tabs at the bottom of the screen in the first image above. For that image, the setting was normal. Since I am creating a new page, the page is blank. The second image looks at the HTML tab to see what is put in place when the editor is started.

Now we are going to start the page. I returned to the Normal view and went to File/Page Properties. There I changed the Title of the page. The new title now appears in the HTML code.

Now I want to enter a header on the page. I key in the text and with my cursor somewhere on the line, I use the style menu and select Header 1. Notice that the style menu has many of the elements that you are used to using in HTML. For example the headers, bulleted lists and other kinds of lists. This lets you make entries on your page and then specify the style.

Now I put in a second header and added a bulleted list and some regular text. The page is shown below - this time I used preview.

Here is the HTML code that got generated automatically. I am in HTML view to see it.

I now want to save the document and add background color. The save comes up with its own name, which I changed.

I now added color to the form using Format - look at the page to see the effects. The HTML is shown below.



<meta name="GENERATOR" content="Microsoft FrontPage 3.0">

<title>Trying the Front Page Editor</title>


<body bgcolor="#008080">

<h1>Demonstrating the FrontPage Editor</h1>

<h3><font color="#FF0080">Now I want to put this line in H3 and add a list of things

below. </font></h3>


<li><font color="#000080">First</font></li>

<li><font color="#000080">Second</font></li>

<li><font color="#000080">Third</font></li>

<li><font color="#000080">Fourth</font></li>


<p>Note:&nbsp; when I typed in the words and pressed carriage control - it double spaced

automatically.&nbsp; </p>

<p>When I selected bulleted list it returned to single spacing.</p>

<p>Note also when I went down to the next line here, I got double spacing.</p>

<p>It is convinced that I am starting new paragraphs!</p>

<p>To add text color, highlight the text and use A with pallette icon. </p>

<p>To add text color, you can also use Format, text and color.</p>

<p>Then I put in background using format/background and selecting a color.</p>



Next I used insert to put in a horizontal line and an image that I stored in the same directory as the page for ease. The HTML code is shown below.

<p>I entered the horizontal line using Insert/Horizontal line.</p>


<p>Now I want to insert an image.&nbsp; I am going to use Insert/Image.</p>

<p><img src="image.gif" width="134" height="101" alt="image.gif (3419 bytes)"></p>

<p>To do this I simply found the saved image and selected it.</p>

Next I want to insert a table. When I select Insert/Insert table, the following box appears to allow me to make my selections.

I tried a variety of tables as you can see on my sample page. The first one I used the defaults above but thanks to enter and tab ended up with more! The second one uses the settings shown below.

In this one I changed a variety of settings including using pixels instead of percents. Check the page to see the variations.

Next I started a new page. I put on an image that is formatted with animation to fly in from the right and clip art. When I saved, I got a screen about saving the clip art.

Now, I decided to play with frames. I had saved two pages - secondpage.htm and thirdpage.htm. Note that the default save is .htm. Be careful of this - especially if you are used to using .html.

I clicked on new and then select frames and vertical split. Notice the options available. Each side of the frame lets me create a new page or choose an existing page by selecting Set Initial Page. Since I had pages, that is what I did.