1. Tell your friends you have a webpage – it will be:
    http://www.geocities.com/id
    for example:     http://www.geocities.com/allusion12000
    a slash at the end is optional – e.g.     http://www.geocities.com/allusion12000/
  2. You have to type http:// in your emails and so on in order to create the blue link for your recipients – if you type www.geocities.com/lorisky99 then it will not appear as a link in your email.
  3. To edit your webpage – you need to login to geocities so go to:
    http://www.geocities.com/
    and supply your userid and password in order to edit.
  4. With geocities/yahoo you have 4 options for editing in the file manager:
    1. Edit with "advanced html"
    2. Edit/Create with "wizard"
    3. Edit/Create with "pagebuilder" this downloads to your computer harddrive the software and the webpage – then when you save it automatically copies it back up to the website
    4. Edit/Create on your harddrive with your own software such as Word, Dreamweaver, CoffeeCup or other package.
  5. To upload your photos from you harrdrive:
    1. Login to geocities
    2. Click "Upload/FTP" in the Advanced Toolbox section
  6. Filenames cannot contain spaces.
  7. Your "default" page or the first page that will come up on your website must be called index.htm (not INDEX.HTM – this may or may not work)
  8. Then include links from the index.htm to any additional web pages you have
  9. Codes learned in the class include:
    1. <a href="^^">Pretty Description</a>
      where ^^ is the name of your other page or where it is the full address of another web page – if it is the name of another webpage then you may want to add:
      <a href="^^" target="_blank">
    2. <P> starts a new paragraph – adds spacing
    3. <IMG SRC="^^" width="200">
  10. For more information:
    1. http://vzone.virgin.net/sizzling.jalfrezi/iniframe.htm for how-to's on tables, lists and detailed info on what each code stands for.
    2. http://www.htmlgoodies.com/ has tons of info on tables, images, backgrounds, colors and buttons
    3. http://www.bfree.on.ca/HTML/ more excellent tutorials on using HTML

Downloading Photos that are on the Internet

  1. Point with the cursor to the photo to be "downloaded"
  2. Right click the mouse
  3. Click Save picture as…
  4. Confirm the directory you are saving the photo too - for example C:\My Documents\YourName
  5. Confirm or type a filename for your photo
  6. Click Save.

Repeat as necessary to save other photo's to the harddrive.

Editing Photos

Open "downloaded" photos with a photo editor or Microsoft Photo Editor to "crop" or modify the photo. Use the editor to reduce the properties, for example the file size, of the photo to less than 50KB. Consult your application help for details. Saving the photos as "progressive" will display them in pieces rather than a top down effect. This may not show if the photo is small enough file size to be displayed quickly.

Upload to the Web Site

Use your upload/ftp feature to copy your photo/s from your local harddrive onto the web server so they can be displayed on your website.

Insert photos to an existing webpage (.htm) or create a new page

Using the webpage facilities edit an existing page or create a new webpage to insert your pictures.

Use <IMG SRC="filename" WIDTH="200" ALT="Descriptive words or title"> to insert the photo, specify a width approximately 1/4 the screen width and alternate words that will pop up in a yellow box when the mouse pointer is moved across the photo. Use the <P>aragraph or <BR>eak to push photos to a new line. If need be, inserting the photos into a table may provide better control of how the photos are displayed. Tables are especially useful if putting a description beneath the photo.