WMP FrontPageXP Bab 04 Mengatur File dan...

36
Bab 4 Mengatur File dan Teks

Transcript of WMP FrontPageXP Bab 04 Mengatur File dan...

Bab 4

Mengatur File dan Teks

Webmaster Pro Front Page XP

124

Daftar Isi Bab 4 1 Teks, media utama ........................................................................................125

2 Membuat file baru ........................................................................................126

3 Menyimpan dan membuka halaman..........................................................127 3.1 Menyimpan halaman baru.............................................................................. 128 3.2 Menyimpan tanpa menutup halaman............................................................... 130 3.3 Menyimpan dengan nama lain........................................................................ 130 3.4 Membuka sebuah halaman............................................................................. 131

4 Properti dan ganti nama halaman...............................................................132 4.1 Mengatur properti ......................................................................................... 132 4.2 Mengganti nama file ...................................................................................... 134

5 Mencetak Halaman.......................................................................................134

6 Berpindah di area halaman..........................................................................136

6.1 Berpindah menggunakan keyboard ................................................................. 136 6.2 Berpindah menggunakan mouse ..................................................................... 137

7 Menulis teks dan memilih teks.....................................................................137

7.1 Menulis teks.................................................................................................. 138 7.2 Memilih teks.................................................................................................. 138 7.3 Memilih dengan mouse .................................................................................. 139 7.4 Cara cepat memilih teks................................................................................. 140

8 Pengeditan dasar...........................................................................................140

8.1 Menghapus.................................................................................................... 141 8.2 Menyalin ....................................................................................................... 141 8.3 Menyalin dengan mouse................................................................................. 141 8.4 Menggunakan Smart Tag ............................................................................... 141

9 Office Clipboard............................................................................................142 9.1 Cara manual mengaktifkan Office Clipboard................................................... 143 9.2 Cara otomatis mengaktifkan Office Clipboard................................................. 144 9.3 Mengatur perilaku Office Clipboard ............................................................... 144 9.4 Menghapus item............................................................................................ 145 9.5 Item baru ...................................................................................................... 145 9.6 Memindah sebuah item .................................................................................. 145

Bab 4 Mengatur File dan Teks

125

9.7 Menyalin sebuah item.................................................................................... 146 9.8 Menyalin banyak item.................................................................................... 147 9.9 Menggagalkan perintah ................................................................................. 147

10 Menyisipkan teks dan elemen khusus .........................................................147

10.1 Menyisipkan teks dari file............................................................................... 147 10.2 Pemutus baris................................................................................................ 149 10.3 Menyisipkan garis horisontal......................................................................... 151 10.4 Menyisipkan garis horisontal dari Clip Organizer........................................... 153 10.5 Menggunakan Simbol..................................................................................... 155 10.6 Komentar halaman........................................................................................ 156

1 Teks, media utama Sebenarnya inti dari suatu situs web, khususnya halaman, adalah teks. Informasi yang dikandung, lebih banyak dituangkan dalam bentuk teks. Sebab teks adalah media yang paling mudah dan paling akrab digunakan.

Sedangkan media lainnya seperti grafik, gambar, suara dan animasi, perannya lebih sebagai penarik perhatian atau pemanis web.

Teks adalah cara yang baik untuk menyampaikan informasi dari seseorang ke orang lainnya, sebab cepat, murah dan sesuatu yang sudah sangat akrab.

Pada bab-bab sebelumnya kita telah banyak mempelajari dan mencoba membuat halaman, menggunakan wizard ataupun template. Pola kerjanya adalah:

1. Menjalankan wizard atau template.

2. Mengedit hasilnya.

Kali ini kita akan membuat halaman yang tidak sepenuhnya menggunakan pola tersebut. Hanya menggunakan Empty wizard untuk menghasilkan halaman kosong, kemudian menuliskan teks, mengeditnya, memformatnya, menambahkan perlengkapan dan maupun asesori.

Selain itu kita juga akan membahas cara pemakaian fasilitas pendukung teks, yang telah disediakan FrontPage XP, seperti pencarian teks, penggantian teks, pemeriksaan ejaan, penyisipan karakter khusus, pencetakan halaman dan seterusnya.

Webmaster Pro Front Page XP

126

2 Membuat file baru Agar lebih menguasai intinya, kita akan memulai pembahasan dari hal yang paling dasar, yaitu membuat sebuah file baru.

Sebelum menulis teks apapun, kita harus membuat media untuk penulisan teks, yaitu berupa halaman kosong. Langkahnya sederhana, sepeti pernah kita pelajari pada bab sebelumnya, seperti berikut ini:

1. Aktifkan File _ New _ Page or Web …Task Pane aktif, membuka topic New Page or Web.

Gambar 4.1 Icon Web site Templates di Task Pane

2. Klik icon Web site Templates. Muncul kotak dialog Web site Templates.

3. Pada kotak dialog tersebut klik icon Empty Web. Lalu pada kotak isian Specify the location of the new web, tuliskan URL web site Anda. Dalam contoh ini, http://master/web4.

4. Klik OK, hasilnya berupa sebuah web site tanpa satu halamanpun, bahkan halaman Home Page (default.htm atau index.htm) juga tidak ada. Yang ada hanya dua folder, _private dan images.

Bab 4 Mengatur File dan Teks

127

Gambar 4.2 Web site baru

5. Klik tombol Create a New Normal Page ( ). Tampil file halaman baru bernama new_page_1.htm.

Gambar 4.3 Halaman baru

6. Kalau Anda ulangi langkah 5 di atas, maka akan terbentuk halaman kosong baru kedua, bernama sesuai urutannya, yaitu new_page_2.htm, dan seterusnya. Pada halaman-halaman baru ini kita akan menuliskan teks yang informatif dan artistik.

3 Menyimpan dan membuka halaman Setelah membuat halaman baru dan membuat teks pengisinya, proses selanjutnya yang tidak boleh dilupakan adalah menyimpan halaman tersebut.

