Saving Your Own "Virtual" Home Page

It's easy! I promise. There are 3 tasks, each with a few steps.

The tasks are to;

1. save the code from the page you created.
   
   
2. download some supporting files (the images for the page header); and
   
   
3. admire your work as often as you like (either on your own computer, or by uploading all the goodies to your space on the internet).

1. Saving the Code

When your "virtual" page is finished;

1. Right-click on the created page and "View Source" (or view "Page Source" depending on which browser you are using).
   
   
2. Highlight and copy all text on the screen.
   
   
3. Open "Notepad" (or some other program capable of saving "plain text").
   
   
4. Paste the code into the "Notepad" screen.
   
   
5. Save the file as an "htm" file, naming it index.htm

Hints...

• Quick way to "highlight" is by using the "CTRL" and letter "A" on the keyboard simaltaneously.
  
  
• Can't find "Notepad"? Use "Start" and "Run", from the bottom left of the desktop screen. Type "notepad" into the dialogue box, and hit "Enter".
  
  
• To save as an "htm" file in "Notepad", select "File", "Save As"; then change "Save as Type" to Select "All Files". Then type over the "*.txt" with index.htm.
  
  View a screenshot.
  
  
• You may want to save index.htm in a new folder by itself so you don't lose it, or overwrite another file. (index.htm is a very common file name).

Hints...

• (Unless you are still using an abacus, your computer will probably step you through the file extraction process by double-clicking on support_files.zip).
  
  Otherwise, search the internet for a "freebie" extraction tool such as Winzip.

2. Downloading the Support Files

1. Download the support_files.zip file (78 kb)
   
   
2. Save it to the same location as index.htm.
   
   
3. "Extract" the files to the same location as index.htm.

3. Viewing the Saved Page

1. Your folder where you saved index.htm should now have two files (named index.htm and index.css) and one folder named images.
   
   View a Screenshot
2. images has 3 files in it; "logo1.jpg", "logo2.jpg" and "logo3.jpg".
   
   
3. To view your page from you own computer, open index.htm with your browser (e.g. "Internet Explorer" or "Mozilla Firefox" etc.).
   
   
4. Looks GOOD, doesn't it?

Hints...

• Have your own internet "space"?
  
  
• Upload the two "index" files and the entire "images" folder to your space.
  
  
• Then point the browser to http://www.isp_company.com/myspace/ and view your page online.
  
  
• You just tried that link too, didn't you? Ha! Ha!