Genealogy Chat Friends
GCF Logo

Mom's Library

a production of Genealogy Chat Friends

This is a recap of the Web Page Design and Build Class 1.
If you don't know how to do the step, click on it for detailed instructions.

I use the following format in all steps:
L-Click = Left Click
R-Click = Right Click
DL-Click = Double Left Click

Click to see the first class transcript.

Got a question? Email the instructor.

Click to return to the Main Education page.

Create MYHTML folder Details
This step will create a folder (directory) called myhtml off you 'C' drive. This is where your page source will be kept for the class. You may place it in another folder if you want, but it will be up to you to remember where you put it.
  • R-Click Start. This opens a popup list of options.
  • L-Click Explore. This opens Explore window
  • L-Click C:. You may need to scroll up on the left window pane to find the C drive.
  • L-Click File.
  • L-Click New.
  • L-Click Folder.
  • Type myhtml
  • Press Enter key.
If your folder shows up as 'NEW FOLDER' instead of 'myhtml', you will want to rename it.
  • R-Click New Folder
  • L-Click rename
  • Type myhtml
  • Click Ok

Return to Summary

Verify MYHTML folder exists
You can verify that your directory exists by doing the following:
  • L-Click Start
  • L-Click Run
  • Type C:\myhtml\
  • L-Click Ok
If the folder exists, a new window will be opened titled myhtml. If it does not, you need to look go back to the Create Folder step. Close Explore.
Return to Summary

Open Notepad program
In this class, we will use NOTEPAD as our page editor. These are the steps to start the notepad program.
  • L-Click Start
  • L-Click Run
  • Type Notepad
  • L-Click OK

Return to Summary

All web pages need 4 HTML staements or Tags and their Closing Tags. The tags for this lesson are:
<HTML> - </HTML>
HTML stands for Hyper Text Markup Language. It tells the web browser that this is a Web Page and to interpret the Tags for page formatting. It's closing tag </HTML> is the last statement in the source code and tells the browser when the end of the page is.

<HEAD> - </HEAD>
HEAD identifies heading information for the page. It is mainly used to store other tags which we will learn about later. The HEAD tags must be between the opening and closing HTML tags and before the BODY tag. The TITLE tag in the HEAD section of a web page.

The TITLE tag puts the name of the page on the Title bar of the browser window. The Title tag for this page is Web Page Design Class 1. The TITLE tag should be between the open and closing HEAD tags.

<BODY> - </BODY>
The BODY tag defines the content of the web page. Everything put between it and the closing tag will be formatted and displayed in the main window of the page. The BODY tag must be between the opening and closing HTML tags and after the closing HEAD tag. In your Notepad, type the following using your ID instead of Cub:

<TITLE>Cubs Web Page</TITLE>
This is Cubs Web Page

Return to Summary

Save document as Page1.html

Web pages need to end with the extenstion .HTM or .HTML. These are the instructions on how to do this from notepad.
  • L-Click File
  • L-Click Save As
  • L-Clicking the (C:) in the Save In box.
    Save AS
  • DL-Click the myhtml folder
  • L-Click on the down arrow in the Save as Type: box.
  • L-Click on All Files
  • Type Page1.html in the File Name: box. It should look something like this:
    Save AS
  • L-Click the Save button.

Return to Summary

Preview your Web Page in your web browser.

Web pages need to be viewed with a Web Browser, Internet Explorer or Netscape are the most popular ones but there are others. Your page should look the same in any browser. These are the instructions to preview the web page you just made.
  • L-Click Start
  • L-Click Run
  • Type C:\myhtml\Page1.html in the Open: box.
  • L-Click the Ok button.

Return to Summary

Return to Mom's Library
Copyright 2000-2007
GCF Webmaster
All rights reserved.