Jika Anda membuat halaman baru pada FrontPage Editor, halaman tersebut sebenarnya sudah disimpan, namun penyimpanan ini hanya bersifat sementara, yaitu pada memori komputer.

Webmaster Pro Front Page XP

128

Nama penyimpanan sementara ini adalah new_page_n.htm, dimana n adalah angka yang berawal dari 1 lalu 2, 3, 4 dan seterusnya.

Halaman tersebut hanya ada sampai Anda keluar dari FrontPage XP atau mematikan komputer.

Untuk menyimpan sebuah halaman secara permanen sehingga bisa dibuka kembali, Anda harus memberinya nama dan menyimpannya di dalam disk, baik disket maupun hard disk.

Ada beberapa jenis proses penyimpanan, yaitu penyimpanan halaman baru, penyimpanan tanpa menutup halaman dan penyimpanan dengan nama lain.

3.1 Menyimpan halaman baru Kalau Anda melakukan penyimpanan halaman baru, hal ini berarti proses penyimpanan halaman yang pertama kali.

Pada proses penyimpanan yang pertama kali, FrontPage XPakan menampilkan kotak dialog Save As guna menentukan aturan-aturan penyimpanan.

Cara lengkap menyimpan dokumen adalah:

1. Aktifkan perintah File _ Save atau klik tombol Save ( ) pada toolbar atau tekan Ctrl+S keyboard. Kotak dialog Save As tampil. (Gambar 4.4).

Gambar 4.4 Kotak dialog Save As

2. Pada kotak teks File Name tuliskan nama yang Anda inginkan untuk halaman. Nama tersebut panjangnya bisa sampai 256 karakter. Usahakan memberi nama yang mewakii isi halaman, atau nama yang sesuai aturan. Misalnya default.htm. Perhatikan bahwa untuk halaman pertama web site kosong ini, FrontPage XP

Bab 4 Mengatur File dan Teks

129

telah menyediakan nama yang sesuai, yaitu index.htm. Jadi untuk kali ini Anda tidak perlu menulis kata apapun.

3. Jika Anda ingin menyimpan halaman pada drive atau folder yang berbeda, gunakan pilihan Save in. Lihat Gambar 4.5.

Gambar 4.5 Pilihan Save in

4. Namun untuk membuat halaman web site baru ini, jaganlah mengubah folder tujuan, jadi urungkan untuk mengubah folder, yang penting Anda mengerti cara mengubah folder tujuan.

5. Kemudian klik Save. Hasilnya seperti berikut ini:

Gambar 4.6 Halaman index.htm

Webmaster Pro Front Page XP

130

3.2 Menyimpan tanpa menutup halaman Setelah memberi nama dan menyimpan halaman (proses penyimpanan yang pertama), selanjutnya Anda harus melakukan penyimpanan berikutnya secara periodik. Tujuannya untuk menyimpan file sesuai perkembangan informasi yang ada pada halaman. Tujuan lainnya adalah untuk menghindari kemungkinan kehilangan data apabila sewaktu-waktu hal yang tidak kita inginkan terjadi, misalnya listrik mati atau terjadi masalah pada sistem komputer Anda dan data yang Anda hasilkan belum sempat disimpan.

Setelah Anda memberi nama halaman, lalu Anda dapat dengan mudah menyimpan versi terbaru halaman sekaligus mengganti versi lama halaman. Cara mudah ini adalah penyimpanan langsung.

Proses penyimpanan langsung tidak akan membuka kotak dialog Save As, sebab tidak perlu pengaturan baru.

Ada beberapa cara yang bisa Anda tempuh untuk melaksanakan penyimpanan langsung, yaitu:

• Aktifkan perintah File _ Save.

• Klik tombol Save pada toolbar Standar.

• Tekan Ctrl+S pada keyboard.

Sekali lagi, simpanlah halaman Anda secara teratur selama Anda bekerja dengan halaman tersebut. Jika tidak, Anda akan mendapat resiko kehilangan kemajuan pengerjaan halaman, yang susah-susah Anda lakukan.

Memang bisa saja membuat ulang pekerjaan Anda, namun hal itu sebaiknya dihindari sebisa mungkin, sebab hanya membuang waktu dan bisa membuat frustasi.

3.3 Menyimpan dengan nama lain Setelah Anda menyimpan halaman dengan suatu nama, Anda mungkin perlu menggantinya dengan nama lain. Sebagai contoh, Anda dapat menyimpan versi lama halaman dengan nama aslinya lalu menyimpan versi barunya (revisi) dengan nama baru.

Hal seperti ini amat diperlukan apabila Anda harus setiap kali mengukur kemajuan atau harus menyimpan masing-masing versi.

Untuk mengubah nama halaman, ikuti langkah-langkah berikut ini:

Bab 4 Mengatur File dan Teks

131

1. Dengan halaman masih terbuka, aktifkan perintah File _ Save As . Kotak dialog Save As tampil dan nama halaman ditampilkan pada kotak File Name .

2. Kalau Anda ingin menyimpannnya ke folder lain, gunakan kotak daftar Save In.

3. Kemudian klik Save. FrontPage XP akan menyimpan halaman terbuka tersebut dengan nama baru.

3.4 Membuka sebuah halaman Setelah suatu halaman disimpan, tentunya telah memiliki nama tertentu. Selanjutnya, setiap saat kita bisa membuka kembali halaman tersebut. Caranya, cukup dengan klik ganda nama halaman pada Windows Explorer atau pada My Computer. Sedangkan untuk membuka halaman FrontPage XP, caranya adalah:

1. Aktifkan perintah File _ Open atau klik tombol Open ( ) pada toolbar Standar. Kotak dialog Open File tampil, seperti Gambar 4.7.

Gambar 4.7 Kotak dialog Open

2. Daftar file menampilkan semua halaman dan folder yang ada di folder site yang sedang terbuka. Halaman diwujudkan dengan icon kecil di sebelah nama halaman, sedangkan folder ditampilkan sebagai icon folder. Kotak daftar Look In bisa kita manfaatkan untuk mencari nama drive atau folder yang ingin kita buka.

