bab 7 menggunakan gambar -...

Download Bab 7 Menggunakan Gambar - jak-stik.ac.idjak-stik.ac.id/saefudin/files/microsoft-frontpage-xp[6].pdfmenyambung ke internet, yaitu saluran telepon dengan modem kecepatan rendah. Apalagi

Post on 16-Apr-2018

214 views

Category:

Documents

2 download

Embed Size (px)

TRANSCRIPT

  • Bab 7

    Menggunakan Gambar

  • Webmaster Pro Front Page XP

    208

    Daftar Isi Bab 7 1. Memasang gambar pada halaman ..............................................................209 1.1 Mengambil gambar dari Web FrontPage ....................................................... 210 1.2 Mengambil gambar dari koleksi Clip Organizer.............................................. 211 1.3 Mengambil gambar dari hard disk .................................................................. 211 1.4 Gambar dari World Wide Web atau Intranet................................................... 212 1.5 Menggunakan klik kanan pada Browser.......................................................... 213 1.6 Drag-Drop, Cut-Paste ................................................................................... 213 1.7 Gambar dari Scanner .................................................................................... 213 1.8 Menyimpan Gambar...................................................................................... 215

    2 Properti gambar............................................................................................216 2.1 Penentuan program editor gambar................................................................. 217 2.2 Modifikasi gambar......................................................................................... 219 2.3 Format gambar ............................................................................................. 221 2.4 Alternatif penampilan .................................................................................... 222 2.5 Default hyperlink........................................................................................... 223 2.6 Pelipatan teks, layout dan ukuran gambar....................................................... 224

    3 Tata letak gambar.........................................................................................228 3.1 Memindah gambar......................................................................................... 229 3.2 Posisi absolut................................................................................................ 229 3.3 Rotasi dan flip gambar.................................................................................. 231

    4 Tampilan gambar..........................................................................................231 4.1 Mengatur kontras dan pencahayaan ............................................................... 232 4.2 Mengatur transparansi.................................................................................. 232 4.3 Cropping, resizing dan restore ....................................................................... 233 4.4 Hitam putih dan washout............................................................................... 235 4.5 Membuat teks pada gambar............................................................................ 235

    5 Hyperlink pada gambar ...............................................................................236 5.1 Hyperlink manual.......................................................................................... 236 5.2 Membuat tombol dari gambar ........................................................................ 237 5.3 Gambar pengganti (thumbnail)...................................................................... 238 5.4 Hotspot (Image Maps) ................................................................................... 240

    6 Gambar terjadwal.........................................................................................244

  • Bab 7 Menggunakan Gambar

    209

    1. Memasang gambar pada halaman Apa jadinya kalau suatu halaman web tidak ada gambarnya? Jawaban pertama adalah pembukaan halaman menjadi lebih cepat.

    Sebaliknya, meskipun gambar membuat pembukaan menjadi lambat, pada kenyataannya kita akan tetap memasang. Kenapa? sebab dengan adanya gambar-gambar tersebut halaman menjadi lebih cantik dan menarik.

    Namun sebaiknya Anda membatasi jumlah dan pemakaian gambar. Sebab gambar akan memakan waktu untuk pengiriman, waktu untuk download dan lain lain sehingga akan memperlambat kinerja halaman.

    Sebagai jalan tengahnya, usahakan hanya menggunakan gambar-gambar ukuran kecil, kecil secara tampak mata maupun kecil ukuran filenya.

    Pada saat gambar ditransfer untuk pertama kalinya, gambar akan diambil dari tempat asalnya, dan membutuhkan waktu seperti apa adanya. Namun pada transfer berikutnya, gambar tidak lagi diambil dari tempat asalnya, melainkan dari cache browser, sehingga gambar itu akan muncul dengan sangat cepat. Apabila Anda menutup browser, maka cache browser akan dihapus. Jadi kalau Anda mengaktifkan lagi browser dan membuka gambar yang tadi, akan lama juga, sebab pembukaan kali ini berarti yang pertama kali. Hitungan dimulai dari pengaktifan browser.

    Memasang gambar ke halaman Web adalah kegiatan menyenangkan. Dengan gambar pula para desainer halaman web bisa begitu terkenal, karena karya-karyanya menjadi lebih menarik. Bahayanya adalah jika Anda terbawa emosi dan memasangkan terlalu banyak gambar, apalagi gambar yang berukuran besar.

    Ingatlah bahwa kebanyakan orang masih menggunakan saluran yang lambat untuk menyambung ke internet, yaitu saluran telepon dengan modem kecepatan rendah. Apalagi kondisi di Indonesia seperti sekarang ini, mudah-mudahan segera berubah menjadi seperti kondisi di negara maju.

    Internet bukanlah TV dan juga bukan majalah yang bisa menampung banyak gambar. Pada waktu merancang halaman web, pikirkanlah calon pemakai Anda dan bekerjalah secara hati-hati dalam menangani jumlah gambar.

    Ada banyak lokasi yang menyimpan file -file gambar, yaitu:

    Gambar yang disimpan di dalam web FrontPage

    Gambar dari koleksi Clip organizer

    Gambar-gambar yang disimpan di dalam hard disk.

  • Webmaster Pro Front Page XP

    210

    Gambar-gambar dari World Wide Web atau Intranet

    Mari kita lihat bagaimana cara mengambil gambar dari masing-masing sumber di atas.

    1.1 Mengambil gambar dari Web FrontPage Yang pertama adalah mengambil gambar dari Web untuk dipasangkan pada halaman Anda sendiri. Caranya sebagai berikut:

    1. Tempatkan kursor pada lokasi di mana Anda ingin meletakkan gambar tersebut.

    2. Klik tombol Insert Picture form File ( ) pada toolbar atau aktifkan perintah Insert _Picture _ From File . Kotak dialog Insert Picture muncul.

    Gambar 7.1 Direktori Images pada kotak dialog Insert Picture

    3. Klik ganda direktori Images, lihat Gambar 7.1 di atas, folder tersebut adalah tempat penyimpanan gambar-gambar FrontPage.

    4. Setelah terbuka direktori Images terbuka, klik file gambar yang Anda inginkan.

    5. Kemudian klik OK. Gambar pilihan Anda akan ditampilkan pada lokasi kusor di halaman.

  • Bab 7 Menggunakan Gambar

    211

    1.2 Mengambil gambar dari koleksi Clip Organizer Untuk mengambil gambar dari Clip Organizer, caranya sudah kita bahas pada bab sebelumnya. Pada prinsipnya adalah:

    1. Klik gambar yang Anda inginkan, lalu klik Copy.

    2. Pada halaman klik kanan lokasi penyisipan gambar dan klik perintah Paste.

    Gambar 7.2 Clip Organizer

    1.3 Mengambil gambar dari hard disk Untuk mengambil gambar yang disimpan di dalam hard disk, caranya paling sederhana, yaitu seperti proses membuka suatu file. Langkah selengkapnya adalah:

    1. Tampilkan kotak dialog Picture .

    Gambar 7.3 Pilihan My Document _ My Pictures

  • Webmaster Pro Front Page XP

    212

    2. Klik icon My Documents, lalu klik ganda folder My Pictures.

    Kalau tujuan Anda bukan folder My Pictures, Anda bisa memanfaatkan kotak pilihan Look in untuk mencari folder yang Anda inginkan.

    Anda juga bisa menentukan format file gambar yang akan Anda buka, seperti .TIFF, .BMP, .JPEG, .GIF dan sebagainya. Anda bisa memilihnya pada kotak pilihan drop-down Files of type.

    3. Klik file gambar yang Anda pilih, lalu klik Open.

    1.4 Gambar dari World Wide Web atau Intranet Anda dapat meminjam halaman-halaman Web di World Wide Web atau Intranet dan mengimpornya ke dalam Web Anda sendiri.

    Satu hal yang harus kita perhatikan pada proses ini yaitu kita harus mengetahui address halaman yang mengandung gambar incaran kita.

    Bagaimana cara menemukan address gambar? Hal ini tergantung dari Web Browser Anda. Cobalah cara-cara berikut ini:

    Jika Anda menggunakan Netscape 3 atau 3.01, klik kanan gambar tersebut dan pilih perintah Copy Picture Location.

    Jika Netscape versi yang Anda gunakan tidak memiliki perintah Copy Picture Location, klik kanan gambar tersebut dan pilih perintah View Disc Picture . Maka gambar tersebut akan muncul di Window Browser dengan sendirinya. Kemudian sorotlah address dalam kotak teks pada bagian atas dari Browser, lalu salinlah dengan menekan tombol Ctrl+C.

    Jika Anda menggunakan Internet Explorer, klik kanan sebuah gambar dan pilihlah perintah Properties. Anda akan melihat address gambar tersebut, lalu sorotlah dan salinlah dengan menekan Ctrl+C.

    Setelah mendapatkan address dengan salah satu cara di atas, Anda dapat meletakkan address ke dalam kotak isian address (klik kotak isian tersebut lalu tekan Ctrl+V).

    Kemudian klik OK, FrontPage akan menempelkan gambar yang dari World Wide Web atau Intranet tersebut ke halaman Anda.

    Yang telah Anda lakukan di atas sebenarnya bukan mengambil gambar lalu menempatkan gambar itu ke dalam Web Anda, namun hanya membuat referensi yang merujuk ke gambar tersebut, yang terletak di World Wide Web atau Intranet.

  • Bab 7 Menggunakan Gambar

    213

    1.5 Menggunakan klik kanan pada Browser Anda dapat menggunakan cara klik kanan ini dengan Internet E

Recommended

View more >