Saving a website to your computer

On the Net for almost 2 years...helping folks all over the world! Download it today!

Download my Free Email Primer today!

Navigation

Site Home
Up
Site Map
The Library
The Bookstore
The Classroom
The Show Room
SMP Services
Our Newsletter!
Site Updates
The Break Room
Article Submission
Company Info
 

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 folder.

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 well.

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 filename!

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.

Opening the save as dialog box.

The Save Web Page dialog box. Web Page, complete option

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 "my_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. 

The Save Web Page dialog box. Web archive option

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.

The Save Web Page dialog box. The HTML only option

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.

 

The Save Web Page dialog box. Selecting "Text File" option

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.

Here are the saved files in my folder.

Article copyright July 2003, Steve Maurer

Back to the Classroom Table of Contents

Back ] Site Home ] Up ] Next ]

 

Copyright 1996-2003 Steve Maurer, Steve Maurer Publications
Email us - steve@maurer.net
Phone -  (479) 582-5814
Fayetteville, Arkansas

http://www.steve.maurer.net

Bobby Approved