bab 6 menyisipkan objek -...

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


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.


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.


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:


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.


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.


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.


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.


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.


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


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


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


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.


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.


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.


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


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.


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.


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:


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


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.


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

bab 6 menyisipkan objek -...

Documents