Google

Class Notes Jan. 19 to Jan. 21, 2000

Click on small photo of Richard Gordon to view larger photo.
Home | Class resources | Course Guide | Gordon Websites | Domain name | Forms | Frames | Graphics | HTML | Lesson Plan | Miscellaneous | Photos | Promotion | Webmaster's Resources |
Servers - Selecting
| Student sites | Tables | Textbook Exercise Sites | Uploading

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

Creating Html page in WordPad | Uploading to Geocities | Screen capture | Where to save images |
Checking out webpage
| Inserting image | HTML code in Index page | Copying code from other site |
Using background color
| Deleting Geocities account | Linking to external style sheet |
Brackets, braces
| Frames | Saving HTML documents

Create your html document in WordPad.

  1. Save it to a special website folder on your harddrive or diskette.
  2. 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).
  3. 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.
  4. Keep your browser window opened or minimized while you edit your html document in WordPad.
  5. Then save again in WordPad after making changes.
  6. 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.

  1. Go to www.geocities.com
  2. Put in name and password
  3. Click on File Manager
  4. 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 top of page

To capture view of My Computer Window

  1. Open My Computer to folder you want to capture
  2. Click Print Screen button
  3. Switch to your wordprocessor – Word, WordPerfect
  4. 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.
screen save showing My Computer window with images subfolder of jets folder

 

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

  1. Have opened both your browser (Internet Explorer) and your html document (WordPad)
  2. To find your HTML document in your browser, click on File/Open. Then browse for your HTML file. Click OK.
  3. When editing in WordPad, be sure to click on Save before trying to view change in your Browser.
  4. When switching to Browser, click on Refresh (Reload) to see changes.

To top of page
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”>dancing apple with silverware


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 top of page

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

  1. Select the text in browser view – not necessary to do source code view.
  2. Edit/Copy
  3. Switch to your own site.
  4. Put you mouse pointer where you want the copied text to go.
  5. Paste.

 

Making a Special Background Color in Composer

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

To top of page

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

  1. Using WebPad or Notepad, create a text file containing all your style definitions. You do not need the <STYLE> or any other HTML tag.
  2. 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
  3. 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.
  4. To see the LINK REL tag, look at the codes for owls1.htm, owls2.htm, owls3.htm
  5. 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.

To top of page

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

  1. 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.
  2. For our example, we made a site a baseball team called the Tigers.
  3. 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.
  4. Create your second page named players.htm.
  5. Third page named schedule.htm.
  6. Fourth page named rules.htm
  7. Now create the toc.htm page that will appear on the left of your webpages, containing the links to all your other pages.
  8. See the HTML codes for the entire site.
  9. Also see the exercise on frames in the Course Guide.

Saving an HTML file by using the correct file type

  1. While in Save As dialog box, you need to choose the right file type.
  2. 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.
  3. 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.

To top of page

 

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

Creating Html page in WordPad | Uploading to Geocities | Screen capture | Where to save images |
Checking out webpage
| Inserting image | HTML code in Index page | Copying code from other site |
Using background color
| Deleting Geocities account | Linking to external style sheet |
Brackets, braces
| Frames | Saving HTML documents

Home | Class resources | Course Guide | Gordon Websites | Domain name | Forms | Frames | Graphics | HTML | Lesson Plan | Miscellaneous | Photos | Promotion | Webmaster's Resources |
Servers - Selecting
| Student sites | Tables | Textbook Exercise Sites | Uploading

Last updated 12/17/00
©Copyright by Richard Edward Gordon. All rights reserved.
For information contact Webmaster richard@gordonrichard.com