3. Pada kotak dialog Open file ini Anda dapat melakukan beberapa hal seperti berikut:

• Untuk membuka sebuah file, pada daftar file klik nama file tersebut atau ketikkan namanya pada kotak isian File Name . Lalu tekan Enter atau

Webmaster Pro Front Page XP

132

klik tombol Open. Atau cara yang lebih mudah adalah klik ganda nama file tersebut.

• Untuk membuka folder, klik ganda icon folder yang pada daftar.

Untuk membuka sebuah halaman dengan cepat, aktifkan File _ Recent Files, lalu klik nama halaman yang ada pada daftar file yang pernah dibuka. Jika nama halaman tersebut tidak ada pada daftar, berarti halaman tersebut belum pernah dibuka.

Daftar Recent Files ini menampilkan file -file halaman yang pernah Anda simpan, terurut berdasarkan waktu penyim-panannya. Jadi halaman terakhir akan mendapat nomor 1, lalu jika Anda melakukan penyimpanan lagi, halaman baru ini akan mendapat nomor 1 dan halaman sebelumnya akan menjadi nomor 2. Demikian seterusnya.

Pada waktu daftar tampil, jika Anda menekan nomor halaman di keyboard, maka halaman tersebut akan dibuka.

Jika FrontPage XP yang Anda pakai adal software yang baru saja diinstal, tentu saja tidak ada file yang akan ditampilkan pada daftar Recent Files. Sebab FrontPage XP memang belum pernah membuka file apapun.

4 Properti dan ganti nama halaman

4.1 Mengatur properti Setiap halaman FrontPage memiliki seperangkat properti yang menyediakan informasi tentang halaman tersebut. Komentar ini bisa Anda lihat tetapi tidak akan ditampilkan pada browser.

Anda bisa memanfaatkan komentar ini untuk menampung informasi tertentu misalnya trik untuk membuat halaman dengan cepat atau cara membuat suatu tampilan khusus.

Beberapa properti berisi ringkasan informasi yang Anda masukkan, dan yang lain berisi informasi yang ada secara otomatis. Untuk menampilkan sebuah properti halaman atau memasukkan informasi baru, caranya adalah:

1. Pada Folder List klik file halaman. Lalu aktifkan perintah Edit _ Properties untuk membuka kotak dialog Properties.

Bab 4 Mengatur File dan Teks

133

Gambar 4.8 Kotak dialog Properties tab General dan tab Summary

2. Perhatikan informasi yang ada pada tab-tab yang ada, lihat Gambar 4.8. Anda bisa menambahkan informasi berupa komentar pada kotak isian Comment.

3. Apabila Anda bekerja di dalam suatu tim, komentar adalah cara yang baik untuk memberi tahu anggota lain apa yang sudah Anda dilakukan dan apa yang harus dilakukan selanjutnya terhadap sebuah halaman. Semua ini ditampung pada tab workgroup.

Gambar 4.9 Pilihan pada workgroup

4. Klik tombol OK. Properti baru tersebut akan disimpan di dalam halaman.

Webmaster Pro Front Page XP

134

4.2 Mengganti nama file Setelah selesai bekerja dengan FrontPage XP tentunya Anda harus menutupnya, untuk mengurangi beban memori komputer. Baiklah, cara pengubahan nama file di Folder List adalah:

1. Pada Folder List klik file yang ingin Anda ganti namanya. Warna latar belakang nama file tersebut berubah menjadi biru.

2. Tuliskan nama barunya.

3. Tekan Enter, FrontPage XPakan mengubah namanya.

5 Mencetak Halaman Apa yang Anda lihat belum tentu sama seperti hasil pencetakan pada kertas. Masalah ini timbul karena adanya hyperteks (link) sehingga tidak ada batas atas maupun batas bawah, atau tidak ada halaman pertama maupun halaman akhir, semua halaman saling terkait, seolah tidak memiliki ujung.

Ada tiga perintah yang berkaitan dengan pencetakan, yaitu Page Setup, Print Preview dan Print. Perintah ini bekerja persis seperti yang ada di pengolah kata, jadi pembahasan secara detil tidak perlu lagi.

Baik, secara garis besar fasilitas atau cara pengoperasian pencetakan suatu halaman, adalah:

• Untuk menentukan header, footer dan batas halaman, aktifkan perintah File_Page Setup. Kotak dialog Page Setup akan tampil seperti Gambar 4.10.

Gambar 4.10 Kotak dialog Page Setup

• Untuk melihat hasil pracetak, aktifkan perintah File _ Print Preview. FrontPage XP akan menampilkan hasil pracetak seperti Gambar 4.11.

Bab 4 Mengatur File dan Teks

135

Gambar 4.11 Tampilan Print Preview

• Untuk mencetak halaman, aktifkan perintah File _ Print atau klik tombol Print…. Tampil kotak dialog Print seperti Gambar 4.12.

Gambar 4.12 Kotak dialog Print

Webmaster Pro Front Page XP

136

6 Berpindah di area halaman Untuk menuliskan teks, kita harus menggerakkan kursor ke lokasi yang kita inginkan, setelah itu barulah kita menuliskan teks.

Untuk menggerakkan kursor, Anda bisa menggerakkan mouse atau menekan tombol tertentu pada keyboard.

Kelebihan mouse adalah kecepatan gerak dan jangkauannya menyeluruh pada bidang tulis. Namun sayangnya, untuk hal-hal tertentu pengggunaan keyboard bisa lebih teliti dan praktis. Bagian ini akan membahas pemakaian mouse maupun keyboard untuk berpindah halaman.

6.1 Berpindah menggunakan keyboard Kombinasi tombol keyboard untuk keperluan pergerakan kursor bisa Anda lihat pada Tabel 4.1.

Tabel 4.1 Menggerakkan kursor dengan keyboard

Untuk menggerakkan Kombinasi tombol

