• Part 1 - Creating Documents and Links with Home Page
• Part 2 - Putting Documents on the Web
• Part 3 - Using Templates

• What is the Internet? What is the WWW? What is a browser?
• What is a Web server?
• What is a CWIS directory?
• Why do I want a Home Page? Why do I want to put documents on the Web?
• What is HTML and do I have to use a Web Editor to make Web pages?
• Where is Claris Home Page and what version do I use?

• Run the "webstart" program.
• At the "%", type "webstart"
• Answer all questions with "y" for yes. Choose the code "u"
  • Webstart reminds of you of "Technology Responsible Use" policy
  • Registers which school you are associated with
  • Creates a CWIS directory for your HTML files
  • Creates a simple, Home Page for you and links it to the appropriate place on the LC page

Read the instructions *carefully* in the paragraph below. Note: If you make a "big" mistake, don't forget "Undo" from the "Edit" menu. You can undo only your last step.

This is the paragraph you will use to learn to format in Claris Home Page. Formatting in Home Page is very similar to formatting with any word processor. Place your cursor in this paragraph. On the toolbar at the top of the page, you will see "Normal" because the type style of this paragraph is "Normal". Select this entire paragraph. Now try out all the text styles from the toolbar: Preformatted, Address, etc. Also use the toolbar to do: numbered text; bulleted text; indented text; font smaller (a-) and larger (a+); bold(B); italics(I); teletype(T); colors(A), justify right, center, and left; add a separator,etc. When you finish, make more changes by using the "Format" and "Style" menus. After you have hopelessly messed up your paragraph, choose "Reset" from the "Style" menu and "Normal" from the "Format" menu. Your paragraph should return to its original state. Now, select the text from here to the end of the paragraph. From the "Edit" menu, choose "Spelling" --> "Check Spelling. Raise your hand and tell us what word is mispelled and you will receive special recognition which should make you feel honored for the rest of the day. ;-)

Use this feature when you want a picture to appear automatically when a page is opened (i.e. the user does not have to click on any link to make the picture appear).

Follow these directions and you will see a picture of an instructor who is helpful and an all-round really nice guy. ;-)

1. Place your cursor to the right of the "winking smiley face above.
2. Choose "Image" from the "Insert" menu (or click the toolbar button with the colored triangle, square,and circle).
3. Navigate to your disk if needed (Desktop button)
4. Select the "Images" folder and click "Open".
5. Select "youguessedwho.jpg" and click "Open".
6. Choose "Save" from the "File Menu".

Use this feature when you want the user to click on a link in order to make a graphic appear.

Follow these directions and when you click on the link you create, you will see the most esteemed administrator we know. ;-)

1. Highlight the words "the most esteemed administrator" in the sentence above.
2. Click the blue arrow (Link Editor) next to the wrench in the toolbar.
3. Click on the "Browse" button in the dialogue box which opened.
4. Navigate to your disk if needed (Desktop button)
5. Select the "Images" folder and click "Open". (if it is not already)
6. Select "esteemed.jpg" and click "Open".
7. Click in the close box to close the dialogue box.
8. Notice that the words have changed color. You have created a link to a graphics file.
9. Hold down the "Apple" key. Move your cursor over the newly created link, click and hold--select "follow link."
10. Surprised? You hadn't guessed had you? Click in the "close box" of the graphic window.
11. Choose "Save" from the "File Menu".

Use this feature when you want the user to click on a link in order to here an audio file play. Follow these directions and when you click on the link you create, you will hear words of encouragement.

1. Highlight the words, "words of encouragement" in the sentence above.
2. Click the blue arrow (Link Editor) next to the wrench in the toolbar.
3. Click on the "Browse" button in the dialogue box which opened.
4. Navigate to your disk if needed (Desktop button)
5. Select the "Images" folder and click "Open". (if it is not already)
6. Select " wordsofencouragement.AIFC" and click "Open".
7. Click in the close box to close the dialogue box.
8. Notice that the words have changed color. You have created a link to an audio file.
9. Choose "Save" from the "File Menu".
10. You will be able to check this link a little later. Be patient. :-)

Use this feature when you want to put an Email link in your document so people can click on the link and send you Email. (Note: The user's browser will have to be configured to use Netscape Mail in order to make use of this feature, but even if not, moving the pointer over the Email link will show your Email address to the user)

1. Highlight the word Email link in the sentence above.
2. Click the blue arrow (Link Editor) next to the wrench in the toolbar.
3. Click on "Show Examples" in the Link Editor dialogue box.
4. Notice the instructions for "Mail link:" in the dialogue box that opens. In the box labeled "URL" type "mailto:<your email login> " For example: mailto:krauss@lclark.edu
5. Click in the close box.
6. Notice that the words have changed color. You have created an Email link.
7. Choose "Save" from the "File Menu".
8. You will be able to check this link a little later. Be patient. :-)

Use this feature when you want to link to another site on the WWW. For example, let's say you wanted to go to the site of a well-known IEP and see a really classy faculty page.

1. Double-click on the Netscape bookmark on your disk called "classy faculty." Netscape will launch and you will go to the website. (NOTE: You do not need to create links in this way if you know the URL for the site you want and trust your typing skills. I don't-- so I use this technique).
2. Select the URL of the Web page you have opened. Choose "Copy" from the "Edit" menu.
3. Using the "Applications Menu" (icon in the top right corner of your desktop), choose "Claris Home Page"
4. Select the words "classy faculty" from the first paragraph of this task.
5. Click the blue arrow (Link Editor) next to the wrench in the toolbar.
6. Choose "Paste" from the "Edit" menu. The URL of the Webpage you wish to link to will appear. Close the dialogue box.
7. Notice that the words "classy faculty" have changed color. You have created a link to a Website.
8. Choose "Save" from the "File Menu".
9. You will be able to check this link a little later. Be patient. :-)

