Before starting this tutorial you will need to create a folder where you will save your files. In the tutorial you will be creating three documents that include one image. You will need to save the image below, "children.jpg" into this folder. In Macintosh, click and hold down your mouse, go to save image as, and locate the folder that you just created. In PC you will need to right click, then save image into correct folder.
It is suggested that you go through this tutorial by completing each step in order. This will be easier by using the scroll bar to the right. Then if you need to review a section you may click it on the list above.
You can use Claris Home Page to create documents or Web pages. When you open Claris Home Page, a new untitled Web page appears on the screen. This page will automatically be in Edit Page mode.
In the Edit Page mode you can type and format text, insert images, or copy and paste elements just as you would in most word processing programs. You can also create links, tables, frames, forms, and other elements for your web pages.
To use Claris Home Page you will first need to become familiar with the toolbars then return to this page to learn how to create your own web page using the various tools.
Let's explore the clip art that Claris Home Page provides. From the File menu highlight Open Library. Choose any of the Claris Home Page clip art folders, click open and view the clip art. Our next step will be to choose a background so you will want to view those choices.
Click the Document Options button. On the menu click the background box to choose the background color of your document or you may click "set" beside Background Image and choose an image that will be tiled as a background from the Claris Home Page clip art folders.
Type a document title. This is not the title of your page but the title that will show at the top of your web browser when others view your page.
You've opened a new document. You've chosen a background. Now click the center alignment button, choose Heading 2 from the Paragraph Format menu, and type a title. If you want to change the characteristics of the title, highlight the title you've typed and the choose the size, color, and other attributes from the style toolbar.
Press return twice to move off the title line, align your cursor to the left, choose Normal from the Paragraph Format menu and type a short paragraph about your personal life (family, hobbies, pets, etc.). You can change the text characteristics in the paragraph by highlighting the text and then choosing a characteristic from the style menu.
Include as part of your paragraph a list of items, such as the names of your family members, favorite hobbies or tv shows, etc. Type these words with each on a separate line. To do this you will need to type a word then press return after each word. Highlight the list of words you included in your paragraph. Click either the Numbered list or Bulleted list button.
Under the File menu choose Save as. The home page of your web site should always be saved as index.html. Web browsers will automatically look for this file to open first. Type index.html in the blank space and click Save. While you are working you should save often. After you have named the document you will only need to choose Save rather than Save as.
Now do the following to continue the tutorial:
On your home page place your cursor below the typed paragraph, center your cursor, then click the Insert Image button to place a picture on your web page. You may need to navigate to the correct folder to find the picture you will insert. For now we will insert the image called, children.jpg. (please use this image as we will be using it later in the tutorial.)
If you want your image aligned horizontally on the right or the left side of the page, click the image once and then click one of the text alignment buttons on the toolbar. If you have inserted an inline image (image placed right next to text) you will need to decide how you want the text aligned around the image (vertical alignment). To do this double click on the image and the Image Object Editor will appear. From the alignment menu choose one of the options: top, middle, or bottom.
Alignment = top
Alignment =
middleAlignment =
bottom
Press return to move your cursor below the image you've just inserted. Click the Horizontal Rule button to insert a a rule. Double click on the horizontal rule that is now on your page and in the menu type in 50 and choose percent. This is the width of the ruled line on the page. Height will determine how fat the line looks. You may also insert an image that looks like a horizontal rule. You would do this exactly the same way that you inserted the image above.
Click the Preview Page button to see your page as it might look in a web browser. However, remember that some formatting features do not appear correctly until you actually open the browser to view your page.
Now click the Preview in Browser button to see your page as it
will appear in a web browser such as Netscape. (You can set your
default browser in the preferences under the edit menu.) 
Now click the Edit HTML Source button. You will see the code
behind what you have created. 
Sometime later you may want to add something to the
HTML code that can not be done in the Edit page mode.
To return to making your page you will need to click the Edit Page
button again. 
You will want to save your work often! Now you may want to go to each page and decide on backgrounds and include other elements. Or, you may just want to create a web page of interest to you. You now know how to create a basic web page that includes several types of elements. There are other features to Claris Home Page that you may want to explore later. You may go to the Help menu to receive extra help on any of these other features.
Claris Home Page is a very quick and easy program for learning to create web pages and will be sufficient for people who do not want to learn everything about web page publishing. However, as you begin to create and include other features of web publishing you may find that some of those features are not available in this program. You always have the option to go to the HTML code and make other changes.
Note: I have also found that if you have working javascripts in another HTML editor and you open and save them in Claris Home Page, they will not work any longer.
