Web Design Beginning Web Page Design Advanced Web Site Design Web Site Management Professor Higgins Web Design Resources
     

CSC 112 - Lesson 1 Notes

It is important to know how to download web pages and content directly from the web. The process differs slightly depending on which browser you are using to download the web page(s). Personal preference as well as the suitability of a particular browser will influence which browser you will use.

Internet Explorer
There are several options when you download content from the web using Internet Explorer.

You may use: File > Save As > to save the html page in two distinct ways:

Save as type:

  1. Web Page, Complete (*.htm, *.html) - This option saves the html page and all of the connected content. This method saves all of the images and other supporting files in a folder which it makes. Thus the code is rewritten to suit this folder structure. This is a good way to save pages you want to study but not necessarily the best way to save a web page that you will be working on and reuploading to the Internet as it does rewrite the code making it impossible to reintegrate it onto the rest of the site without significant modification.

  2. Web Page, HTML only (*.htm, *.html) - When you save your web page using this option, you code is not rewritten and the page is saved exactly as it currently appears on the web. No images or other media are saved so you must save your images in addition to saving your web pages. In order to maintain continuity, you should create a mirror image of the directory structure as it is currently found on the site where the page was originally downloaded from.

Saving Images in IE

The easiest way to save images in Internet Explorer is to click on the image you want to download to make it active. Then right click on your mouse to reveal the popup menu and click on "Save Picture As..."

Save the images as you would save any file in any other program. If you want it to be accessible to your web pages, be sure to put it in the same folder as it was in on the web.

Note: Sometimes Internet Explorer will allow you to save your images in a web compatible format (*.gif or *.jpg). Usually it want you to save them images in the Windows *.bmp proprietary format. If you encounter this problem, you may open the images in an image editing program (Photoshop or Fireworks for example) and resave the image in an appropriate web friendly format.

Alternatively you may save your images in Netscape, which doesn't seem to exhibit this problem saving files in the original format.

Saving Images in Netscape

To save an image from Netscape, the process in nearly identical to the process described above for IE. You simply select the image and right click on your mouse. Then click on "Save Image as..."

Saving Your HTML Page from Netscape

Saving HTML pages in Netscape is nearly identical to the process for Internet Explorer except for the file types. You simply use File > Save As the same way you do in IE. When you pull down the menu under "Save as Type" you might only have one option which is "All Files (*.*). Be sure to name your page with the appropriate name and page extension (*.htm or *.html).

Alternative methods of saving pages

Like almost everything else involving HTML. there are several other ways that you may save pages from the web. Here are a couple more examples.

In Internet Explorer, use View > Source to view the web page in Notepad. Save the file as you would any other file. Be sure to set the file type as "All Files (*.*)" and to give your html page the proper html extension (*.htm or *.html).

If you know the password and login you may also download the page or the entire site via an FTP program. Certain HTML editors have built in FTP programs that make downloading and uploading of page nearly effortless.

In this class will will primarily use the built-in FTP features in Dreamweaver to upload and download or pages to the Internet.