Ke kiri atau ke kanan satu karakter

Tekan ← atau →

Ke kiri atau ke kanan satu kata Tekan Ctrl + ← atau Ctrl + →

Ke atas atau ke bawah satu garis Tekan ↑ atau ↓

Ke atas atau ke bawah satu paragraf

Tekan Ctrl + ↑ atau Ctrl + ↓

Ke awal atau ke akhir satu garis Tekan Home atau End

Ke atas atau ke bawah satu layar Tekan Page Up atau Page Down

Ke tab lainnya Tekan Ctrl + Page Up atau Ctrl + Page Down

Ke awal atau ke akhir halaman Tekan Ctrl + Home atau Ctrl + End

Bab 4 Mengatur File dan Teks

137

6.2 Berpindah menggunakan mouse Seperti telah disinggung di atas, selain memakai keyboard, Anda bisa juga mengarahkan kursor memakai mouse.

Jika lokasi yang Anda nginkan masih tampak pada layar, klik saja langsung pada lokasi tersebut. Namun jika lokasi tersebut tidak tampak pada layar, Anda harus menggeser tampilan layar agar lokasi yang Anda inginkan bisa kelihatan, lalu klik lokasi yang Anda inginkan tersebut.

Tabel 4.2 menggambarkan cara memindahkan lokasi kursor memakai mouse.

Tabel 4.2 Menggerakkan kursor dengan mouse

Pergeseran Lakukan hal ini

Ke atas atau ke bawah satu garis

Klik panah atas atau bawah pada scroll bar vertikal.

Ke atas atau ke bawah satu layar

Klik scroll bar vertikal di antara panah ke atas dan ke bawah.

Ke atas atau ke bawah Drag kotak scroll bar ke atas dan ke bawah

Ke atas atau bawah satu halaman

Klik tombol Previous Page atau Next Page pada scroll bar vertikal.

Ingatlah bahwa menggeser dengan mouse tidak berarti menggerakkan kursor, kursor tetap berada pada lokasinya, meskipun layar telah menampilkan halaman lain.

Setelah layar yang Anda inginkan tampil, Anda tetap harus klik mouse pada lokasi baru agar kursor mouse berpindah ke lokasi tersebut.

Anda bisa menggunakan cara cepat untuk berpindah dari lokasi satu ke lokasi lainnya yang baru Anda edit dengan menekan tombol Shift + F5.

7 Menulis teks dan memilih teks Berikutnya akan kita bahas tentang penulisan dan pemilihan teks pada halaman.

Webmaster Pro Front Page XP

138

7.1 Menulis teks Rasanya tidak ada yang istimewa untuk menuliskan suatu teks ke halaman web. Caranya sama dengan yang sering digunakan untuk penulisan teks pada program pengolah kata, yaitu:

1. Tempatkan kursor pada lokasi yang ingin ditulis dengan teks.

2. Mulailah menekan tombol-tombol keyboard untuk menulis teks yang Anda inginkan.

3. Jangan lupa untuk menyimpan halaman Anda.

7.2 Memilih teks Banyak pekerjaan baru bisa dilaksanakan setelah dilakukan pemilihan teks. Sebagai contoh, untuk menggaris bawahi sebuah kalimat, Anda harus memilih teks tersebut lebih dulu, lalu klik tombol Underline.

Teks yang terpilih akan berubah warna, demikian juga denga warna latar belakangnya, seperti ditampilkan pada Gambar 4.13, yaitu pada teks bersyukur.

Gambar 4.13 Teks terpilih

Seperti juga proses pergerakan kursor, proses pemilihan teks tentu saja dapat Anda lakukan dengan memakai mouse maupun keyboard.

Bab 4 Mengatur File dan Teks

139

7.3 Memilih dengan mouse Dengan mouse, Anda dapat klik selection area (area pada margin kiri). Jika pointer mouse bergerak dari bidang ketik ke selection area, pointer tersebut akan berubah dari bentuk I-beam menjadi bentuk anak panah arah ke kanan-atas.

Tabel 4.3 menampung cara-cara memilih teks memakai mouse.

Tabel 4.3 Cara memilih teks

Pemilihan teks Lakukan hal ini . . . . . . . . . . .

Di mana saja Tempatkan pointer pada awal teks,tekan dan tahan tombol kiri mouse, dsan drag sorotan melalui teks.

Satu kata Klik ganda dimana saja pada kata

Satu kalimat Tekan dan tahan Ctrl dan klik di mana saja pada kalimat

Satu garis Klik area pemilihan di sebelah garis

Beberapa garis Drag area pemilihan disebelah garis

Satu paragraf Klik ganda area pemilihan di sebelah paragraf

Seluruh halaman Tekan dan tahan Ctrl dan klik dimana saja pada area pemilihan

Gambar 4.14 menunjukkan satu baris sedang terpilih.

Webmaster Pro Front Page XP

140

Gambar 4.14 Baris pertama sedang terpilih

7.4 Cara cepat memilih teks Untuk memilih teks secara cepat, lakukan hal-hal berikut:

• Klik ganda sebuah kata untuk memilih kata tersebut.

• Tekan dab tahan tobol Ctrl pada keyboard lalu klik ganda untuk memilih seluruh kalimat di mana pointer berada.

• Anda bisa juga memilih teks dengan cara drag kata yang Anda inginkan, FrontPage akan memilih seluruh kata-kata yang terlingkupi secara otomatis.

8 Pengeditan dasar Kita telah membahas dua hal dasar yang merupakan syarat utama untuk pengeditan teks, yaitu memilih lokasi kursor dan memilih teks.

Berikut ini beberapa pengeditan dasar yang harus Anda kuasai, seperti menghapus, mengganti teks, menyalin teks dan tentu saja menggagal-kan perintah pengeditan.

Bab 4 Mengatur File dan Teks

141

8.1 Menghapus Untuk menghapus teks, pilihlan teks lebih dulu, kemudian:

• Untuk menghapus teks, tekan Delete atau Backspace pada keyboard.

