Using a WYSIWYG Editor (Claris Home Page)

Red Bar

There are many software programs developed to make creating HTML documents and web sites easier and less time consuming. Some are as simple as a text editing program with an extra menu from which you can select tags to add. Others such as Myrmidon can take nearly any document you have and automatically convert it to HTML and gif images. The WYSIWYG (What You See Is What You Get) Editors let you type your documents just as you would in a word processor. The editor then creates all the necessary HTML. When you don't have to worry about the HTML, you can focus on the content, which is why you're making the pages anyway.

There are two very popular WYSIWYG editors, Adobe Page/Site Mill, and Claris Home Page. You can download demo copies of each from their respective web sites, Adobe and Claris. The Adobe demo has the save command disabled, so you can't save any of your work. The Claris demo is fully functional for thirty days, you can save as many documents as you wish in that time. After thirty days you have an option to buy or the save command will be disabled.

I feel that the better buy is the Claris product for several reasons:

 

Using Claris Home Page

Claris Home Page is fairly simple to use. Basically you just type your text in the window which comes up as you would in a word processor. You then select the text you want to change and click a button on the toolbar or select an item from a menu.

The image below is a snapshot of the Claris Home Page tool bar. In the program, when you pass over each button, a message will tell you what the button does. To use most of the tools, you need to have selected the text you want formatted before clicking the button.

Note: In Claris Home Page, when you double click on anything an editor comes up from which you can change many aspects of the object you clicked on. For example, when you double click on an image you can set transparency and interlace options.

Let's try to make a page using Claris Home Page:

  1. Open the Application Claris Home Page
  2. Select New Page from the File menu
  3. Click the document options button to set the title, text color, link color, background color, etc.
  4. Add some text to the page (your favorite poem or something)
  5. Use the previously mentioned buttons to format the text. Try to add a rule line, center the text, make it colored, make it bigger or smaller, add bullets, numbers, etc.
  6. Save your document as filename.html
  7. Open ClarisWorks, select new drawing document, make a nice picture.
  8. Select Select All from the Edit menu
  9. Select Copy from the Edit menu.
  10. Switch to Claris Home Page, place the cursor where you want the picture to go, and select paste from the Edit menu.
  11. Save the image in the same folder that your page is saved in.
  12. Select Save from the File menu to save your document again.
  13. Click the HTML editing view, and thank goodness you didn't have to write all that out!

 

Web Page Creation for Educators--
A Beginner's Guide to Developing
Web Resources for Curricular Purposes

©1998 Burney Productions
All Rights Reserved