1 (7)

Quick Help for Using browser-based Training Material

Starting up

Open index.html file with the Internet Explorer 6 browser (or newer). The main page will open. Click a text
link on the right side of the page to view the desired material.
2 (7)

A yellow security warning may appear below the browser's address bar. Click the yellow area with a mouse
and select "Allow blocked content". A warning dialogue will appear. Click "Yes".

You can disable the security warning for the future:

Tools -> Internet Options -> Advanced -> Allow active content to run in files on My Computer.
 3 (7)

Graphical User Interface

When the material is opened a following type of user interface will be shown in your browser.

  


  

   
1. Top frame
2. Tree menu Title links for general browsing. Click “+“ symbol in front of a title to view the sub titles
3. Content frame
4. Bottom frame Tools for hotspot navigation
5. Component description text box
6. Document menu When a hotspot is selected, choose here where to navigate
7. Hotspots menu You can select a hotspot by choosing it in this menu
8. Deselect button Use this button to release a hotspot selection
9. Book menu (option) For moving from a book to another
10. Back button Opens the previous page in the browser page history
11. Forward button Opens the next page in the browser page history
12. Help button
13. Print button
4 (7)

Navigating with hotspots

You can browse the material by clicking the normal links in the menu tree on the left frame, but you can also
navigate by using the hotspots in the pictures. The hotspot navigation works the following way:

1. At first activate the picture by clicking it (this is Internet Explorer's security feature for active content).

2. Hotspots in the picture are the areas surrounded with a light blue stroke. When the cursor is moved
on a hotspot the stroke color changes into red. At the same time the name of the current component
appears in the text box on the left of the bottom frame.

3. Select a hotspot by clicking it. The red stroke will remain surrounding the component even if cursor is
moved away.
4. All the material concerning the selected component is now listed in the Document menu on the left side
of the bottom frame. Open the material by clicking the desired title in the Document menu.
 5 (7)

When a hotspot is selected and you want to change the selection to another hotspot, you have to
first click "Deselect" button on the right side of the bottom frame to release the selection.

You can also select a hotspot by using the Hotspots menu on the right side of the bottom frame.

When using Hotspots menu the Deselect button is not needed.

Navigating with picture links

For example in electric circuit diagrams there may be blue arrow links which will open the page where a
cable continues.

When clicking on a link the linked page will open directly. The shape of a picture link may vary, but the way
of function and the colors are the same in all picture links.

There may also be normal text links below pictures.

6 (7)

Zooming and moving SVG pictures

Most of the pictures in this material are in SVG format (Scalable Vector Graphics). This makes possible to
strech the pictures on the screen.

1. At first activate the picture by clicking it.

2. Hold Ctrl button down.
3. Select the area to magnify by moving a mouse with the left button pressed down.

You can move the picture with a mouse by drag and drop while Alt key is pressed down.

Bring the picture back to the normal size and position: Right click the image. A menu will appear near the
cursor. Select Original View.
 7 (7)

General browser tips

You can use the display area more effectively by hiding the browser toolbar. Press F11 button to hide/show
the toolbar.