Menambahkan Hotspot yang Dapat Diklik ke Gambar

Isi
Indeks 🔎︎

# Menambahkan Area Bersinyal yang dapat Diklik ke Citra

Sebuah ImageMap membuat Anda dapat melampirkan URLs ke wilayah tertentu, dinamakan hotspot, ke dalam gambar di dokumen Anda. Sebuah peta citra adalah grup dari satu atau lebih hotspot.

Anda dapat menggambar tiga jenis hotspot: persegi panjang, elips, dan poligon. Ketika Anda mengklik hotspot, URL dibuka di jendela atau bingkai browser yang Anda tentukan. Anda juga dapat menentukan teks yang muncul saat mouse Anda berada di hotspot.

## Untuk menambahkan hotspot yang dapat diklik ke gambar

1. Posisikan kursor di lokasi Anda ingin sebuah ImageMap di dokumen Anda.

2. Pilih Sisip - Gambar, pilih dan sisipkan gambar bitmap.

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. Gunakan ikon di ImageMap Editor untuk menggambar bentuk hotspot, misalnya persegi panjang, di atas gambar di latar belakang.

   Anda dapat melihat teks bantuan yang diperluas pada fungsi setiap ikon ketika Anda mengaktifkan Bantuan yang diperluas diLibreOffice -PreferensiPerkakas - Pilihan - LibreOffice - Umum.

5. Masukkan "Alamat" URL yang akan ditampilkan di browser Web ketika pengguna mengklik hotspot.

6. Secara opsional, masukkan "Teks" yang akan ditampilkan sebagai tip ketika pengguna mengarahkan mouse ke hotspot.

7. Klik tombol Terapkan untuk menerapkan perubahan Anda, dan tutup EditorPeta Gambar.

8. Simpan dokumen di dalam LibreOffice atau format HTML.

Anda dapat menyimpan ImageMap sebagai berkas dan mengunggah berkas tersebut ke peladen file, sebagai contoh.

### PetaCitra

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.

Terdapat 2 tipe ImageMaps yang berbeda. ImageMap Client Side dievaluasi pada komputer klien, yang memuat grafis dari Internet, sedangkan ImageMap Server Side dievaluasi pada komputer server yang menyediakan halaman HTML di Internet. Pada evaluasi server, mengeklik ImageMap akan mengirim koordinat relatif dari kursor dalam citra ke server, dan program khusus pada server akan merespon.

Karena ImageMaps dapat digunakan dalam beberapa cara, mereka dapat disimpan dalam berbagai format.

### Format ImageMap

ImageMap pada dasarnya dibedakan antara yang dianalisis pada server (contohnya penyedia Internet Anda) dan yang dianalisis pada peramban web komputer pembaca.

### PetaCitra Sisi Server

Server Side ImageMaps tampil bagi pembaca sebagai gambar atau bingkai pada halaman. Klik pada ImageMap dengan tetikus, dan koordinat posisi relatif dikirim ke server. Dibantu oleh program ekstra, server lalu menentukan langkah selanjutnya. Terdapat beberapa metode yang tidak kompatibel untuk menetapkan proses ini, dua yang paling umum adalah:

- Server HTTP W3C (CERN) (Tipe format: MAP - CERN)

- Server HTTP NSCA (Tipe format: MAP - NCSA)

LibreOffice membuat PetaCitra untuk kedua metode. Pilih format dari daftar Tipe berkas pada dialog Simpan Sebagai pada Penyunting PetaCitra. Berkas Peta terpisah akan dibuat harus Anda unggah ke server. Anda akan perlu bertanya pada penyedia atau pengelola jaringan tentang tipe PetaCitra mana yang didukung oleh server dan bagaimana mengakses program evaluasi.

### Client Side ImageMap

Wilayah gambar atau bingkai yang dapat diklik oleh pembaca ditandai dengan kemunculan URL bertautan ketika tetikus dilewatkan ke wilayah. ImageMap disimpan di dalam sebuah lapisan di bawah gambar dan mengandung informasi tentang kawasan yang direferensikan. Satu-satunya kerugian dari Client Side ImageMaps tidak dapat dibaca oleh peramban Web yang lama; kerugian yang akan, bagaimanapun, terselesaikan dengan waktu.

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.