Sisällys
Hakemisto 🔎︎

# Napsautettavien avainalueiden lisääminen kuviin

Kuvakartan muokkain tekee mahdolliseksi URL-osoitteiden liittämisen asiakirjan kuvan erityisiin avainalueisiin eli kuumiin kohtiin. Kuvakartta on yhden tai useamman avainalueen muodostama ryhmä.

Käyttäjä voi piirtää kolmenlaisia kuumia alueita: suorakulmioita, soikioita ja monikulmioita. Kun avainkohtaa napsautetaan, URL avautuu selaimen ikkunaan tai määriteltyyn kehykseen. Voidaan myös määritellä teksti, joka näkyy hiiren osoittimen ollessa kuuman kohdan päällä.

## Napsautettavan avainalueen lisääminen kuvaan

1. Sijoita kohdistin siihen, mihin kohtaan asiakirjaan haluat lisätä kuvakartta.

2. Valitse Lisää - Kuva ja sitten valitse ja lisää bittikarttakuva.

3. With the image selected, choose Edit - ImageMap in Writer and Calc or Tools - ImageMap in Impress and Draw. You see the ImageMap Editor, which displays the image at the background.

4. Käytä kuvakartan muokkaimen kuvakkeita avainalueen muodon, esimerkiksi suorakulmion, piirtämiseen taustalla olevan kuvan päälle.

   Toimintojen laajennetut vihjeet näkyvät kunkin kuvakkeen kohdalla, kun laajennetut vihjeet otetaan käyttöön LibreOffice - Asetukset Työkalut - Asetukset - LibreOffice - Yleistä -lehdellä.

5. Kirjoita "Osoite"-kenttään se URL-osoite, josta tiedot esitetään WWW-selaimessa käyttäjän napsauttaessa avainaluetta.

6. Valinnaisesti voit kirjoittaa "tekstin", joka näkyy käyttäjälle vihjeenä, kun hiiren osoitin on avainalueella.

7. Napsauta Käytä-painiketta tekemiesi muutosten käyttöönottamiseksi ja sulje kuvakartan muokkain.

8. Tallenna asiakirja LibreOffice- tai HTML-muotoon.

Kuvakartta voidaan tallentaa tiedostona ja tuo tiedosto voidaan ladata esimerkiksi nettiselaimeen.

### ImageMap

An ImageMap is a reference-sensitive graphic or frame. You can click on defined areas of the graphic or frame to go to a target (URL), which is linked with the area. The reference areas, along with the linked URLs and corresponding text displayed when resting the mouse pointer on these areas, are defined in the ImageMap Editor.

There are two different types of ImageMaps. A Client Side ImageMap is evaluated on the client computer, which loaded the graphic from the Internet, while a Server Side ImageMap is evaluated on the server computer which provides the HTML page on the Internet. In server evaluation, clicking an ImageMap sends the relative coordinates of the cursor within the image to the server, and a dedicated program on the server responds. In the client evaluation, clicking a defined hotspot of the ImageMap activates the URL, as if it were a normal text link. The URL appears below the mouse pointer when passing across the ImageMap.

As ImageMaps can be used in different ways, they can be stored in different formats.

### ImageMap Formats

ImageMaps are basically divided between those that are analyzed on the server (i. e. your Internet provider) and those analyzed on the web browser of the reader's computer.

### Server Side ImageMaps

Server Side ImageMaps appear for the reader as a picture or frame on the page. Click on the ImageMap with the mouse, and the coordinates of the relative position are sent to the server. Aided by an extra program, the server then determines the next step to take. There are several incompatible methods to define this process, the two most common being:

- W3C (CERN) HTTP Server (Format type: MAP - CERN)

- NCSA HTTP Server (Format type: MAP - NCSA)

LibreOffice creates ImageMaps for both methods. Select the format from the File type list in the Save As dialog in the ImageMap Editor. Separate Map Files are created which you must upload to the server. You will need to ask your provider or network administrator which type of ImageMaps are supported by the server and how to access the evaluation program.

### Client Side ImageMap

The area of the picture or frame where the reader can click is indicated by the appearance of the linked URL when the mouse passes over the area. The ImageMap is stored in a layer below the picture and contains information about the referenced regions. The only disadvantage of Client Side ImageMaps is that older Web browsers cannot read them; a disadvantage that will, however, resolve itself in time.

When saving the ImageMap, select the file type SIP - StarView ImageMap. This saves the ImageMap directly in a format which can be applied to every active picture or frame in your document. However, if you just want to use the ImageMap on the current picture or frame, you do not have to save it in any special format. After defining the regions, simply click Apply. Nothing more is necessary. Client Side ImageMaps saved in HTML format are inserted directly into the page in HTML code.