Webpage Creation Notes

updated 7/31/00

www.geocities.com/lucky506/  Mr. Gordon's resource page for this course.

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 check off. Browse for your html file and open
    • Internet Explorer File/Open/Browse.
  4. Keep your browser window open 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.

Can save Word document in HTML format.

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


Assets folder -- recommendation

Put your graphics into a subfolder called assets within the same folder as your website folder. So, for example, if you have as jets website folder, make a subfolder under it called assets.
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 a graphic 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 assets folder and put them into the same 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:

<HTML>

<HEAD>
<BODY BACKGROUND="marbleba.jpg">
<TITLE>All the websites done in class by your name.</TITLE>
</HEAD>
<BODY>
<H1>Pages Created</H1>
I created all these webpages in Mr. Gordon's class. My name is Your name. I have learned to upload this page to Geocities.
<H2>Homework</H2>
Have question bank questions answered by Sunday beginning of class.
<H3>Links</3>
<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.<!I got this graphic from Jimmy Johnson who created it using Paint-->
<IMG SRC="apple.gif">
<P>
Can you guess my favorite <A HREF="hamburg.gif">meal?</A>

</BODY>
</HTML>


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.

Netscape Composer
    To make special background color 
        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."

Hosted by www.Geocities.ws

1