Anda bisa menggunakan Komponen Web Gambar untuk menambahkan gambar atau grafik ke Halaman Komponen Web. Untuk lebih memudahkan dalam mengkoordinasikan gambar dengan Komponen Web lainnya di halaman, Anda bisa mengontrol perataan vertikal, perataan horizontal, dan warna latar belakang gambar di dalam Komponen Web Gambar dengan memodifikasi properti kustomnya dalam tampilan bersama.
Di artikel ini
Cara-cara penggunaan Komponen Web Gambar
Anda bisa menggunakan Komponen Web Gambar untuk:
-
Menambahkan logo korporat atau perusahaan ke halaman.
-
Menampilkan foto karyawan atau produk.
-
Membuat halaman yang lebih menarik secara visual.
Cara-cara menampilkan gambar
Ada dua cara yang bisa Anda lakukan menampilkan gambar:
-
Memasukkan jalur file atau hyperlink ke file gambar di kotak teks properti Link Gambar. Dalam kasus ini, gambar statis dan tidak berubah (kecuali Anda mengedit properti).
-
Menyambungkan Komponen Web Gambar ke Komponen Web lainnya yang menyediakan jalur file atau hyperlink. Dalam kasus ini, gambar bisa dinamis dan bisa berubah sebagai hasil dari sebuah tindakan di Komponen Web lainnya, seperti pengguna memilih baris di Komponen Web Tampilan Daftar.
Misalnya, Anda bisa menyambungkan Komponen Web Tampilan Daftar yang berisi kontak ke Komponen Web Gambar. Tiap kali Anda memilih baris di Komponen Web Tampilan Daftar Kontak yang berisi kolom dengan hyperlink ke file yang berisi gambar kontak itu, Anda bisa melihat gambar dari kontak tersebut ditampilkan di Komponen Web Gambar.
Menyambungkan Komponen Web Gambar ke Komponen Web lainnya
-
Pada menu Tindakan Situs , klik Edit Halaman.
-
Klik menu Komponen Web , lalu arahkan ke Koneksi.
-
Tunjuk ke Dapatkan Gambar Dari, lalu klik nama Komponen Web yang ingin Anda tautkan.
Catatan: Jika properti Link Gambar telah memiliki nilai dan Anda menyambungkan Komponen Web Gambar ke Komponen Web lainnya, properti Gambar Link diabaikan. Jika Komponen Web Gambar sudah tersambung ke Komponen Web lainnya, dan Anda ingin menetapkan nilai untuk properti Gambar Link, Anda terlebih dahulu harus menghapus koneksi.
Mengkustomisasikan properti Komponen Web Gambar
Properti kustom Komponen Web Gambar tercantum di bawah ini.
Catatan: Anda tidak bisa melihat atau mengedit properti kustom ini dalam tampilan pribadi.
Properti |
Deskripsi |
||||||||||||
Link Gambar |
Menentukan jalur file atau hyperlink ke gambar yang ingin Anda tampilkan dalam Komponen Web Gambar. Bergantung pada browser yang Anda gunakan, format file grafis yang didukung meliputi yang berikut ini.
Properti Link Gambar mungkin tidak tersedia karena Komponen Web Gambar tersambung ke Komponen Web lainnya yang menyediakan gambar itu. |
||||||||||||
Teks Alternatif |
Menentukan teks yang akan ditampilkan ketika pengguna menaruh penunjuk mouse di atas gambar. Teks ini muncul ketika gambar tidak tersedia. |
||||||||||||
Perataan Vertikal Gambar |
Posisi gambar secara vertikal di dalam Komponen Web Gambar. Pilih salah satu dari yang berikut: Atas, Tengah, atau Bawah. Nilai defaultnya adalah Tengah. |
||||||||||||
Perataan Horizontal Gambar |
Posisi gambar secara horizontal di dalam Komponen Web Gambar. Pilih salah satu dari yang berikut: Kiri, Tengah, atau Kanan. Nilai defaultnya adalah Tengah. |
||||||||||||
Warna Latar Belakang Komponen Web |
Menentukan warna jendela Komponen Web Gambar di belakang gambar. Warna defaultnya adalah warna latar belakang tema saat ini. Untuk menentukan warna, klik di sebelah kanan kotak teks, lalu lakukan salah satu hal berikut ini:
Untuk membuat warna latar belakang sama seperti tema situs, klik Transparandi dikotak dialog Warna Latar Belakang Komponen Web. |
Properti umum Komponen Web
Semua Komponen Web berbagi sekumpulan properti umum yang mengontrol tampilan, tata letak, dan karakteristik tingkat lanjutnya.
Catatan: Properti umum Komponen Web yang Anda lihat di panel alat mungkin berbeda dari apa yang terdokumentasikan di bagian ini karena beberapa alasan:
-
Untuk melihat bagian Tingkat Lanjut di panel alat, Anda harus memiliki izin yang sesuai.
-
Untuk Komponen Web khusus, pengembang Komponen Web mungkin telah memilih untuk tidak menampilkan satu atau lebih properti umum ini atau telah memilih membuat dan menampilkan properti tambahan yang tidak terdaftar di bawah ini di bagian Tampilan, Tata Letak, dan Tingkat lanjut dari panel alat.
-
Beberapa izin dan pengaturan properti mungkin menonaktifkan atau menyembunyikan properti Komponen Web.
Tampilan
Properti |
Deskripsi |
Judul |
Menentukan judul Komponen Web yang muncul di bilah judul Komponen Web. |
Tinggi |
Menentukan tinggi Komponen Web. |
Lebar |
Menentukan lebar Komponen Web. |
Status Chrome |
Menentukan apakah seluruh Komponen Web akan muncul di halaman ketika pengguna membuka Halaman Komponen Web. Secara default, status chrome disetel ke Normal dan seluruh Komponen Web akan muncul. Hanya bilah judul yang muncul ketika status diatur ke Minimal. |
Tipe Chrome |
Menentukan apakah bilah judul dan batas bingkai Komponen Web akan ditampilkan. |
Tata Letak
Properti |
Deskripsi |
Tersembunyi |
Menentukan apakah Komponen Web akan terlihat ketika pengguna membuka Halaman Komponen Web. Jika kotak centang dipilih, Komponen Web hanya terlihat ketika Anda mendesain halaman dan memiliki akhiran (tersembunyi) yang ditambahkan ke judul. Anda bisa menyembunyikan Komponen Web jika Anda ingin menggunakannya untuk menyediakan data ke Komponen Web lainnya melalui koneksi Komponen Web, tapi Anda tidak ingin menampilkan Komponen Web tersebut. |
Arah |
Menentukan arah teks di konten Komponen Web. Misalnya, Bahasa Arab adalah bahasa yang dibaca dari kanan ke kiri; Inggris dan sebagian besar bahasa Eropa dibaca dari kiri ke kanan. Pengaturan ini mungkin tidak tersedia untuk semua tipe Komponen Web. |
Zona |
Menentukan Zona Halaman Komponen Web di mana Komponen Web akan diletakkan. Catatan: Zona dalam Halaman Komponen Web tidak terdaftar di kotak daftar ketika Anda tidak memiliki izin untuk mengubah zona. |
Indeks Zona |
Menentukan posisi Komponen Web dalam suatu zona ketika zona berisi lebih dari satu Komponen Web. Untuk menentukan urutan, ketik bilangan bulat positif dalam kotak teks. Jika Komponen Web dalam zona diurutkan dari atas ke bawah, nilai 1 berarti bahwa Komponen Web akan muncul pada bagian atas zona. Jika Komponen Web dalam zona diurutkan dari kiri ke kanan, nilai 1 berarti bahwa Komponen Web akan muncul di sebelah kiri zona. Misalnya, ketika Anda menambahkan Komponen Web ke zona kosong yang diurutkan dari atas ke bawah, Zona Indeksnya adalah 0. Ketika Anda menambahkan Komponen Web kedua ke sebelah bawah zona, Zona Indeksnya adalah 1. Untuk memindahkan Komponen Web kedua ke atas zona, ketik 0, dan kemudian ketik1 pada Komponen Web pertama. Catatan: Setiap Komponen Web di zona harus memiliki nilai Zona Indeks yang unik. Oleh karena itu, mengubah nilai Zona Indeks untuk Komponen Web saat ini juga mengubah nilai Zona Indeks untuk Komponen Web lainnya di zona tersebut. |
Tingkat lanjut
Properti |
Deskripsi |
Perbolehkan Minimalkan |
Menentukan apakah Komponen Web bisa diminimalkan. |
Perbolehkan Tutup |
Menentukan apakah Komponen Web bisa dihapus dari Halaman Komponen Web. |
Perbolehkan Sembunyikan |
Menentukan apakah Komponen Web bisa disembunyikan. |
Perbolehkan Perubahan Zona |
Menentukan apakah Komponen Web bisa dipindahkan ke Zona yang berbeda. |
Perbolehkan Koneksi |
Menentukan apakah Komponen Web bisa berpartisipasi dalam koneksi dengan Komponen Web lainnya. |
Perbolehkan Pengeditan di Tampilan Pribadi |
Menentukan apakah properti Web bisa dimodifikasi di tampilan pribadi. |
Mode Ekspor |
Menentukan level data yang diizinkan untuk diekspor untuk Komponen Web ini. Bergantung pada konfigurasi Anda, pengaturan ini mungkin tidak tersedia. |
Judul URL |
Menentukan URL file yang berisi informasi tambahan mengenai Komponen Web. File tersebut ditampilkan di jendela browser terpisah ketika Anda mengetikkan judul Komponen Web. |
Deskripsi |
Menentukan Tip Layar yang akan muncul ketika Anda mengistirahatkan penunjuk mouse di judul Komponen Web atau ikon Komponen Web. Nilai dari properti ini digunakan ketika Anda mencari Komponen Web dengan menggunakan perintah Pencarian di menu Temukan Komponen Web panel alat dalam galeri Komponen Web berikut ini: Situs, Server Virtual, dan Halaman Komponen Web. |
URL Bantuan |
Menentukan lokasi file yang berisi informasi Bantuan tentang Komponen Web. Informasi Bantuan ditampilkan dalam jendela browser terpisah ketika Anda mengklik perintah Bantuan di menu Komponen Web. |
Mode Bantuan |
Menentukan bagaimana browser akan menampilkan konten Bantuan untuk Komponen Web. Pilih salah satu hal berikut ini:
Catatan: Meskipun Komponen Web Microsoft ASP.NET kustom mendukung properti ini, topik Bantuan Windows SharePoint Services 3.0 default hanya terbuka di jendela browser terpisah. |
URL Gambar Ikon Katalog |
Menentukan lokasi file yang berisi gambar untuk digunakan sebagai ikon Komponen Web di Daftar Komponen Web. Ukuran gambar harus 16 kali 16 piksel. |
URL Gambar Ikon Judul |
Menentukan lokasi file yang berisi gambar untuk digunakan di bilah judul Komponen Web. Ukuran gambar harus 16 kali 16 piksel. |
Mengimpor Pesan Kesalahan |
Menentukan pesan yang muncul jika ada masalah ketika mengimpor Komponen Web. |