2. Modifying an HTML Document

Objectives

Lesson

Re-opening Your Workspace

To complete this lesson, you will need to create a second web browser window and re-open the text editor window you used in the first lesson. Here are the steps for re-opening your workspace (remember that the exact name of the menu commands may be different depending which web browser you are using):

1. If not open, create a new web browser window by selecting New Window from the File menu.
2. Use the Open File... command from the File menu to find and open the HTML file you created in the previous lesson.
3. Re-open your text editor program.
4. In the text editor, open the file ("volc.html") you created in the previous lesson.

NOTE: If you are using Windows 3.1 computer then your file should be named "VOLC.HTM". From now on, we will assume that you can easily re-open your workspace in this manner.

Making Changes in Your HTML Document

1. Go to the text editor window.
2. Below the text you typed from the previous lesson, press RETURN a few times and type the following text:

          A volcano is a location where magma, 
          or hot melted rock from within a planet, 
          reaches the surface. It may happen violently, 
          in a massive supersonic explosion, or more 
          quietly, as a sticky, slow lava flow. 

Note that this text should be above the </body> and </html> tags at the bottom of your HTML file.


3. Select Save from the File menu to update the changes in your HTML file.

Reloading the Document in your Web Browser

Return to the web browser workspace where the previous version of your file was displayed. Note that the new text you entered in the previous steps may not yet be visible. To see the changes, use the Reload button or menu item in your web browser. This instructs your web browser to read in the same HTML file and display it with whatever changes have been made. You should now see the new text that you entered.

Note that the web browser ignores all blank lines and extra spaces (carriage returns) that you enter in the HTML file. It will also ignore any extra space characters (beyond the one between words). However, when you are writing HTML, it will help you greatly to separate major sections by some blank lines... when you need to go back and edit content, it makes it easier to locate the correct location to make the changes.

Of course, there will be times that you want your web pages to have blank space between sections (e.g. between paragraphs). You just passed a location in this very page! In Lesson 4 we will learn how to do this.

Drag and Drop Bonus!

There may be an easier way for you to load and view your HTML pages. You will have to arrange your computer desktop so that you can see the icon for your HTML files adjacent to your web browser window. Simply click and drag the icon for your "vol.html" or "vol.htm" file right into your web browser window. Voilà! your page will display if your computer supports drag and drop operations (It works for operating for Macintosh OS 7.5 and Windows 95 or newer).