Bab 6
Menyisipkan Objek
Webmaster Pro Front Page XP
184
Daftar Isi Bab 6 1. Clip Organizer...............................................................................................185 1.1 Memakai Clip Organizer................................................................................ 185 1.2 Memasang klip ke halaman............................................................................ 186 1.3 Mencari klip .................................................................................................. 188 1.4 Menambah koleksi klip................................................................................... 188 1.5 Download klip............................................................................................... 190
2. Memasang objek WordArt .........................................................................191 2.1 Mengedit Word Art........................................................................................ 192 2.2 Tombol-tombol WordArt ................................................................................ 194
3. Membuat gambar..........................................................................................195 3.1 Menggambar manual..................................................................................... 197 3.2 Mengambar dengan Autoshape....................................................................... 197 3.3 Mengganti Autoshape .................................................................................... 200 3.4 Menambah teks ke AutoShape......................................................................... 200
4. Menambah Efek............................................................................................201 4.1 Efek Tiga Dimensi Objek................................................................................ 201 4.2 Efek Bayangan Objek..................................................................................... 203
5. Menyisipkan tanggal dan waktu..................................................................205
Bab 5 Menyisipkan Objek
185
1. Clip Organizer Selain canggih, mampu menganalisa data, FrontPage XP juga dilengkapi fasilitas untuk menghasilkan berbagai bentuk gambar. Anda bisa mengambil gambar yang disediakan atau bisa juga menggambarnya sendiri menurut selera Anda. Anda bahkan bisa menambahkan klip multimedia pada lembar kerja Anda.
FrontPage XP memiliki beberapa alat untuk menambahkan objek gambar pada buku kerja atau grafik Anda. Anda dapat menambahkan objek gambar yang dibuat dengan program lain, gambar dari Clipart bahkan Anda dapat membuat gambar Anda sendiri dengan menggunakan toolbar Drawing.
1.1 Memakai Clip Organizer Clip Organizer adalah kumpulan klip berbagai media seperti suara, gambar, foto bahkan video.
Gambar 6.1 Clip Organizer
Anda dapat membuka Clip Galerry dengan melakukan salah satu dari langkah ini:
• Klik tombol Insert Clip Art ( ) pada toolbar Drawing.
• Dari menu Insert pilihlah Picture lalu klik Clip Art.
Kedua cara di atas akan membuka Task Pane dengan tema Insert Clip Art.
Kemudian klik icon Clip Organizer, muncul Clip Organizer seperti Gambar 6.1 di atas
Webmaster Pro Front Page XP
186
Gambar 6.2 Akses Clip Organizer dari Task Pane dan Toolbar Drawing
1.2 Memasang klip ke halaman Pada Clip Organizer telah tersedia berbagai jenis gambar (di bidang sebelah kanan), dan kategori gambar, berupa folder di bidang sebelah kiri.
Dengan berbagai objek tersebut maka halaman kita menjadi lebih informatif dan jauh lebih menarik.
Untuk menyisipkan klip ke dalam halaman, langkahnya adalah:
1. Aktifkan halaman yang akan dipasang klip.
2. Bukalah Clip Organizer seperti telah diterangkan sebelumnya.
3. Kemudian klik folder sesuai kategori klip yang akan disisipkan pada halaman, misalnya Office Collections _ Bussiness (berisi gambar-gambar tentang kegiatan bisnis).
4. Klik pada klip yang paling Anda sukai, misalnya seperti Gambar 6.3. Tampil pop-up menu, lalu pilihlah perintah Copy.
Bab 5 Menyisipkan Objek
187
Gambar 6.3 Koleksi Bussiness
5. Kemudian klik lokasi yang Anda inginkan di halaman, lalu klik kanan dan pilihlah Paste . Klip akan muncul di lokasi tersebut.
Gambar 6.4 Klip muncul halaman
6. Kita bisa mengubah ukuran klip sesuai yang kita inginkan dengan cara klik lalu drag handle klip.
7. Kita bahkan bisa mengedit gambar yang ada dengan menggunakan toolbar Picture.
Webmaster Pro Front Page XP
188
1.3 Mencari klip Clip Organizer bisa digunakan untuk mencari klip lalu dipasangkan ke Clip Gallery, sehingga mudah untuk melihatnya dan mudah pula untuk memasangnya ke dokumen kita. Cara pencarian ini dengan memanfaatkan tombol Search, yang akan menampilkan Task Pane tema Search.
Gambar 6.5 Task Pane Pencarian
• Kalau Anda tahu namanya, tuliskan pada kotak isian Search for, lalu klik Search.
• Jika Anda ingin mempertajam kriteria pencarian, gunakan dua kategori yang telah disediakan, yaitu Search in untuk membatasi lokasi tujuan pencarian dan Results should be untuk menentukan jenis format klip. Setelah menentukan kriteria, klik Search.
1.4 Menambah koleksi klip Kalau Anda mempunyai klip favorit, Anda bisa menambahkan-nya ke Clip Gallery. Dengan demikian dilain waktu, Anda tinggal mengambilnya dari Clip Gallery. Cara memasukkannya adalah:
Bab 5 Menyisipkan Objek
189
1. Jalankan Clip Organizer lalu aktifkan File _ Add clips to Organizer on my own.Muncul kotak dialog Unclassified Clips - Add clip to Organizer seperti Gambar 6.6.
Gambar 6.6 Kotak dialog penambahan clip
2. Pada kotak dialog tersebut carilah file klip yang Anda inginkan pada kotak Look in. Klip tersebut misalnya file gambar bernama Bubbles.bmp.
3. Anda bisa menentukan agar klip ini dimasukkan ke kategori tertetntu dengan klik tombol Add to, muncul kotak dialog Import to Collection.
Gambar 6.7 Import to Collection
4. Lalu pilihlah folder kategori, misalnya Favorites. Klik OK, kembali ke kotak dialog pertama.
Webmaster Pro Front Page XP
190
5. Klik tombol Add. Proses pemasukkan berlangsung beberapa saat. Hasilnya seperti Gambar 6.8, klip Bubbles.bmp masuk ke kategori Favorites di Clip Gallery.
Gambar 6.8 Clip baru
1.5 Download klip Kita bisa mendapatkan klip tambahan dari lokasi Web Microsoft dengan cara:
1. Klik tombol Search Internet di sudut kiri atas Clip Gallery. Muncul Task Pane dengan tema Search.
Gambar 6.9 Men-download clip
2. Klik icon Clips Online, Internet Explore akan dijalankan dan membuka situs Microsoft. Dari sana Anda bisa mengambil Clip Art pilihan Anda sendiri.
Bab 5 Menyisipkan Objek
191
2. Memasang objek WordArt Dengan FrontPage XP kita bisa membuat suatu teks tampil lebih indah dan artistik. Fasilitas yang digunakan adalah WordArt. Langkah-langkah pemakaiannya adalah sebagai berikut:
1. Bukalah halaman yang akan dipasang degan WordArt.
2. Klik lokasi penyisipan pada halaman. Misalnya di sebelah clip art yang pernah kita pasang sebelumnya.
3. Klik tombol Insert WordArt ( ) pada toolbar Word Art, tampil WordArt Gallery seperti Gambar 6.10.
Gambar 6.10 Kotak dialog WordArt Gallery dan Editor Teks
4. Kemudian klik salah satu pilihan, lalu klik tombol OK. Akan muncul editor untuk menuliskan teks seperti Gambar 6.10 kanan.
5. Kemudian tuliskan teks yang Anda inginkan, misalnya “DolTinukuOnline.com”.
6. Kemudian klik tombol OK, maka akan tampil kata ‘Indah Sekali’ di tengah-tengah bidang kerja lembar kerja, seperti Gambar 6.11.
Webmaster Pro Front Page XP
192
Gambar 6.11 Hasil Word Art
Agar lebih realistis, periksalah hasilnya pada browser dengan klik tombol Preview in browser.
Gambar 6.12 Preview in browser
2.1 Mengedit Word Art Untuk mengedit Word Art yang telah kita susun, caranya:
1. Klik word Art. Tombol-tombol pada toolbar WordArt akan aktif seperti Gambar 6.13.
Bab 5 Menyisipkan Objek
193
Gambar 6.13 Toolbar WordArt
2. Untuk memindahkan objek WordArt, cukup dengan geser ke lokasi tujuan.
3. Untuk mengedit teks word art Anda tinggal klik tombol Edit Text… yang akan menampilkan kotak dialog pengeditan. Anda bisa mengganti teks, mengganti jenis font (dengan pilihan pada item Font), ba hkan bisa mengganti jenis WordArt dari Gallery.
Gambar 6.14 Pengaturan baru
4. Klik OK, contoh hasilnya seperti Gambar 6.14.
5. Untuk mengubah ukuran font WordArt, selain menggunakan Editor, bisa juga dengan menggeser langsung handle di sekitar WordArt sewaktu WordArt dalam kondisi terpilih.
6. Kalau Anda ingin mengganti jenis WordArt, klik tombol Word Art Gallery
( ) yang akan menyediakan pilihan dari Word Art Gallery.
7. Kemudian klik salah satu pilihan yang Anda kehendaki.
Webmaster Pro Front Page XP
194
2.2 Tombol-tombol WordArt Anda dapat menggunakan toolbar WordArt (Gambar 6.13) untuk mengedit objek WordArt, Tabel 6.1 memberikan keterangan tiap tombol.
Tabel 6.1 Keterangan Tombol WordArt
Tombol Kegunaan
Untuk membuat objek WordArt.
Untuk mengedit ukuran teks, font dan teks dari objek WordArt Anda.
Untuk mengubah tipe objek WordArt.
Untuk mengubah warna Line (garis) dan Fill (pengisi).
Untuk mengubah bentuk WordArt.
Untuk memutar objek WordArt.
Untuk membuat semua huruf sama tinggi.
Untuk mengubah orientasi teks secara vertikal atau horisontal.
Untuk mengubah perataan teks.
Untuk mengubah spasi antar huruf
Bab 5 Menyisipkan Objek
195
3. Membuat gambar Mungkin Anda belum puas dengan gambar-gambar clip art yang disediakan FrontPage XP. Barangkali Anda memiliki bakat seni, FrontPage XP menyediakan sarana untuk mengembangkan talenta Anda ini. Buka saja toolbar Drawing, di sana ada beberapa peralatan gambar yang bisa Anda gunakan.
Gambar 6.15 Toolbar Drawing
Keterangan masing-masing tombol toolbar bisa Anda simak pada Tabel 6.2.
Tabel 6.2 Tombol toolbar Drawing
Icon Nama Uraian
Draw Berisi perintah group, rotate, dan align objects
Select Objects Untuk memilih objek
Free Rotate Untuk memutar sebuah objek
AutoShapes Berisi alat-alat yang dapat Anda gunakan untuk membuat bentuk-bentuk gambar yang dapat digunakan di kemudian hari
Line Untuk menggambar garis lurus maupun kurva
Arrow Untuk menggambar sebuah tanda panah
Webmaster Pro Front Page XP
196
Icon Nama Uraian
Rectangle Untuk menggambar sebuah bujursangkar atau
persegi panjang
Oval Untuk menggambar lingkaran atau oval
Text Box Untuk menambah teks (pada kotak yang dapat dipindahkan) pada sebuah lembar kerja atau grafik
Insert WordArt Untuk menambahkan huruf yang sudah
dimodifikasi
Fill Color Untuk mengubah warna dari objek yang telah
dipilih
Line Color Untuk mengubah warna outline sebuah objek
Font Color Untuk mengubah warna tulisan
Line Style Mengubah bentuk garis sebuah objek
Dash Style Mengubah bentuk default tanda garis
Arrow Style Mengubah bentuk panah
Shadow Menambahkan bayangan pada sebuah objek
3-D Membuat sebuah objek menjadi 3 dimensi
Bab 5 Menyisipkan Objek
197
3.1 Menggambar manual Untuk menghasilkan gambar, ikuti langkah berikut ini:
1. Tampilkan halaman yang akan diisi gambar.
2. Klik tombol Drawing ( ), tampil toolbar Drawing.
3. Klik alat gambar (misalnya Line).
4. Kemudian bawalah penunjuk mouse ke bidang kerja lalu klik dan drag. Lokasi mulainya drag dan lokasi pelepasan drag merupakan titik awal dan titik akhir bentuk gambar.
5. Untuk menggambar bujursangkar yang digunakan adalah tombol Rectangle. Agar didapatkan ukuran keempat sisinya sama persis, pada waktu klik dan drag tekanlah tombol SHIFT pada keyboard.
6. Demikian juga untuk mendapatkan bentuk lingkaran yang benar-benar bulat (tidak elips), setelah klik tombol Ellips, sambil menekan Shift lakukan klik dan drag.
Berikut ini contoh hasil menggambar manual:
Gambar 6.16 Contoh hasil menggambar
3.2 Mengambar dengan Autoshape Menggambar bentuk yang agak rumit dengan alat bantu manual (dan sederhana) dapat menjengkelkan. Untuk menghindari keadaan ini FrontPage XP menyediakan objek gambar yang telah jadi, sehingga Anda tinggal memakainya. Koleksi objek ini dinamakan AutoShape. Cara memakainya, ikuti langkah-langkah berikut ini:
1. Klik lokasi penyisipan objek gambar.
2. Klik tombol AutoShapes pada toolbar Drawing, Gambar 6.17.
Webmaster Pro Front Page XP
198
Gambar 6.17 Koleksi AutoShapes
3. Masing-masing item yang ada pada AutoShapes tersebut masih memiliki anggota yang cukup lengkap, antara lain:
§ Lines. Dengan koleksi Lines ini kita bisa membuat berbagai macam garis. Gambar 6.18 kiri.
Gambar 6.18 Pilihan Lines, Basic Shapes dan Block Arrows
• Basic Shapes, menyediakan 32 buah bentuk dasar yang sering kita perlukan. Gambar 6.18 tengah.
• Block Arrows. Jika Anda akan membuat diagram yang menyatakan proses, biasanya akan memerlukan gambar anak panah dengan berbagai variasi. Gambar 6.18 kanan.
• Flow Chart. Membuat Flow Chart bukan hal yang sulit dengan menggunakan FrontPage XP, karena semuanya telah disediakan. Gambar 6.19 kiri.
Bab 5 Menyisipkan Objek
199
Gambar 6.19 Flow Chart, Stars and Banners dan Callouts
• Stars and Banners. Menggambar banner (lembar pengumuman yang memanjang) mudah saja dengan FrontPage XP. Demikian pula dengan gambar bintang yang sering kita pakai untuk menyatakan perhargaan. Gambar 6.19 tengah.
• Callouts, adalah sarana untuk memberi keterangan dari suatu objek. Telah tersedia berbagai jenis Callout yang tinggal pakai seperti Gambar 6.19 kanan.
• Action Button. Action button adalah tombol yang bisa dipakai untuk melakukan kegiatan tertentu apabila tombol ditekan. Gambar 6.20.
Gambar 6.20 Action Button
4. Cara memakai koleksi di atas sama dengan cara memakai alat gambar, yaitu:
a. Klik salah satu koleksi (misalnya CallOut)
b. Kemudian bawalah penunjuk mouse ke bidang kerja, lalu klik dan geser. Lokasi mulainya menggeser dan lokasi melepaskan mouse merupakan titik awal dan titik akhir bentuk gambar.
Webmaster Pro Front Page XP
200
3.3 Mengganti Autoshape Anda dapat mengganti bentuk autoshape yang telah ada menjadi bentuk yang lain dengan cara:
1. Pilihlah bentuk yang akan diganti.
2. Kemudian klik tombol Draw ( ) pada toolbar Drawing. Akan muncul menu.
3. Lalu dari menu pilihlah Change AutoShape akan tampil pilihan autoshape.
4. Kemudian klik bentuk baru yang Anda inginkan.
Selagi Anda menggambar objek, tekan salah satu atau kedua tombol Ctrl untuk menggambar objek dari titik tengahnya, tombol Shift untuk menggambar bentuk yang mempunyai dimensi tetap seperti dalam kumpulan bentuk AutoShape.
3.4 Menambah teks ke AutoShape Anda dapat menambahkan teks pada objek yang Anda gambar. Tidak seperti melapisi objek dengan kotak teks, teks yang Anda ketikkan akan tetap berada pada objek tersebut jika Anda memindahkan objek itu. Untuk mengetikkan teks pada gambar, ikutilah langkah berikut:
1. Klik pada objek AutoShape yang akan diberi teks.
2. Tuliskan teks Anda, misalnya: “Sebagai seorang pemimpin, seseorang harus mempunyai visi jauh ke depan sehingga mampu membuat keputusan yang benar dalam menjalankan misi yang diembannya….”. Selagi mengetik, teks tersebut akan tampil dalam satu garis mendatar pada objek. Contoh hasil penulisan lihat Gambar 6.21.
Gambar 6.21 Contoh penulisan teks pada AutoShape
Bab 5 Menyisipkan Objek
201
4. Menambah Efek FrontPage XP menyediakan beberapa efek yang bisa kita gunakan untuk membuat tampilan objek menjadi lebih menarik, bahkan lebih profesional.
Efek tersebut antara lain efek tiga dimensi dalam berbagai variasinya dan efek bayangan.
4.1 Efek Tiga Dimensi Objek Salah satu kelebihan FrontPage XP adalah kemampuannya menghasilkan efek tiga dimensi (3D). Efek ini tentu saja sebagai kelengkapan dari objek, seperti gambar, text box, AutoShape dan seterusnya. Untuk memakai fasilitas efek 3D, gunakan tombol 3D Style pada toolbar Drawing.
Gambar 6.22 Tombol 3D Style pada toolbar Drawing
Jika Anda tekan tombol 3D Style, muncul koleksi icon 3D yang bisa kita manfaatkan. Gambar 6.23 kiri.
Gambar 6.23 Koleksi tombol 3D dan 3-D Settings
Kalau Anda klik pilihan 3-D Settings…, muncul toolbar 3-D Settings….
Keterangan masing-masing tombol 3-D Settings bisa Anda simak pada Tabel 6.3.
Webmaster Pro Front Page XP
202
Tabel 6.3 Funsgi tombol 3-D
Tombol Fungsi
Mengubah tampilan antara 3-D dan 2-D (tampilan biasa)
Memiringkan ke bawah
Memiringkan ke atas
Memiringkan ke kiri
Memiringkan ke kanan
Mengubah kedalaman
Mengubah arah
Mengubah pencahayaan
Mengubah permukaan
Mengubah warna
Cara pemakaian tombol-tombol efek 3D adalah:
1. Pasangkan objek atau AutoShape ke halaman.
2. Klik objek yang akan ditambah dengan efek tiga dimensi tersebut, misalnya sebuah AutoShape seperti Gambar 6.24.
Bab 5 Menyisipkan Objek
203
Gambar 6.24 Sebuah AutoShape
3. Klik tombol 3-D ( ). Akan tampil pilihan bermacam-macam bentuk tiga dimensi seperti Gambar 6.25 kiri.
Gambar 6.25 Pilihan 3-D dan hasilnya
Dari pilihan yang ada klik salah satunya, hasilnya adalah seperti Gambar 6.25 kanan.
4.2 Efek Bayangan Objek Untuk menambahkan bayangan kepada sebuah objek, ikutilah langkah-langkah berikut ini:
1. Pilihlah objek yang akan diberikan bayangan, misalnya seperti berikut ini:
Gambar 6.26 AutoShape terpilih
2. Klik salah satu alat bantu Shadow pada toolbar Drawing. Contoh hasilnya seperti berikut ini:
Webmaster Pro Front Page XP
204
Gambar 6.27 Objek sesudah memiliki bayangan
3. Klik tipe bayangan yang akan Anda gunakan. Bayangan tersebut akan ditampilkan pada objek.
4. Untuk meningkatkan tampilan bayangan, klik alat bantu Shadow dan pilih Shadow Settings , kemudian gunakan toolbar Shadow yang tampill, seperti Gambar 6.28.
Gambar 6.28 Toolbar Shadow Settings
Keterangan masing-masing tombol pada Toolbar Shadow Settings bisa Anda simak pada Tabel 6.4.
Tabel 6.4 Tombol pada toolbar Shadow Settings
Tombol Fungsi
Untuk membuat dan menghilangkan bayangan
Menarik bayangan ke atas
Menarik bayangan ke bawah
Menarik bayangan ke kiri
Bab 5 Menyisipkan Objek
205
Menarik bayangan ke kanan
Mengubah warna bayangan
5. Menyisipkan tanggal dan waktu Date and Time, berguna untuk menyisipkan informasi yang menunjukkan kapan dokumen tersebut terakhir kalinya disimpan.
Kita dapat menggunakan Date and Time untuk menentukan saat penyisipan secara otomatis.
Cara pemakaiannya adalah:
1. Pilihlah perintah Date and Time dari menu Insert, kotak seperti ditunjukkan dalam Gambar 6.29 akan terbuka.
Gambar 6.29 Menambahkan sebuah timestamp otomatis.
2. Kemudian Anda bisa memilih jenis tampilan:
• Date this page was last edited adalah tanggal pada saat halaman tersebut terakhir kalinya disimpan.
• Date this page was automatically updated merupakan tanggal pada saat halaman tersebut terakhir disimpan atau tanggal halaman tersebut dimodifikasi karena file yang dimasukkan berubah, jika perubahan itu terjadi sesudahnya.
Webmaster Pro Front Page XP
206
3. Tentukan format penanggalan dari kotak daftar drop-down Date Format.
4. Anda juga dapat menentukan format waktu saat halaman tersebut dimodifikasi, dengan menggunakan kotak daftar drop-down Time Format.
Gambar 6.30 Tanggal dan waktu pada saat itu terpasang pada halaman
Top Related