~ How to Create a Personal Web Page ~

 

FTP the file:

 

  1.   Log onto panther.its.uwo.ca with your personal user name and password.
  2.   Highlight the Yellow folder in the top tool bar (New File Transfer Window), it can be opened by one single left click.
  3.   Highlight public_html folder, and double click to switch to this directory.
  4.   Select the file you want to edit, right-click and copy, then paste on the Desktop in an open area.
  5.   Right Click on the file to Edit.  Then make the changes and save.
  6.   You must FTP the file by dragging it again into the File Transfer Window.  You will get a prompt that says

This file already exists, do you want to overwrite (just say Yes, NOT Yes to ALL)

  1.   Next, you may need to alter the properties of the file to the proper ownership.  Right-click on the file and go into

properties and set to 644, (owner R/W, other Read).

  1.   Double-click on the file that uses this document.  For example if you changed index.html or a subfolder, double-click

on it to FTP it. 

  1.   Now you can go to IE version 6.0 and see how the file looks on the Web, that is the real test.  Ensure that you press the

reload key to ensure you have the most current updated files.

 

 

 

Editing the File:

 

You can edit an HTML file a couple of ways and some are easier than others.  If you want to really learn the programming side

of it use the text editor in panther called pico.  Or, another way is to create an HTML file and edit using Word.   When you use

Word, you can just move through the document using bold or any other formatting without entering each command separately

as in pico.    If I want to look at a file this way I open up an FTP window and drag the file to the Desktop.  Then I right-click

on it and edit the file.  Once the file has the changes and is saved, drag it again to the FTP window and double-click on it.  This

will perform the FTP transfer of the file.  Verify the changes are okay by logging onto the Browser and viewing them.

 

For example, index.html once on the desktop you can right click once and select edit.  This will load up the html file in Word

and you can edit it.  The screen will look the same as Word document, and you can move easily though it editing it.  That is how

this document was created.  It was a lot faster, not worrying about numbering and word wrapping as I would have by using pico.

 

But from a programming point of view, word uses a lot of overhead.  For example if I was to view this file in pico, howdoi.html,

it would have a lot of extra code that looks foreign to me, and it would be almost twice the size.

 

 

 

Transferring a Word Document to an HTML document:

 

You can transform a Word document into HTML but the alignment and fonts will all be out of wack.  The best way to handle this

is to log onto panther.its.uwo.ca a your own personal ID and password, and again open up the Yellow File Transfer Window.

Then you open the document file and (Save as Web Page), with the extension .html, and save the file to the Desktop.   Now, when

you open it the fonts will be off, so you will have edit and select all, and choose clear the formatting.  This is the best  way to

transform a Word file into a Web File.

 

 

 

Drapery Web Page:

 

I created this file the hard way.  I logged onto pico and used this editor to create the .html files.  Adding the text was a challenge, and

next time I would save as a .HTML file and edit it that way.  But, it was good practice to program in PICO to see how it works

behind the scenes.

 

 

 

Challenges:

 

If editing from home, and using panther, if you leave the session you have open to edit a file for more than 5 minutes, you

will be logged out of panther.its.uwo.ca for security reasons.  Therefore, you need to log in again to FTP the file you edited.

 

Word  2002 has a mind of its own, and can be very frustrating to work with. I find that clearing all of the formatting, or selecting

Normal, will clear all the hidden formatting.  Then you can start from scratch and the way you see it should be the way it

will look on the Web after you FTP it.

 

On the other hand editing and programming everything from scratch in pico when logged onto panther can be a lot of work and

time-consuming.  So Word gives you some time savings there, setting fonts and formatting is quicker in Word, simply highlight

and do and it is done, vs typing commands to for example bold a word etc.

 

 

 

 

Scanning Pictures:

 

  1.   Scan in the photos and save as using the program paint.  When prompted save the extension as a .jpg file and save to the

desktop.  Make sure that they are saved as .jpg files and not .bmp because the .bmp files can be up to 2MB/each versus

the .jpg files that will only by 40,000 K.

  1.   Once all of the photos have been scanned in using this method, copy them to floppy diskette for transfer.
  2.   ALTERNATIVE:  Drag the photos to an open SSH FTP session on that computer.
  3.   NOTE:  The Owner = R/W, Group Other = R.  Total permissions = 644.  You can change the permissions on the file

by clicking the Properties of the file.

  1.   If you do not have the correct permissions for the file it will not be displayed on the Website, it will just be an empty

box.  Also,  Ensure you have the correct path for the picture, for example:

 

           

<HR COLOR="083194" SIZE=50 WIDTH="100%"><P>

<IMG width=225 height=250 SRC="index_files/canopy/canopy10.jpg" ALIGN=left><P>

 

 

 

 

======================================================================================

 

Created by:     Patricia Deelen

Updated:         August 15, 2006