Kevin's Webpage Lesson

http://www.umpi.maine.edu/~mccartnk/webpage.htm

Kevin has developed a process for teaching html, which has been used in teaching about a dozen faculty. This process uses Kevin's webpage and adapts the code. Because his webpage is pretty well documented, and includes simple examples of many useful concepts, it makes a fairly good template for others to develop their own webpage, which is also documented. The process involves the following steps:

1) Search your computer for a software that should be on your harddrive that processes html text. The university PCs use "arachnophilia." This is a word-processing software for html code. This should be accessable from the Program listing (press start button in lower left hand corner). Another word-processing software available on your computer is "notepad" but it is not as versatile.

2) Open a arachnophilia/notepad/ file, save as "name.htm"

3) Place this file into a separate folder, which you might call "html files" on your disk. You will ultimately place this folder on your hard-drive and it will ultimately contain all the various files, photos, etc. that support your various webpages. Kevin's folder probably has several hundred such items, for his various syllabai, photos, quotes, etc. used on his pages.

4) open Netscape (or whatever you use), and type in the URL: http://www.umpi.maine.edu/~mccartnk/index.htm

This is Kevin's webpage. Use this if you are developing a faculty webpage; if you are a student, then from that location open the link for "Geo-Ecology Club" and from there open the link for "Michael Ayotte" or "Tracy Reed" which provides a student model.

5) You might bookmark Kevin's webpage so you can redo this again at a later time.

6) Now, on the top of your screen, where it says VIEW, pull down PAGE SOURCE. (yours might work a bit different since you might have a different Netscape or Explore version)

7) What you now see before you is the html code for that webpage, which will be the model from which we will start your webpage. This code includes documentation for the code to do just about anything; you might study this when you get a chance. Block and copy (control-c) this entire text, and paste it (control-v) into the "name.htm" file that you should already have opened (step 1-3 above). If you are using arachnophilia, replace all the existing text with your new text.

8) When you get set up on your own harddrive, you will call your leading personal webpage "index.htm" (INDEX specifies your home webpage, making this the intitial page which all your other pages would be linked to).

9) Modify your index.htm file without changing the rest of the code. You might type your name instead of ayotte's, for example. Save.

10) If you wish to see what this looks like as a webpage, you can drag the file from your html folder to the window on Netscape. This should automatically display the page given by your html code. Be careful not to modify your code until you understand what the code does. Notice that your code includes a listing of commands, with brief definitions. Kevin or one of his trainees can show you these steps, but you having already done at least some of these could save time.

11) Ultimately, to get your webpage so the whole world can see it, you will have to mount your html file onto the university or other server. This is a simple process, but you should get someone else to show you this, as Kevin's procedure is specific to his computer.


Return to Kevin McCartney's Homepage