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
Key HTML
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.
<TITLE> - </TITLE>
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:
<HTML>
<HEAD>
<TITLE>Cubs Web Page</TITLE>
</HEAD>
<BODY>
This is Cubs Web Page
</BODY>
</HTML>
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.
- 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:
- 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.
|