Saving a website to your computer - The Save as... options
Let's take a look at the different options in the "Save
as..." method. These options are used in the Internet Explorer
browser. There are four different options. Choose the one that suits your
situation best. Some will save with graphic included, others will not.
Option One - Web page complete
The first option is to save the web page as a complete HTML file,
including graphics. I would suggest that you first create a folder to save
your web pages in. This will make them easier to find later. I would
suggest creating this folder on the desktop. It will be easy to find and
you can move it later.
Now, browse in Internet Explorer to the web site and page that you wish
to save for future reference. Once you are there, click on "File"
on the menu bar, then scroll down to "Save as..." and
click. A dialog box will come up with your save options. The first option
is "Web page, complete (*.htm, *.html)". You can choose
the folder to store your saved web page in by using the text box at the
top of the dialog box. Either enter the information or browse to the
At the bottom you will find a text box where you can enter the "File
name". It will be the title of the page by default (the name of
the page in the title bar at the top of the web page), but you can name it
anything you want, especially if the title does not describe the page very
When you have selected your folder to save the page into and named your
file, if necessary, click on the "Save" button. The page
will be saved to your folder. When you open the folder you will find 1)
the page file as an HTML file and; 2) you will also find another folder!
This folder contains the graphics used on that page. The folder will be
name "Name_of_page files", using the name that you gave the file
when you saved it (or the default name, if you use that one).
Each time you save another web page, it will create a new folder for
the graphics. Therefore, you can save several pages into your main folder
with no problem, each page will have its own graphics folder. The only
thing you have to watch is that you don't name the pages with the same
If you are going to move the page to a different location on your
computer, be sure to move both the HTML file and the graphics folder or
your graphics will be missing when you open up the page.
Option Two - Web page archive
This option saves the web page as a single, archived file.
Again, navigate to the page you want to save, click on "File",
scroll down to "Save as..." and then click. There's that
dialog box again! This time click the arrow beside the "Save as
type" text box and choose "Web Archive, single file (*.mht)".
This will save the page as a single file, with the graphics embedded into
the file. The extension of the file will be ".mht". For an
example, "my_page.mht" would be the filename if I named the page
On a test page that I used when writing this article, I found that the
web archive file is a little larger than the web page complete option. In
my test, the web page with graphics folder was about 35 KB, while the web
page archive was 46 kb. While the web page archive file is larger, you
don't have to worry about including the graphics folder when moving it, so
you will need to decide if the convenience of one file is more important
than total size.
Option Three - HTML only
This option saves only the HTML of the page. Graphics will be
absent, but represented by a placeholder box with a red X
in it. To save as this type, do the same steps as the above options, but
this time click the arrow in the "Save as type" text box and
choose "HTML only". When you open the file later, there
will not be any graphics available, just the place holders for them. If
the page you are saving contains mostly text, or if the graphics are not
important to the page, I would suggest using this option. This file will
be smaller than either of the first two options. In my test page, the file
without graphic option was only 14 KB.
When using this option, the page will still retain all of the text
formatting, such as bold lettering, italics, etc.
Option Four - text only
This last option will save the document as a text file. Again, go to
"File", then down to "Save as..." and
click to get your save as dialog box. This time choose the last option in
the "Save as type" text box, which would be "Text".
This will save the entire page as a text document. Even the navigation
links will be save, but you won't be able to click on them.
|You can see the different files created below.
Note that I had to rename one by adding a 2 to the end of the filename.
This was to keep from overwriting the other html file. Double clicking on
the file will open it in the appropriate program.
|Article copyright July 2003, Steve Maurer
Back to the Classroom
Table of Contents
[ Back ] [ Site Home ] [ Up ] [ Next ]