Gordon's Software Training

Links immediately below are for only this page. Links above are for this entire website.

Create your html document in WordPad.

Save it to a special website folder on your harddrive or diskette.

Save it as a text document in WordPad but type in the extension htm or html. (Save html for your index file.) So, for example if you had a webpage called resume, you would name it in the WordPad Save As window as resume.htm, but you would save it NOT in the Word format but as a Text document (txt).

Then view your WordPad HTML document using Netscape or Internet Explorer.

Netscape File/Page Open – make sure Navigator is checked off. Browse for your html file and open.

Internet Explorer File/Open/Browse.

Keep your browser window opened or minimized while you edit your html document in WordPad.

Then save again in WordPad after making changes.

Switch to your browser and click on the Refresh or Reload button to see changes.

To upload to Geocities

Stick with small case letters only and use no more than eight letters to name a file.
Name your index file “index.html”. All other files use extension htm.
Must first get name and password.

Go to www.geocities.com

Put in name and password

Click on File Manager

If you are going to upload your file into the root directory (not into a folder), click on Browse button toward bottom. Then click Upload.

To capture view of My Computer Window

Open My Computer to folder you want to capture

Click Print Screen button

Switch to your wordprocessor – Word, WordPerfect

Edit/Paste

Folder for Images -- recommendation

Put your graphics into a subfolder called Images within the same folder as your website folder. So, for example, if you have a jets website folder, make a subfolder within the jets folder called images.

Checking out that your HTML document is coming out the way you expect it.

Have opened both your browser (Internet Explorer) and your html document (WordPad)

To find your HTML document in your browser, click on File/Open. Then browse for your HTML file. Click OK.

When editing in WordPad, be sure to click on Save before trying to view change in your Browser.

When switching to Browser, click on Refresh (Reload) to see changes.

Inserting an image into a webpage

Be sure that you have a copy of the graphic in the same folder with your HTML document. In class, we copied graphics from the images folder and put them into the same root folder where the html document was stored.
Use this code to insert the graphic:
<IMG SRC=”apple.gif”>

HTML code in index page created in class:

(See browser-view.)

<HTML>

<HEAD>
<BODY BACKGROUND="marbleba.jpg">
<TITLE>My Class Web Sites.</TITLE>
</HEAD>
<BODY>
<H1>Pages Created by Your Name</H1>
I created all these webpages in Mr. Gordon's class. I have learned to upload this page to Geocities. (Links to your pages will follow below.)
<H2>Homework</H2>
Have question bank questions answered by Sunday beginning of class.
<H3>Links</H3>
<A HREF="http://www.tampatrib.com">Tampa Tribune</A><BR>
<A HREF="http://www.lycos.com">Lycos search engine</A>
<HR>
I would like you to meet a special friend.

<IMG SRC="apple.gif">
<P>
Can you guess my favorite <A HREF="wiseowl.gif">wise-bird?</A>

</BODY>
</HTML>

To copy text from one website into your own, go to the site from which you want to copy.

Select the text in browser view – not necessary to do source code view.

Edit/Copy

Switch to your own site.

Put you mouse pointer where you want the copied text to go.

Paste.

Making a Special Background Color in Composer

Open Netscape Composer
Right click on page window in empty spot.
Select Page Properties (characteristics)
Select Color and Background tab
Click on Use Image and choose your graphic image file.
Click OK or Apply.

To delete your Geocities Website account.

Go to http://help.yahoo.com/help/us/geo/. Look at bottom right hand corner when you get to this site and then click on the link Delete "MY Yahoo!Geocities Web site."

Linking to an external style sheet

Using WebPad or Notepad, create a text file containing all your style definitions. You do not need the <STYLE> or any other HTML tag.
Save the file in the same folder as your HTML files, but use the "css" extension. Might call your file mystyles.css. In my Owls, example, I call my styles file owlstyl.css
Create the other files that will link to the styles file. Between the <HEAD and </HEAD> tags, you will type in the following: <LINK REL="stylesheet" TYPE="text/css" HREF="mystyles.css> Mystyles.css will be changed if you have a different name for your styles sheets such as I did -- owlstyl.css.
To see the LINK REL tag, look at the codes for owls1.htm, owls2.htm, owls3.htm
Changes you make in the style sheet will be reflected in all the other files linked to it -- in the case of my Owls example, three files are linked to the styles sheet.

Brackets & Braces

<> pointed brackets. Example: <A HREF="apple.gif">
{} braces. Example in style sheet: H1 {color: red; font-size: 20pt;}

Creating a site using Frames

Create a folder for all the files in the frame-site. You will set up the regular pages, set up the TOC Page, create the HTML for the Frames, and Target the frames.
For our example, we made a site a baseball team called the Tigers.
Using Netscape Composer (or another HTML editor), create your first file. Title it main and save it with the name main.htm. This is the window that will first appear on your site.
Create your second page named players.htm.
Third page named schedule.htm.
Fourth page named rules.htm
Now create the toc.htm page that will appear on the left of your webpages, containing the links to all your other pages.
See the HTML codes for the entire site.
Also see the exercise on frames in the Course Guide.

Saving an HTML file by using the correct file type

While in Save As dialog box, you need to choose the right file type.
In Notepad, use Save as type to choose All Files (*.*) to make sure file is saved with the htm or html extension. Otherwise, might use its usual .txt extension.
In WordPad, choose Text Document as Save as Type. And put quotation marks around your file name ("notes.htm") to make sure htm or html extension is used.

Links immediately below are for only this page. Links further below are for this entire Web site.

Class Notes Jan. 19 to Jan. 21, 2000