• Untuk menghapus teks sekaligus menggantinya dengan teks baru, ketikkan teks yang baru pada teks yang terpilih tersebut.

8.2 Menyalin Untuk memindahkan atau menyalin teks, mulailah dengan memilih teks, kemudian:

1. Untuk menyalin teks, aktifkan perintah Edit _ Copy atau klik tombol Copy pada toolbar Standar atau tekan Ctrl+C.

2. Atau, untuk memindahkan teks, aktifkan perintah Edit _ Cut atau klik tombol Cut pada toolbar standar atau tekan Ctrl+X.

3. Kemudian gerakkan kursor ke lokasi baru penempatan teks yang Anda inginkan.

4. Aktifkan perintah Edit _ Paste atau klik tombol Paste pada toolbar standar atau tekan Ctrl+V. Salinan teks muncul pada lokasi baru tersebut.

8.3 Menyalin dengan mouse Anda juga dapat menggunakan mouse untuk menyalin teks. Cara ini lebih meyakinkan untuk teks dalam jumlah kecil dan jika kedua lokasi (lokasi asal dan tujuan) terlihat di layar. Cara pemakaiannya adalah:

1. Pilih teks yang Anda inginkan. Lalu letakkan pointer pada teks yang terpilih tersebut lalu klik, pointer berubah bentuk.

2. Untuk menyalin teks, tekan dan tahan Ctrl. Untuk memindahkan teks, jangan menekan tombol apapun pada keyboard.

3. Kemudian drag pointer ke lokasi yang baru. Selama Anda melakukan drag, sebuah garis titik-titik vertikal menandai lokasi baru teks.

4. Pada lokasi yang Anda inginkan, lepaskan penekanan tombol mouse. Teks tersebut akan muncul pada lokasi baru tersebut.

8.4 Menggunakan Smart Tag Seperti saudara lainnya di dalam Office XP, FrontPage XP juga memiliki Smart Tag. Salah satu manfaatnya adalah pada waktu kita melakukan penempelan (Paste), di

Webmaster Pro Front Page XP

142

dekat lokasi paste akan muncul tag, yang apabila kita kllik akan menampilkan pilihan menu, seperti berikut ini:

Gambar 4.15 Smart tag

Pilihan tersebut, maksudnya:

• Keep Source Formatting, menempel dengan menerapkan format asli teks.

• Keep Text Only, hanya menempelkan karakter teks.

Pilihan yang diberikan Smart Tag tidak hanya dua macam seperti di atas, namun bisa berbeda, tergantung kondisinya.

Smart Tag tidak hanya muncul untuk proses peneempelan saja, namun juga untuk proses lain.

9 Office Clipboard Pada bagian sebelumnya kita membahas tentang penyalinan dan pemindahan teks. Untuk bisa menyalin atau memindah teks atau objek lain (misalnya gambar), FrontPage XP menggunakan task pane dengan topik Office Clipboard.

Bab 4 Mengatur File dan Teks

143

Gambar 4.16 Office Clipboard

Objek bisa berupa teks atau gambar. Sumber objek bisa dari FrontPage XP sendiri, bisa juga dari program lain di Office (misalnya ExcelXP), atau dari program lain di luar Office (misalnya Visio).

Office Clipboard bekerja dengan metode Copy dan Paste . Objek-objek tersebut akan tetap tersimpan di Office Clipboard selama masih ada program office yang aktif, baik Word, Excel, Frontpage, Power Point maupun Outlook.

Office Clipboard bisa tampil secara manual maupun otomatis di task pane.

9.1 Cara manual mengaktifkan Office Clipboard Secara manual Anda bisa membuka Office Clipboard dengan tiga cara, yaitu:

• mengaktifkan Edit a Office Clipboard

• menekan CTRL + C dua kali

• klik ganda icon Clipboard ( ) pada task bar windows

Webmaster Pro Front Page XP

144

Gambar 4.17 Icon clipboard di taskbar Windows

9.2 Cara otomatis mengaktifkan Office Clipboard Selain cara manual, Office Clipboard juga akan terbuka secara otomatis apabila kita melakukan hal-hal berikut ini:

• Menyalin atau memotong dua objek yang berbeda pada satu program Office.

• Menyalin objek, menempel objek lalu menyalin objek lain pada program Office yang sama.

• Menyalin satu objek dua kali.

9.3 Mengatur perilaku Office Clipboard Kalau Anda membuka Office Clipboard di task pane salah satu program misalnya Excel, maka Office Clipboard tidak secara otomatis muncul di Word atau program Office lain yang juga akan Anda buka.

Kalau Office Clipboard belum muncul secara otomatis (karena keadaan syaratnya belum terpenuhi), bukan berarti Anda tidak bisa melakukan penyalinan sebuah objek. Sebagai gantinya, FrontPage XP akan menampilkan pesan proses penyalinan.

Tampilnya icon maupun pesan bisa diatur di Office Clipboard, yaitu pilihan Show Office Clipboard Icon on Taskbar dan Show Status Near Taskbar When Copying. Pilihan-pilihan ini ada di bagian Tasn Pane.

Gambar 4.18 Pilihan Office Clipboard

Bab 4 Mengatur File dan Teks

145

9.4 Menghapus item

Seluruh item bisa Anda hapus sekaligus dengan klik tombol Clear All ( ). Untuk menghapus item tertentu, caranya:

1. Tampilkan item tersebut pada layar.

2. Letakkan pointer mouse di atasnya, muncul tombol anak panah ke bawah.

Gambar 4.19 Menghapus item

3. Klik tombol tersebut, lalu klik perintah Delete.

Kalau Anda menutup semua program office yang sedang terbuka, maka item-item tersebut akan dihapus dari Office Clipboard.

9.5 Item baru Office Clipboard mampu menampung sampai 24 item/objek. Kalau Anda menyalin item ke 25 maka item pertama akan dihapus.

Item baru yang masuk ke Office Clipboard akan diletakkan pada urutan paling atas.