The Modes are the four buttons located on the left side of the toolbar.

• Pencil = Edit Page -This is the default mode. You will be in this mode whenever you are putting text, links, etc. in your page.
  
  
• Netscape icon = Preview Page Mode - Not used too often. This link does *not* open Netscape, but shows you how your page will look when viewed in a Browser. (sometimes *not* the way it will actually look when posted to the Net). Useful for viewing and printing documents with numbered items (show up as # in Edit view and will print that way). Also, local links become operational and you can test them out.
  
  
• </> = Edit HTML source - Use when you want to thank your lucky stars that Claris Home Page is doing the HTML coding for you behind the scenes. Or when you want to "tweak" something if you now HTML. Click on it how to see the HTML code you didn't have to write!
  
  
• Globe = Preview in Browser - Will launch your Browser (Netscape for us) and open the document. This is where you see what the document will actually look like and you check out all your links to be sure they work BEFORE uploading to the Net. Click the "Preview in Browser" button now to check out all your links!

• To give your document a title different than the name you gave to the file when you saved it:
  1. Select "Document Options" from the "Edit" menu.
  2. Click on the "Parameters" tab
  3. In the "Document Title" box will be the name you gave to the file when you saved it. If you want a different title to show at the top of your Web page when displayed on the Web, enter that title in the box.

   

• To change the background color, the color of links, or to add an Image as the background of your Web page:
  1. Select "Document Options" from the "Edit" menu.
  2. Click the "Appearance" tab. Choose the settings you like.

1. Scroll to the top of this page and put your cursor to the left of "ISALC"
2. Choose "Anchor" from the Insert menu (or click on the Anchor icon in the toolbar)
3. In the dialogue box, replace the word "Anchor" with "top". (NOTE: You can name anchors anything you want, but it's a good idea to make them descriptive of the destination they represent).
4. Select the following words: Return to top.
5. Click the blue arrow (Link Editor) next to the wrench in the toolbar.
6. In the URL box, type "#top". (Notice that there are directions labeled, "Anchor in same file" that show you this format). Close the dialogue box. Notice the words, "Return to top" are now a link.
7. Hold down the Apple key and click on the link. You should go to the top of this page.

• Part 1 - Creating Documents and Links with Claris Home Page
• Part 2 - Putting Pages on the Web
• Part 3 - Using Templates

After you have checked all of your links and you are sure your documents is "Web-ready," the final step is to upload the document and related media files to your cwis directory on the L.C. Server.

1. Open Netscape (if you have not already).
2. Choose "Open Page" from the File menu.
3. Navigate to your disk (you may need to click on "Desktop"). Open "webtrainingf98.html" Notice in the address box that you are not on the Internet--there is no "http", but rather an address that refers to the floppy diskette in your computer.
4. Click on all the links to be sure that they work. (Note: the sound file will not play--that's OK)
   

• Using Fetch (an ftp--file transfer protocol program)
  1. Open Fetch from the "Internet Tools" folder on the hard drive.
  2. Fill in the boxes:
     • Host: lclark.edu
     • User Id: <your login>
     • Password: <your password>
     • Directory: cwis/
     • Click OK.
  3. Choose "Put Folder and File" from the "Remote" menu.
  4. Navigate to your disk (Use the "Desktop" button).
  5. Select "isalcwebtrainingf98". Click "Open".
  6. Select "webtraining". Click "Open". Click "Add All". Click "Done".
  7. In the dialogue box that appears:
     • Text Files: text (don't change this)
     • Other files: Change to "Raw Data"
       • NOTE: If your "other files" have added to them the extension ".bin" , you must delete this. Your image files will have the extension ".jpg" and the audio file will have the extension ".AIFC"
     • Click OK
  8. Check to see if your document has been successfully uploaded to the Internet. How?? Follow these steps:
     • In the address box of Netscape, type "http://www.lclark.edu/~<your login name>/webtrainingf98.html"
     • Press <Return> Your training handout should load.
  9. Click on all of the links to see that they work. (Note: The Email link will not work because Netscape Mail is not configured on the Macs in this lab.)
  10. Using the Applications Menu in the top right, go back into Claris Home Page.

• Using "Remote Upload" from the "File" menu in Claris Home Page (Don't do today--Instructions will be provided at a future date).

A template is a document which you can use as a starting point and modify to fit your needs. (Save as. . . ) It usually contains features and formatting which you would like to use in many of your documents and by using the template you save the time of having to design those features and formatting over and over again.

1. Open "hometemplate.html".
2. Choose "Save as. . . " from the "File" menu.
3. Save the file as "home.html"
4. Select "Document Options" from the "Edit" menu.
5. Click on the "Parameters" tab.
6. In the "Document Title" type "Home Page of <your name>"

1. Choose Netscape from the Applications Menu.
2. In the address box of Netscape, type "http://www.lclark.edu/~<your login name>/webtrainingf98.html" Press <Return>
3. Select the address in the box. Choose "copy" from the "edit" menu.
4. Select Claris Home Page from the Applications menu.
5. Put your cursor to the right of TIAA-CREF (in the Professional Interests & Projects section). Press <Return>.
6. Type "ISALC Web Training, Fall 1998"
7. Select that text.
8. Choose "Link to File" from the "Insert" menu (or click the blue arrow next to the wrench in the toolbar).
9. Choose "Paste" from the "Edit" menu. The URL of the "webtrainingf98.html" page will appear. Close the dialogue box.
10. Notice that the words "ISALC Web Training, Fall 1998" have changed color. You have created a link to this training page.
    

Created by: krauss@lclark.edu
Updated: 11/9/98