Manuscript for HTML Tutorial #4

Listed below is the manuscript of all textual instructions used in HTML Tutorial #4 - Saving Your Document as a Web Page. Most of this text is displayed inside the yellow balloons used to guide viewers as they watch the lessons.

Students and instructors may find it helpful to have a hard copy of these balloon instructions. You may print this web page to use as an aide in following, referencing, or demonstrating the web design series.

Manuscript Table of Contents

Entire HTML Tutorial Series

Tutorial #4 - Saving Your Document as a Web Page

Lesson #4: Saving a Web Page. Click the play button to begin the tutorial.
OK, let's see how our HTML document looks in a web browser.
First off, we'll need to save this file with a special extension.
From inside of the File menu...
...we'll select the Save As option.
Let's create a new folder to hold all of our web files.
We'll name it something like web, and open it.
We're going to make this first file our home page.
In most cases, a home page needs to be named index.html
Sometimes there's an exception to this name. Of course you can always change it later if needed.
The .html part is the extension that will make this file an actual web page.
Now we can click on Save.
OK, let's open up a web browser and see how it looks.
From inside of the File menu...
...we'll choose Open.
Next we'll browse to the directory (folder) our file was saved in.
Here it is, let's go ahead and open it.
Here's how our source document looks when viewed in a browser.
Notice how the sentence we typed into the body section appears here in the browser window.
Now, this web page that we just created cannot be seen on the Internet. It only exists on our computer's hard drive. We will continue to build, and view our page on our computer, until it is ready to be published. Then, in lesson #24, we will learn how to put it on the Web. Go ahead and save your document as index.html, view it in a web browser, and then start Lesson #5.

<<<Tutorial #3

Tutorial #5>>>