Modul
Isi
Indeks 🔎︎

# Menambahkan Area Bersinyal yang dapat Diklik ke Citra

Sebuah ImageMap membuat Anda dapat melampirkan URLs ke area spesifik, dinamakan area bersinyal, ke dalam gambar di dokumen Anda. Sebuah peta citra adalah grup dari satu atau lebih area bersinyal.

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. Dengan gambar yang dipilih, pilih Edit - PetaGambar. Anda melihat Editor PetaGambar, yang menampilkan gambar di latar belakang.

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 -Preferensi Alat - Opsi - 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

ImageMap adalah grafis atau bingkai teks yang sensitif terhadap referensi. Anda dapat mengeklik pada area grafis atau bingkai frame yang telah ditetapkan untu menuju ke URL target, yang telah ditautkan dengan area. Area referensi, bersama dengan URL yang ditautkan dan teks yang sesuai ditampilkan ketika meletakkan pointer tetikus pada area ini, ditetapkan pada Penyunting ImageMap

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

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

Ketika menyimpan ImageMap, pilih tipe berkas SIP - ImageMap StarView. ImageMap secara langsung tersimpan dalam format yang dapat diterapkan ke setiap gambar atau bingkai yang aktif pada dokumen Anda. Namun, jika Anda ingin menggunakan ImageMap pada gambar atau bingkai teks saat ini, Anda tidak perlu menyimpannya dalam format khusus apapun. Setelah menetapkan region, klik Terapkan. Tidak ada lagi yang diperlukan. Client Side ImageMaps yang tersimpan ke format HTML disisipkan secara langsung ke dalam halaman dalam kode HTML.