Masing-masing item akan disertai iconnya masing-masing.

9.6 Memindah sebuah item Teks atau item yang telah Anda pilih bisa Anda pindahkan ke lokasi manapun di dalam bidang ketik. Caranya dengan drag-drop, yaitu klik item terpilih lalu drag ke lokasi baru lalu lepaskan tombol mouse (drop).

Kita juga bisa memindahkan teks atau item terpilih dengan cara Cut – Paste , sebagai berikut:

1. Jika item belum terpilih, pilihlah lebih dulu.

2. Tekan tombol Cut pada toolbar. Teks terpilih akan terhapus (dipindahkan ke Clipboard).

Webmaster Pro Front Page XP

146

3. Pindahkan pointer ke lokasi baru (tidak hanya pada bidang ketik yang sedang tampil, bisa ke halaman lain, ke dokumen lain, bahkan ke program lain).

4. Pada lokasi baru tersebut, klik tombol Paste ( ). Maka objek yang terhapus akan muncul di lokasi baru tersebut.

Anda bisa menerapkan drag-drop maupun Cut-Paste untuk perpindahan item dari dua program aplikasi, misalnya dari Internet Explorer ke Word 2002.

9.7 Menyalin sebuah item Untuk menyalin sebuah item, langkahnya sama dengan di atas, kecuali pada langkah pertama. Yaitu tekan tombol Copy sebagai pengganti tombol Cut. Cara ini dikenal juga sebagai Copy – Paste. Selengkapnya sebagai berikut:

1. Pilihlah item.

2. Tekan Copy, atau CTRL + C.

3. Letakkan pointer di lokasi baru.

4. Tekan Paste, atau CTRL + V.

Anda juga bisa menggunakan Office Clipboard untuk memindah sebuah item, yaitu:

1. Pilih item lalu Cut. Item akan berpindah ke Office Clipboard.

2. Letakkan pointer di lokasi baru.

3. Pada Office Clipboard klik item tersebut. Salinan item akan ditempelkan ke lokasi baru. Item yang sama masih ada di dalam Office Clipboard.

Sedangkan untuk menyalin sebuah item dengan Office Clipboard:

1. Pilihlah item lalu salinlah (misalnya dengan CTRL + C).

2. Letakkan pointer di lokasi baru.

3. Pada Office Clipboard klik item tersebut. Salinan item akan ditempelkan ke lokasi baru. Item yang sama masih ada di dalam Office Clipboard.

Untuk item berupa tabel, pada dasarnya sama saja, yaitu Anda bisa menggunakan drag-drop, Cut-Paste/Copy-Paste maupun dengan Office Clipboard. Yang perlu Anda perhatikan adalah cara pemilihan tabelnya saja, yaitu:

1. Letakkan pointer di atas tabel (tidak perlu klik), muncul move handle ( ) di pojok kiri atas.

2. Klik move handle, tabel akan terpilih.

Bab 4 Mengatur File dan Teks

147

3. Selanjutnya Anda bisa memindah/menyalin tabel dengan cara yang Anda sukai. Khusus untuk menyalin dengan drag-drop, Anda harus menekan CTRL selama melakukannya.

9.8 Menyalin banyak item Untuk bisa menyalin banyak item langsung, lakukan hal berikut ini:

1. Salinlah item-item, misalnya dengan CTRL + C beberapa kali. Anda bisa menyalin sampai 24 item.

2. Letakkan pointer di lokasi baru.

3. Pada Office Clipboard klik tombol Paste All.

9.9 Menggagalkan perintah Jika Anda membuat kesalahan, Anda dapat membatalkan pengeditan dengan mengaktifkan perintah Edit _ Undo atau menekan Ctrl+Z.

Perintah Ctrl + Z adalah perintah yang umum, berlaku untuk menggagalkan perintah apapun pada aplikasi windows.

10 Menyisipkan teks dan elemen khusus

10.1 Menyisipkan teks dari file Apakah Anda ingin memasukkan teks yang telah jadi ke halaman web yang sedang Anda kerjakan?

Caranya cukup dengan menyorot teks yang Anda inginkan dan menyalinnya lalu menempelkannya ke halaman yang sedang Anda kerjakan.

Tetapi kalau teks yang hendak disalin berukuran besar dan Anda ingin menyalin keseluruhan file tersebut, maka akan lebih mudah untuk menyisipkan file itu langsung ke halaman web. Untuk itu Anda dapat menjalankan perintah Insert _ File. Anda akan melihat kotak dialog Select File.

Webmaster Pro Front Page XP

148

Gambar 4.20 Kotak dialog Select File

Kemudian pada kotak dialog tersebut Anda dapat memilih file yang ingin Anda sisipkan. Anda dapat menyisipkan file -file dengan tipe seperti Tabel 4.4 berikut ini:

Tabel 4.4 Ekstensi File yang bisa disisipkan

Ekstensi Keterangan

.doc Word 6, 95, 97, 2000, XP maupun word for Macintosh, dan file- file WordPerfect serta WordPad.

.html dan

.htm file- file HTML. Tag HTML akan disatukan ke halaman web yang aktif, jadi Anda telah meng-gabungkan kedua halaman web tersebut.

.htt file HyperText Template

.htx dan .asp HTML pre-proses, file yang tercipta oleh program yang membuat halaman web, seperti program pencari (search engine) yang menciptakan halam-an web sebagai akibat dari adanya permintaan pencarian suatu halaman web.

.mcw Microsoft Word versi 4 - 5.1 for Macintosh

.rtf Rich Text Format, yaitu format file yang dapat dibuat oleh kebanyakan pengolah kata Windows (bahkan beberapa pengolah kata Macintosh).

Bab 4 Mengatur File dan Teks

149

.txt file teks sederhana, dalam format ASCII atau ISO Latin 1

.wpd file dari Wordperfect 6

.wps file- file Microsoft Works for Windows

.wri file Windows Write

.xls dan .xlw file Microsoft Excel

