Making web pages using

Claris Homepage

| Beginning | To start | Graphics | Format | Links | Lists | Tables|

Before you begin
  • Plan your web site.
  • Collect all the information that you will be using. Include the drawings, pictures and diagrams. These items need to be saved in a folder. (See scanning, digital camera etc)
  • Prepare the text that will appear in the web pages.
  • Once all the information is collected and saved in the same place for easy access, open Claris Home Page.

 

Its time to start
  • Select Edit Page from the ribbon at the top of the page.
  • Begin by typing the heading for the page.
  • Add the text to be included on your first page in plain text.
  • Use the spell checker to correct spelling.
  • Format the text by highlighting the words to be changed and select the options from the menu bar / ribbon.
  • Add a background by selecting the Document Options button Document options button on the menu ribbon. Click in the coloured box near the word Background. Move the cross bar over the colour circle and click when you pass over the colour to be used. Use the slider bar below the colour circle to lighten or darken the colour. Click OK on the colour picker then OK on the Options box.
Top

 

Add graphics
  • To add graphics, select the insert images button at the top of the page.
  • Navigate to the folder containing the graphics to be used and select the image to be inserted. The text will move away from the graphic inserted.
  • If the graphic is not in the correct format for web pages, the program converts the image to the GIF format. To ensure converted images are saved in the correct folder, use the Preferences to select a folder. From the Edit menu select Preferences, then choose Images from the pull down menu. Click on the Set button then choose the folder that will house your images.

     

  • Save your first page as "index.html" or "default.html". This makes it easier to link pages back to the first page.
  • You can check your work by clicking the "Preview in a Browser" button. This will load the browser you have selected in the Preferences ( Netscape etc) and let you see it as if it is on the Internet.
  • Move back to Claris Home Page, and make any necessary changes then save your work.
  • Create the other pages until you have all the pages you are going to use. Save all pages to the same folder to make it easy to create links.

 
Top

 

Formatting

Text size can be changed by selecting an option from the pull down menu .

Examples of these.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Sizes can also be selected by selecting size from the Style menu.

Examples of these.

Size 7

Size 6

Size 5

Size 4

Size 3

Size 2

Size 1


Text colour can be changed by selecting from the font colour pull down menu .

If Other is selected, the text colour can be chosen by navigating through to the colour picker.

 

Alignment can be changed like any other word processing program. Highlight the text and select the required alignment button.

Top

 

Adding links
  • To move from one page to another, type the text or insert the image that will guide a visitor to the linked page. Example Next or
  • Highlight the text or image.
  • Choose the Link to File icon.
  • Navigate to the file you want to link to and choose Open.
  • The text will turn blue and underlined. An image will have a blue border .
  • Save the page and select preview page icon.
  • Check the link by clicking on the word or image. The linked page will open.
Top

 

Creating lists
  • Lists can be bulletted or numbered.
  • Use these buttons to create lists. or select Bullet List or Numbered List from the pull down menu.
  • The program automatically changes the list numbers when a return is placed between list items.
Top

 

Making Tables
  • Tables are boxes that can hold graphics and text.
  • Click on the insert tables icon.
  • A dialogue box will appear which allows you to change the number of columns, rows and border. The border number changes the thickness. 0 is no border and 9 is very thick.
  • This dialogue box also allows you to change sizes of cells, add or delete rows and columns, and change the alignment within the cell.
  • To remove a table, select it and press delete.

    When all pages are complete, open the index page in a browser and check each page, links and images.
Top

Home

How do I ?

Skills

Lesson Ideas