Fill in the Body of Your Web Page

The next step is to put some information in your page. At this point, let's just add a heading identifying the page and a bit of text introducing yourself. Something like "Herb Gritz's Home Page" would be fine for the heading (feel free to be more creative). For the text, I'd ask you to write just a few sentences. Be sure to mention that you are a Williams College student (we will use this text for a link later). Don't mention that you are taking CS 105 (we will put that in a separate section later).

You could insert the header and paragraph by simply typing the HTML tags and text required in the BODY of the "index.html" file. If you want to proceed that way, go ahead. In the detailed instructions below, however, I will lead you through the process of adding these elements using PageSpinner's menus. I'd suggest trying both approaches at some point during the lab and deciding which you prefer as the course goes on.

To insert the header and paragraph:

• Type the text for the header you have chosen on the line below the BODY tag.
• Select the text by dragging the mouse over it.
• Select the "Header 1" item from the "Size" menu to insert the <H1> tags.
• Click the mouse to position the cursor after the header.
• Select the "Paragraph" item from the "Tags" menu.
• Type the text of your introductory paragraph after the <P> tag (don't forget to mention Williams).
• Repeat the last two steps if you want to enter more than one paragraph.
• Save your updated file.
• Click on the Navigator preview button in the PageSpinner toolbar to preview your page using a "file" URL. This will be good enough for now, but don't forget to double-check all your pages using "http" style URLs when you are all done.