Pada waktu Anda menyisipkan sebuah file, FrontPage XP akan mengubah file tersebut agar sesuai dengan format yang digunakan oleh FrontPage XP, lalu menambahkan tag-tag HTML yang dibutuhkan.

10.2 Pemutus baris Teks pada halaman web memiliki beberapa elemen khusus, antara lain pemutus baris (Line Break), garis horisontal, simbol dan komentar.

Tidak seperti program pengolah kata, halaman web menangani baris teks dengan cara tersendiri.

Pada pengolah kata, Anda dapat menempatkan baris kosong sebanyak yang Anda inginkan di dalam suatu halaman. Namun Anda tidak dapat melakukan hal ini pada halaman web. Bahkan, banyak program pembuat HTML yang tidak dapat memasukkan baris kosong.

Mengapa? Karena HTML tidak mampu mengenali baris kosong yang dibuat dengan menekan Enter atau Return lebih dari dua kali. Browser tidak bisa mengenali ruang lebih besar dari dua baris dan ruang jarak antar baris.

Namun, apabila Anda menempatkan baris kosong pada teks dengan menggunakan FrontPage, baris kosong itu nanti akan dikenali pada file HTML, karena FrontPage membuat kode khusus untuk pembuatan baris kosong ini, yaitu   sebuah perintah yang memberitahu browser untuk memasukkan baris kosong.

Ada dua cara untuk mengakhiri suatu baris pada HTML. Yang pertama adalah dengan tag <p>. Tag ini menandakan akhir suatu paragraf. Untuk membuat tag ini, Anda cukup menekan Enter.

Sedangkan cara kedua adalah tag jarak baris <br>, yang berarti teks berikutnya akan dipindahkan satu baris ke bawah, tetapi tetap dianggap bagian dari paragraf sebelumnya (jadi format paragraf sebelumnya tetap berlaku pada teks itu).

Webmaster Pro Front Page XP

150

Tag ini dimasukkan ke dalam teks Anda dengan menekan Shift+Enter, atau dengan mengaktifkan perintah Insert _ Break lalu klik tombol OK pada kotak dialog Break yang tampil (lihat Gambar 4.12).

Gambar 4.12 Kotak dialog Line Break

Pilihan yang disediakan kotak dialog tersbeut antara lain:

• Normal line break , menghasilkan pemutusan baris normal seperti yang dihasilkan kalau Anda menekan tombol SHIFT + ENTER.

• Clear left margin adalah pemutusan baris yang memindahkan baris ke bawah gambar sehingga batas kiri teks tepat pada batas margin kiri. Ini berguna pada paragraf yang memiliki gambar di sisi kiri.

• Clear right margin adalah pemutusan baris yang memindahkan baris ke bawah gambar sehingga batas kanan teks tepat pada batas margin kanan. Ini berguna pada paragraf yang memiliki gambar di sisi kanan.

• Clear both margins adalah pemutusan baris yang memindahkan baris ke bawah gambar sehingga batas kanan dan kiri teks tepat pada batas masing-masing.

Dengan pilihan-pilihan tersebut Anda dapat menentukan di mana baris berikutnya akan ditempatkan apabila ada gambar yang menghalangi.

Pilihan-pilihan ini sekilas kurang begitu berguna. Tetapi kalau Anda menemui masalah batas antara teks dan gambar, pilihan-pilihan tersebut akan terasa sangat berguna.

Sebagai contoh, misalnya Anda memiliki suatu gambar dan Anda telah menentukan batas teksnya sedemikian rupa sehingga teks tersebut dibatasi oleh gambar di bagian kiri, sedangkan teksnya disusun vertikal pada bagian kanan gambar. Apabila Anda menyisipkan jarak baris yang normal, maka teks akan ditempatkan pada satu baris ke bawah dan akan demikian seterusnya, sedangkan gambar akan tetap berada di kiri teks.

Bab 4 Mengatur File dan Teks

151

Nah, jika Anda tidak ingin hal seperti itu terjadi, sebaliknya ingin menempatkan baris berikutnya di bawah gambar itu, maka Anda dapat mengaktifkan pilihan Clear Left Margin. Perintah ini mempunyai arti bahwa “tempatkanlah teks pada satu baris ke bawah sampai batas akhir gambar”.

Apabila Anda klik tombol toolbar Show/Hide ( ), Anda bisa melihat simbol yang menunjukkan pergantian baris keras. Lihat Gambar 4.13.

Gambar 4.13 Tanda Format Mark dan tombol Show/Hide

10.3 Menyisipkan garis horisontal Anda mungkin telah memperhatikan bahwa garis horisontal banyak digunakan pada halaman web, difungsikan untuk memisahkan satu blok informasi dengan blok lainnya.

Webmaster Pro Front Page XP

152

Gambar 4.14 Horizontal Line

Ukuran garis horisontal pada browser akan secara otomatis mengikuti lebar layar, yaitu tepat selebar bidang layar. Kalau Anda mengubah lebar layar, maka garis horisontal akan mengikutinya, sehingga tidak kekurangan ataupun kelebihan.

Garis horisontal membentuk baris kosong sebelum dan sesudah posisinya.

FrontPage menyediakan dua cara untuk menyisipkan garis horisontal. Selain dengan perintah Insert _ Horisontal Line , Anda juga dapat memakai kode HTML untuk menuliskan tag <hr>.

Gambar 4.15 Tag garis horisontal

Berikut ini cara pengaturan garis horisontal:

1. Pilih Insert _Horizontal Line . Garis horisontal akan ditempatkan kedalam halaman Anda. Apabila garis tersebut persis seperti yang Anda inginkan, Anda dapat berhenti sekarang. Jika tidak, ikuti langkah berikutnya.

2. Klik dua kali garis itu, atau klik kanan dan pilih Horizontal Line Properties. Kotak seperti Gambar 4.16 akan terbuka.

Bab 4 Mengatur File dan Teks

153

Gambar 4.16 Kotak dialog Horizontal Line Properties

