Bab 4 Mengatur File dan Teks
Webmaster Pro Front Page XP
Daftar Isi Bab 4 1
Teks, media utama ........................................................................................125
2
Membuat file baru ........................................................................................126
3
Menyimpan dan membuka halaman ..........................................................127
3.1 3.2 3.3 3.4
4
Menyimpan halaman baru.............................................................................. 128 Menyimpan tanpa menutup halaman............................................................... 130 Menyimpan dengan nama lain........................................................................ 130 Membuka sebuah halaman ............................................................................. 131
Properti dan ganti nama halaman...............................................................132
4.1 4.2
Mengatur properti ......................................................................................... 132 Mengganti nama file ...................................................................................... 134
5
Mencetak Halaman.......................................................................................134
6
Berpindah di area halaman..........................................................................136
6.1 6.2
7
Berpindah menggunakan keyboard ................................................................. 136 Berpindah menggunakan mouse ..................................................................... 137
Menulis teks dan memilih teks.....................................................................137
7.1 7.2 7.3 7.4
8
Menulis teks.................................................................................................. 138 Memilih teks.................................................................................................. 138 Memilih dengan mouse .................................................................................. 139 Cara cepat memilih teks................................................................................. 140
Pengeditan dasar...........................................................................................140
8.1 8.2 8.3 8.4
9
Menghapus.................................................................................................... 141 Menyalin ....................................................................................................... 141 Menyalin dengan mouse................................................................................. 141 Menggunakan Smart Tag ............................................................................... 141
Office Clipboard............................................................................................142
9.1 9.2 9.3 9.4 9.5 9.6
124
Cara manual mengaktifkan Office Clipboard................................................... 143 Cara otomatis mengaktifkan Office Clipboard................................................. 144 Mengatur perilaku Office Clipboard ............................................................... 144 Menghapus item............................................................................................ 145 Item baru ...................................................................................................... 145 Memindah sebuah item .................................................................................. 145
Bab 4 Mengatur File dan Teks
9.7 9.8 9.9
Menyalin sebuah item.................................................................................... 146 Menyalin banyak item.................................................................................... 147 Menggagalkan perintah ................................................................................. 147
10
Menyisipkan teks dan elemen khusus .........................................................147
10.1 10.2 10.3 10.4 10.5 10.6
Menyisipkan teks dari file............................................................................... 147 Pemutus baris................................................................................................ 149 Menyisipkan garis horisontal......................................................................... 151 Menyisipkan garis horisontal dari Clip Organizer........................................... 153 Menggunakan Simbol..................................................................................... 155 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.
125
Webmaster Pro Front Page XP
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.
126
Bab 4 Mengatur File dan Teks
Gambar 4.2 Web site baru 5. Klik tombol Create a New Normal Page ( bernama new_page_1.htm.
). Tampil file halaman baru
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.
127
Webmaster Pro Front Page XP
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
128
Bab 4 Mengatur File dan Teks
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
129
Webmaster Pro Front Page XP
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:
130
Bab 4 Mengatur File dan Teks
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 ( Standar. Kotak dialog Open File tampil, seperti Gambar 4.7.
) pada toolbar
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
131
Webmaster Pro Front Page XP
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.
132
Bab 4 Mengatur File dan Teks
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.
133
Webmaster Pro Front Page XP
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 •
134
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
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
135
Webmaster Pro Front Page XP
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
136
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
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.
137
Webmaster Pro Front Page XP
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.
138
Bab 4 Mengatur File dan Teks
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.
139
Webmaster Pro Front Page XP
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.
140
Bab 4 Mengatur File dan Teks
8.1
Menghapus Untuk menghapus teks, pilihlan teks lebih dulu, kemudian:
8.2
•
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.
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
141
Webmaster Pro Front Page XP
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.
142
Bab 4 Mengatur File dan Teks
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
143
Webmaster Pro Front Page XP
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:
9.3
•
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.
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
144
Bab 4 Mengatur File dan Teks
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).
145
Webmaster Pro Front Page XP
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 ( akan muncul di lokasi baru tersebut.
). Maka objek yang terhapus
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.
146
Bab 4 Mengatur File dan Teks
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.
147
Webmaster Pro Front Page XP
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).
148
Bab 4 Mengatur File dan Teks
.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
. Tag ini menandakan akhir suatu paragraf. Untuk membuat tag ini, Anda cukup menekan Enter. Sedangkan cara kedua adalah tag jarak baris
, 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).
149
Webmaster Pro Front Page XP
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 Lin e 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 masingmasing.
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.
150
Bab 4 Mengatur File dan Teks
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.
151
Webmaster Pro Front Page XP
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
.
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.
152
Bab 4 Mengatur File dan Teks
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.
153
Webmaster Pro Front Page XP
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.
154
Bab 4 Mengatur File dan Teks
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
155
Webmaster Pro Front Page XP
Jika Anda menggunakan simbol, ada baiknya untuk memeriksa tampilannya pada beberapa browser, karena ada ada di antaranya yang tidak bisa menampilkan simbolsimbol 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 selengkapnya sebagai berikut:
langkah
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.
156
Bab 4 Mengatur File dan Teks
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.
157
Webmaster Pro Front Page XP
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.
158