WEB MEDIA SCHOOL session -21 Claris Home Page

Claris Home Page is a WYSIWYG program, meaning "What You See Is What You Get" what you see on the screen is what will appear on your web page.

1. Type "Welcome to My Web Page" and press the Enter key.
2. You can adjust font size, type, and positioning on your web page to make it appealing to view.  Highlight the text by clicking on the far left of the text and dragging the mouse .
   To change the font itself, click on the Style menu and select Font.  Choose a font from the flyout menu or click Other to search for a font you want to use.
3. The Style menu also allows you to underline your text, use strikethrough, add superscript and subscript notation, and make the font appear like that of a typewriter (teletype).  The options under Other emphasize or alter the font slightly. 
4. Check the spelling of your web page by selecting the Tools menu, choosing Spelling, and finally clicking Check spelling...
5. To make a numbered list, click the button in the row.  Type a few entries, pressing enter after each line.   The # sign appears at the beginning of each line.  These will appear as actual numbers on the web page and in the preview mode.
6. To change the format of the numbers for your list, go to the Format menu, highlight the Numbered List Style option, wait for the flyout menu, and select the lettering or numbering you desire. This allows you to form a list with A, B, C... or i, ii, iii...
7. Click the button in the second row to form a bulleted list.
8. Use the indent buttons to adjust the indentation of a paragraph or the items in a numbered and bulleted list.
9. To insert a table, click the insert table button.   Type the number of rows and columns you desire in the dialog box and hit enter or click OK. Press the tab key to move forwards from cell to cell and the shift + tab keys to move backwards from cell to cell.
10. Horizontal rules are often used to separate sections of a web page.   Use the button to insert a horizontal rule.
11. Graphics make a web page much more interesting.  Click the button to insert an image.  Locate the image file you wish to insert and click Open.   Images displayed on web pages must be of either .gif or .jpg format.   The .gif format is generally preferred because they are smaller files that can be downloaded quicker with slower Internet connections.
12. NOTE: Before you insert graphics,it is a good idea to move them to the same folder as the homepage document you are working on so that you can load all the files up to the server at the same time.
13. A web page becomes interactive when links to other web pages are added.   Highlight the text or graphic you wish to have link to another web page.
14. Click the button and type in the URL, or web page address, to which you wish to link.  An example of a URL is http://www.bc.edu. You must always enter the http:// prefix before the web address. If you would like to enter an email link, use the prefix mailto: followed by the internet mail address. (e.g. mailto:help.center@bc.edu)
15. Linked text will become blue and underlined and linked graphics will become surrounded in a blue border. Remember to SAVE your work often!

    CHP writes the underlying code for your page nicely and cleanly. However, sometimes nice and clean ends up breaking the code. This can happen under several circumstances:

    • If you are adding JavaScript code, or code used by your web server to implement special features.
    • If you use aliases to simulate the pathname situation on a server, CHP will resolve the aliases. Once you upload, the link will not work.
    • If the whitespace which CHP adds to your code messes up the way the page displays in a web browser.

    So, how do you keep Claris Home Page from getting its hands on your HTML code?

    Easy ---> In HTML mode, place your insertion point in front of block of code you want unchanged. Type <!--NOEDIT-->. Move your insertion point to the end of the block of code, and type <!--/NOEDIT-->.When you switch to Edit mode, you will see both of these comment tags, plus the code in between them, in red font. If the protected code is a kind CHP understands, it still displays it in red, and does not WYSIWYG it. In Preview Mode, it all dissappears. Until Claris fixes the "mangling" bug, the NOEDIT tags are an acceptable solution.

    CHP encodes the characters for you automatically, so you don't even notice it. But there is one problem you might encounter. If one of your links includes an "&", which may occur in calls to CGI scripts and the like, CHP, upon analyzing the link, will look for one of the codes for the special characters after the "&", and finding what to it looks like garbage, IT WILL DELETE EVERYTHING AFTER THE AMPERSAND. Therefore, it will mess up your link. The only solution to this, besides not having ampersands in your links, is to fix the link right before you save the file. Then you can upload the file in its correct form. But once you open it again with CHP, the link will once again be mutilated, and so once again you'll have to fix it before uploading the file,