3. Dengan kotak dialog di atas, Anda bisa menentukan lebar garisnya pada kotak Width. Anda juga dapat memasukkan ukuran sebagai harga persentase tertentu dari window browser, atau Anda tentukan sendiri ukuran pixel yang Anda inginkan. Dengan persentase, Anda bisa mengatur garis tersebut secara proporsional terhadap item lain pada halaman. Jika Anda mengaturnya berdasarkan ukuran pixel maka akan tergantung resolusi layar dimana window browser ditampilkan.

4. Pilihlah ukuran pixel untuk tinggi garis tersebut pada kotak Height.

5. Kemudian Anda bisa menentukan perataan garis di antara pilihan rata kanan (Right), terpusat (Center) atau rata kiri (Left).

6. Lalu pilihlah warna untuk garis pada kotak daftar Color.

7. Jika Anda menginginkan garis solid, aktifkan kotak cek Solid Line (No Shading).

8. Klik tombol OK untuk menerapkan hasil pengaturan.

10.4 Menyisipkan garis horisontal dari Clip Organizer Cara lain untuk membuat garis horisontal adalah dengan menggunakan garis-garis di dalam koleksi Clip Organizer.

Berikut ini cara pengambilan garis horisontal dari Clip Organizer:

1. Tampilkan kotak dialog Picture dengan perintah Insert _ Picture _ Clip Art. Muncul task pane untuk pencarian gambar.

2. Klik icon Clip Organizer di bagain bawah Task Pane. Muncul Clip Organizer.

Webmaster Pro Front Page XP

154

Gambar 4.17 Clip Organizer

3. Kemudian pada Categories (bidang kiri) klik ganda folder Web Elements lalu klik ganda Dividers . Bidang kanan akan menampilkan beraneka garis horisontal.

Gambar 4.18 Pilihan Dividers pada Web Elemen

4. Kemudian pilihlah kategori Web Divider pada kotak daftar Categories.

5. Untuk menampilkan bagian layar yang tidak tampak, gulunglah layar.

6. Setelah menemukan yang Anda sukai, klik dan pilihlah Copy.

7. Kembali ke FrontPage XP, klik lokasi penyisipan garis, lalu klik kanan dan pilihlah Paste.

Bab 4 Mengatur File dan Teks

155

10.5 Menggunakan Simbol Menempatkan simbol atau karakter khusus pada halaman web membutuhkan sedikit ketrampilan, sebab halaman web akan disimpan sebagai file teks.

Sebenarnya file halaman tidak dapat menyimpan karakter selain karakter yang biasa kita gunakan sehari-hari.

Hampir seluruh browser yang ada pada saat ini dapat menggunakan file dengan karakter ISO Latin 1, yaitu jenis karakter lanjut ASCII (American Standard Code for Information Interchange). ISO Latin 1 (juga dikenal dengan nama ISO 8859), berisi karakter-karakter yang tidak ada pada ASCII. Misalnya simbol copyright (), simbol trademark (), dan sebagainya.

Untuk memasukkan karakter khusus atau simbol ke teks Anda, aktifkan perintah Insert _ Symbol. Anda akan melihat kotak dialog Symbol seperti pada Gambar 4.22.

Untuk memasang simbol ke halaman, langkahnya:

1. Letakkan kursor pada lokasi penyisipan di halaman.

2. Aktifkan perintah Insert _ Symbol. kotak dialog Symbol muncul.

3. Klik salah satu simbol, lalu klik tombol Insert, simbol akan disisipkan ke halaman. Anda bisa memeriksanya dengan mengaktifkan halaman.

4. Setelah selesai, pada kotak dialog Simbol klik tombol Close.

Gambar 4.19 Kotak dialog Symbol

Webmaster Pro Front Page XP

156

Jika Anda menggunakan simbol, ada baiknya untuk memeriksa tampilannya pada beberapa browser, karena ada ada di antaranya yang tidak bisa menampilkan simbol-simbol tertentu.

Biasanya browser dengan versi terbaru dapat menampilkan simbol-simbol khusus ini dengan baik.

10.6 Komentar halaman Anda dapat menambahkan komentar yang tersembunyi pada halaman. Komentar ini bisa Anda lihat tetapi tidak akan ditampilkan oleh browser.

Anda bisa memanfaatkan komentar ini untuk menampung informasi tertentu misalnya trik untuk membuat halaman dengan cepat dan menarik atau cara membuat suatu tampilan khusus.

Apabila Anda bekerja di dalam suatu tim, komentar adalah cara yang baik untuk memberi tahu anggota lain apa yang sudah Anda lakukan dan apa yang harus dilakukan selanjutnya terhadap sebuah halaman.

Kita bisa menambahkan komentar pada suatu halaman, dengan langkah selengkapnya sebagai berikut:

1. Letakkan kursor pada lokasi penyisipan di halaman.

2. Aktifkan perintah perintah Insert _ Comment. Muncul penampung komentar seperti Gambar 4.20.

Gambar 4.20 Penampung komentar

3. Selanjutnya Anda bisa menuliskan komentar.

4. Setelah selesai, klik tombol OK.

Bab 4 Mengatur File dan Teks

157

Ada lagi cara pemasangan komentar. Namun yang satu ini dimaksudkan untuk komentar suatu halaman, bukan komentar pada lokasi tertentu di halaman.

Langkah selengkapnya pembuatan komentar jenis ini adalah:

1. Pada Folder List klik file halaman, lalu aktifkan perintah Edit _ Properties untuk membuka kotak dialog Properties. Gambar 4.21 kiri.

Gambar 4.21 Kotak dialog Properties tab General dan Summary

2. Kemudian klik tab Summary, lihat Gambar 4.22.

Webmaster Pro Front Page XP

158

Gambar 4.22 Tab Summary untuk penulisan komentar halaman.

3. Dan tuliskan komentar yang Anda inginkan pada kotak isian Comments.

4. Setelah selesai, klik OK untuk menutup kotak dialog properties.