Using FrontPage Express to Create, Edit & Organize Web Pages

Starting with Some Basic Operations

This page has the instructions for this exercise. In addition, you will use it to modify the appearance and content of the page.

Get this Page to Work On

You are starting by looking at this page with the Internet Explorer.  In order to practice with FrontPage Express, you will want to Save a copy (File -> Save As).  Then start-up FrontPage Express and Open the file you have saved (FrontPage1.htm). The appearance of the page in FrontPage Express is similar to that in Internet Explorer.  This means that FrontPage Express is a WYSIWYG editor.

Basic Text Manipulation

You can add text by typing at the cursor's location.  Replace the line below with your name and section number.

My name and section number.

Practice with some basic text manipulation.

• Make this line bold.
• Make this one italics.
• Make this one much larger type at the start, and a bit smaller at the end.
• Make some of the words in this line bold and change them to a different color.
• Go back up to your name and make it larger, color the text and center it on the page.

Lists

There are two basic types of lists. They are called "ordered" and "unordered," but you might want to think of them as "numbered" and "bullets."

This is an ordered, or numbered, list.

Toxic Release (1992-93)

1. Louisiana (916 mil lb)
2. Texas (772 mil lb)
3. Tennessee (382 mil lb)
4. Ohio (372 mil lb)
5. Mississippi (238 mil lb)

This is an unordered, or bullet, list.

Hawaii's Counties

• Hawaii
• Honolulu
• Kalawas
• Kauai
• Maui

Your own bullet list: What are the basic food groups? Type a list of what you think te groups are and make it a bulletted list. The procedure is: Type just the food-group name into your list (don't go looking for the bullet symbol, it will be added automatically at the end). Make sure to press Enter after each of your foods so that it is on a separate line. When the list is complete, click and drag to highlight at least part of each line. Click on the bullet-list icon.

Your own numbered list: What are your favorite foods? Create a list of the top five (in order) and show it as a numbered list. This procedure is essentially the sameas for a bulleted list except you choose the numbered-list icon to add the numbers. Remember, don't put the number in front of the food, it will be added automatically.

Modify your list: Why didn't we just type the numbers instead of going through this (tedious?) process? What if you want to change your list? Maybe you were reminded of Matsumoto's shave ice! Wow, my new all time favorite. Try adding it to your list as a new number 1 item.
(Hint: click right before the first letter of your current first food, type "Matsumoto's shave ice" and press Enter). Now, wasn't that easy?

Organizing a Web Page

You should note how different type sizes and colors have been used to emphasize the structure of this lesson. These are important Web-page features you should use to create an easily-understood structure for your own pages.

In addition, you should use graphic images, such as icons, and horizontal lines. You'll work with graphics later. We'll do lines here.

Horizontal Lines

The default horizontal lines have been used to separate sections of this page. That's what most people use. However, you can add your own touch to documents by modifying the standard horizontal line thickness, length, color and appearance. A word of warning: don't depend on these features since this capability is not recognized by older browsers.

Some variety to show you a few possibilities:

Here is your chance to try your own styles. Modify the following default horizontal lines according to the goal stated above the line. You do this by right-clicking on the line and choosing the last menu item, Horizontal Line Properties.... You'll get a pop-up menu with lots of choices. (Hint: if you want to see how the lines shown above were modified, right-click on one and look at its Properties pop-up menu values.)

Goal 1: A full-page wide line that is bold and commands attention. It could anchor the bottom of a page.

Goal 2: A 3/4 page wide line, aligned to the right, which will serve as a simple section break.

Goal 3: A short, centered line that is very unobtrusive which will serve to be a subtle delimiter.

Goal 4: A "personal" line that you can use below the header of a document to give it a personality of your own. Do you want to be brash or subtle, bold or conservative, bright or monochromatic? With this line, the choice is yours.

Go back to the starting web page to get your next assignment, Using Tables for Data and Design Control.

last updated: May 19, 1998 06:37 PM