1. Videos that will show how to carry out the steps to creating a webpage.
2. A PDF file that should be printed and read while watching the Videos.
3. A folder containing the webpages that were made in the tutorial.

Download The Webpage Tutorial Videos
Download The Webpage Tutorial PDF File
Download The Webpage Tutorial Pages

Back to the top...



































Questions and Answers regarding adding Personal and Student Pages to the website.

Question:
I have my Personal Website done. Where do I put it?

Answer:
There is a folder in Chatham4 that is called "staffpages" In this folder please create a new folder with the same name as your login for the network. In my case the folder would be called "jpoitra" in this folder you put the pages and pictures that are a part of your Personal Page. After you have done this. Please let the webmaster know so that he can add a link to your site's page that will lead people to yours.

Question:
I have a student that wants to add their page to the server. How do I do this?

Answer:
First find out what you have permission to put on the web for this student. If you have permission to put the contents of their page on the web, then create a folder for them on Chatham4 within the "studentpages" folder. Put the contents of their page into this folder. Again, let the webmaster know so that he can add a link to your site's page that will lead people to the student's page.

Back to the top...

How to see the site the way it was meant to be seen.

Like most areas of technology the web changes quickly. It is always a good idea to have the latest browser to prevent problems from occruing. This website uses CSS and DHMTL in a number of pages. This means older browsers like IE 5 and Netscape 4-6 and early versions of Camino will not display the site quite like it was meant to be shown. Though I believe I have fixed all of the problems I could find with IE 5 there may be something I missed.

If you are on a Windows PC I suggest upgrading to IE 6 which can be found here:

http://www.microsoft.com/windows/ie/downloads/critical/ie6sp1/download.asp

Windows PC users may also want to check out Firefox which is basically the Windows counterpart to Camino and is actually much more advanced then IE 6:
http://ftp.mozilla.org/pub/mozilla.org/firefox/releases/0.8/FirefoxSetup-0.8.exe

If you are on a Macintosh running OS X I suggest getting the latest version of Camino or Safari. Safari is part of OS 10.3 and this is currently the only way to get the latest version (The version found on Apple's website has some issues).

The latest version of Camino can be downloaded here:

http://www.mozilla.org/products/camino/

In OS 9.0 the best browser is Mozilla. This is an older version of the Mozilla/Camino browser and is no longer being developed for OS 9 it is missing some things that are in Camino and Firefox but it is much better than IE 5. You can find the last version released for OS 9 here:
http://ftp.mozilla.org/pub/mozilla.org/mozilla/releases/mozilla1.2.1/mozilla-macos9-1.2.1-full.bin

Back to the top...



































Tips on naming files and folders on the webserver.

Naming Files:
Webservers like things simple. Because of this it is important to follow some rules when naming your files, pages, images, and folders that will be on the webserver.

Rule 1: Use lowercase letters.
Rule 2: Try not to use spaces in a name.

For instance:

If I named a page:

"about me.htm"

The webserver would have to do pretend that the file is named this:

"about&%me.htm"

This looks terrible. And will often times make links that go to this page stop working. If you want to create the same effect as a space use an underscore in the name instead like this:

"about_me.htm"

Rule 3: Don't use punctuation or symbols in a name such as:

! @ # $ % ^ & * ( ) - + ~ ` [ ] { } , . <> / ? ; : " '

These symbols are used in programming languages and the webserver will often times think that you are telling it to run an application on it. This can make your page not load at all or else look really weird by the time the server is done trying show it on the web.

Rule 4: Don't put an extension at the end of a folder name.

For instance if you put ".jpeg" at the end of a folder of images the server is going to think that the folder itself is an image. This means every image you put in this folder is going to not exist as far as the webserver is concerned.

Rule 5: Name the main page of your site "index.htm" This will tell the webserver what your main page is. This also keeps your website much safer from hackers.

For example:

If I named my main page "jamie.htm" then the address to my main page would be:

http://www.chathamsd.org/staffpages/jpoitra/jamie.htm

All a visitor would need to do is erase the "jamie.htm" from the end of the address and he would get a list of all of the files that are in my folder on the webserver. The visitor would then potentially be able to mess with things quite happily.

If I name my main page "index.htm" then the address to my main page would be:

http://www.chathamsd.org/staffpages/jpoitra/

Since I named my main page "index.htm" the server knew to load that page. This prevents people from viewing the contents of my folder on the server. It also makes my address easier to remember.

Back to the top...



































Instructions on using the News Database.

The news database uses a webserver program called pMachine. Updating the news on the the main page of the sites for Klukwan, Gustavus, Tenakee and Angoon will be done through this program.

The District Office's site uses pMachine on the District Newsletter, Agenda, Board Minutes, and Strategic Plans pages.

To add news to the above pages using pMachine you will need to get a login and password from the webmaster. The webmaster will need to know who you are, and which news page you need to be able to update. Once you have done that please come back here and read the instructions for using pMachine.

pMachine Instructions

Back to the top...