Bab 6

Menyisipkan Objek

ABIMANYU PUTRA RAMADHAN

Tecnical Director Programer Smart Online School
" Sekolah Khusus Netter Indonesia "
 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
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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 ic on Clip Organizer, muncul Clip Organizer seperti Gambar 6.1 di
atas

185
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
 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
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
 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
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
 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.

190
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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.

191
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
 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.

192
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
 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
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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

195
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
 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

196
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
3.1 Menggambar manual
Untuk menghasilkan gambar, ik uti 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.

197
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
 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
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
 Gambar 6.19 Flow Chart, Sta rs 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
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
 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
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
 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
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
 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
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
 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
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
 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
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "