Using FrontPage Express to Create, Edit & Organize Web Pages
Adding Structure with Headers and Indenting
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 (FrontPage3.htm).
Standard Styles Lead to Consistent Formats
The design of the Web, from its earliest stages, placed emphasis on using standard formats to control the appearance of structural items, in particular, the headers that are used to divide sections of your document, subsections, etc.
Right now, it is easy and convenient to use headings. Current Web developments indicate that there will be some advantages using headers with style sheets. You will be able to quickly change the appearance of an entire Web document with a few clicks. Although we won't use that power here, it is good to get started with powerful habits.
The heading levels are numbered with 1 being the largest and 6 the smallest.
You don't need to start at heading 1.
The Heading Levels
This is normal text. To find out what level you're at, click on some text and the header window (look in the upper left corner of the FrontPage Express window) will show the current value. If you click the down arrow in the header window, you'll get a list of all the possibilities. You can change to a new value, from a heading 1 to a heading 4, for example, by clicking on the new value label. You don't have to highlight the text to make this change. You just need to be clicked somewhere in the paragraph.
Note that headings apply to entire paragraphs.
For practice, change some of the header levels shown below, then change them back to their original value (the one listed as the text).
This line is normal and is provided for comparison.
Indenting Entire Sections of Text
Indenting moves the left margin in. There is a button that does this. There is a complementary button that undoes the indenting. Just click anywhere on a section of text and then click the button.
This is an indented section of text. Note that all the lines start on the left and are the same distance from the left edge of the page. This is unlike a tab -- which is not used on web pages -- that indents just the first line of text with a wordprocessor.
This text is indented a second time. So all its lines start even further in from the left side of the page. The indent button was pushed a second time. If you are typing a paragraph after this, it will stay indented at the same distance. Click the "unindent" button to move it to the left. In the following paragraph, it was clicked twice to get back to the original margin.
Indenting can be used, along with heading levels, to give structure to the text.
Applying Headings and Indenting to a Simple Document
The document below the horizontal line needs some structure. Change the text by adding headings and indents to show the document's structure.
You can add text, if you want. The lines below are given to get you started.
Drama Class
Going to class was not what I expected. My professor gave me some assignments and told me to get organized so that I wouldn't miss any deadlines. I'm not ready for such a responsibility.
Stuff to be done before the first midterm
Study the first 12 textbook chapters.
Do an essay
Write a topic for a one-page essay
Meet with my TA to discuss my essay topic
Turn in a sentence outline of my essay
Stuff to be done before the final exam
Read the rest of the textbook chapters
Write a term paper
Choose a term-paper topic
Get library information on the topic
Discuss whether I can "hand in" my term-paper on the Web
Go back to the starting web page to get your next assignment, Inserting Graphic Images.
last updated: May 19, 1998 06:04 PM