Steve Maurer Publications Newsletter

Computer, Software, and Internet Tips and Tricks!

July 14, 2003

How to save a web page to your computer

What's in this issue

Hi, folks! We just got back from a vacation to Indiana. We had a great time with our family members up there. It's always good to visit family, especially when we live that far from them. Got to play with our little nephews and nieces, eat all kinds of good stuff and generally relax and get caught up on the family news. A storm blew in on the Fourth of July, creating a lot of damage in my parents' town, but fortunately no one was seriously injured.

Well, so much for news about me, let's find out what's in this issue of the SMP Computer Tips Newsletter! This issue will be about different ways to save a web page onto your computer so you can access it offline for future reference. I hope that you find my tutorials interesting and helpful enough to save!

One thing to remember, though, is that items on the Internet are copyrighted. Please don't use them on your own website or other publications without securing permission from the copyright holder. If you have any doubt as to whether or not your use of the information is permissible, contact the author. Most will work with you on reprints and other uses. Usually printing them out for your own use or reference is not a problem. Just don't try to pass the work off as your own. Now, on with the newsletter!

Steve


Saving a website to your computer - Copy and paste method

In the last issue, I described the copy and paste method of saving web page text, but I'll go over it briefly again here. First, highlight the text you want to save, then either right click in the highlighted area and choose "Copy" or go to the menu bar, click on "Edit", then scroll down to "Copy" and click, or you can use the keyboard combination [Ctrl] + [C]. The highlighted text is now copied to your clipboard. Now you have a couple of options.

  1. You can print the highlighted selection. Actually, you don't have to copy the text into your clipboard if you just are going to print it. After highlighting the text, right click on the selected text and choose print, or go to "File", then down to "Print" to get your print dialog box. In the box you will find some options concerning what you want to print. In mine it is called "Print Range" and has several options, including "selection". This option will print just the highlighted text. (Here is a little "extra" for you...this also works in emails! If you just want to print part of an email and not the whole thing, highlight the text you want to print and use the "print selection" option. Save that paper!!!)
  2. Here is a second option. After selecting and copying the text as in the first option, open up Microsoft Word (other word processing programs may have some similar features, I am a Microsoft Office user and thus have Word). In the new, open document, right click and choose paste, or go to "Edit", down to "paste" and click, or use the keyboard combination [Ctrl]+[V]. The text will be pasted with all the formatting. Any hyperlinks in the page will be useable, that is, you can click them and they will work. Graphics will not be saved with the text, however.
  3. The third option will give you a different output. Select the text by highlighting it as above, and copy it to your clipboard. Now in your Word document go to the menu bar, click on "Edit", then scroll down to "Paste special" and click. Now you will get a dialog box that will give you some choices, Formatted Text (rtf) and unformatted text. Choose unformatted text and click "OK". Your text will be pasted into the document without any text formatting (bold, italics, etc.). The hyperlinks will not work, either.

Article copyright July 2003, Steve Maurer


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.

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. 

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.

Article copyright July 2003, Steve Maurer


I hope you enjoyed this issue! I am going to post the tips from this newsletter on my site as a pair of tutorials...with graphics! Be sure to check it out and try out the options I have described!
Steve

Quote-ables

It is not enough to have a good mind. The main thing is to use it well. -Rene Descartes, "Le Discours de la Methode," 1637

Cool Links

Find online tutorials at The Classroom on my website.


I would invite to to browse around the site of my good friend, Barbara Brabec. She has just redesigned her site, Barbara Brabec's World . Barbara is an expert in the arts and crafts field and has written several books, including the newly revised "Home Made Money" (I've even got spot in the revision!). Along with descriptions of her books, Barbara has included lots of great articles on computers, crafts business advice, and lessons from life. Be sure to visit her at http://www.barbarabrabec.com and tell her Steve sent you!


From the last issue:

For the SlimBrowser go to Flash Peak , a great little tabbed browser with a pop up ad blocker built in.

To download the DBXtract program, click on this link: DBXtract . DBXtract is a great, free program for extracting the text from multiple emails in Outlook Express, even it they have the same subject line. Fixes the problem in my "Saving Emails to Disk" tutorial of exact subject line saving.


Subscription Information

You can subscribe to the SMP Computer Tips Newsletter by going to: http://steve.maurer.net/newsletter.htm . This is a double opt-in newsletter. After you fill out the form on the site and submit it, you will get a confirmation e-mail. Follow the directions on the email to complete your subscription.

You can unsubscribe from the same page…but I'd hate to see you go!

Http://steve.maurer.net

 

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