Bab 6 Menyisipkan Objek
Webmaster Pro Front Page XP 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 184
Bab 5 Menyisipkan Objek 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 185
Webmaster Pro Front Page XP 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. 186
Bab 5 Menyisipkan Objek 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. 187
Webmaster Pro Front Page XP 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: 188
Bab 5 Menyisipkan Objek 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. 189
Webmaster Pro Front Page XP 5. Klik tombol Add. Proses pemasukkan berlangsung beberapa saat. Hasilnya seperti Gambar 6.8, klip Bubbles.bmp masuk ke kategori Favorites di Clip Gallery. 1.5 Download klip Gambar 6.8 Clip baru 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. 190
Bab 5 Menyisipkan Objek 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 tengahtengah bidang kerja lembar kerja, seperti Gambar 6.11. 191
Webmaster Pro Front Page XP Gambar 6.11 Hasil Word Art Agar lebih realistis, periksalah hasilnya pada browser dengan klik tombol Preview in browser. 2.1 Mengedit Word Art Gambar 6.12 Preview in browser Untuk mengedit Word Art yang telah kita susun, caranya: 1. Klik word Art. Tombol-tombol pada toolbar WordArt akan aktif seperti Gambar 6.13. 192
Bab 5 Menyisipkan Objek 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. 193
Webmaster Pro Front Page XP 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 194
Bab 5 Menyisipkan Objek 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 Line Berisi alat-alat yang dapat Anda gunakan untuk membuat bentuk-bentuk gambar yang dapat digunakan di kemudian hari Untuk menggambar garis lurus maupun kurva Arrow Untuk menggambar sebuah tanda panah 195
Webmaster Pro Front Page XP Icon Nama Uraian Rectangle Oval Untuk menggambar sebuah bujursangkar atau persegi panjang Untuk menggambar lingkaran atau oval Text Box Insert WordArt Fill Color Line Color Untuk menambah teks (pada kotak yang dapat dipindahkan) pada sebuah lembar kerja atau grafik Untuk menambahkan huruf yang sudah dimodifikasi Untuk mengubah warna dari objek yang telah dipilih 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 196
Bab 5 Menyisipkan Objek 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: 3.2 Mengambar dengan Autoshape Gambar 6.16 Contoh hasil menggambar 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. 197
Webmaster Pro Front Page XP 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. 198
Bab 5 Menyisipkan Objek 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. 199
Webmaster Pro Front Page XP 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 200
Bab 5 Menyisipkan Objek 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. 201
Webmaster Pro Front Page XP 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. 202
Bab 5 Menyisipkan Objek 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: 203
Webmaster Pro Front Page XP 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 204
Bab 5 Menyisipkan Objek 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. 205
Webmaster Pro Front Page XP 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 206