http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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
125
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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.
126
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
Gambar 4.2 Web site baru
5. Klik tombol Create a New Normal Page ( ). Tampil file halaman baru
bernama new_page_1.htm.
127
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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.
1. Aktifkan perintah File _ Save atau klik tombol Save ( ) pada toolbar atau
tekan Ctrl+S keyboard. Kotak dialog Save As tampil. (Gambar 4.4).
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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.
129
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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.
130
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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.
1. Aktifkan perintah File _ Open atau klik tombol Open ( ) pada toolbar
Standar. Kotak dialog Open File tampil, seperti Gambar 4.7.
131
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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.
132
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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.
133
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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.
134
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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.
135
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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.
136
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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
137
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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.
138
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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.
139
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
Gambar 4.14 Baris pertama sedang terpilih
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
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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.
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
dekat lokasi paste akan muncul tag, yang apabila kita kllik akan menampilkan
pilihan menu, seperti berikut ini:
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
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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.
143
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
Gambar 4.17 Icon clipboard di taskbar Windows
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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.
145
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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.
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
3. Selanjutnya Anda bisa memindah/menyalin tabel dengan cara yang Anda sukai.
Khusus untuk menyalin dengan drag-drop, Anda harus menekan CTRL selama
melakukannya.
147
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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 file- file HTML. Tag HTML akan disatukan ke halaman web
.htm 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
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
.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.
149
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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).
150
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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.
151
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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>.
152
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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.
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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.
154
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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.
155
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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.
156
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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.
157
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "
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
http://www.SmartOnlineSchool.com
" Sekolah Khusus Netter Indonesia "