Bab 14 Membuat Dokumen Web dengan Mudah
Notepad yang kecil dan sederhana memang perangkat yang tak ternilai
jasanya bagi pembuat dokumen HTML. Pada awal berkembangnya HTML dan
WWW, perangkat bantu yang tersedia bagi para pembuat dokumen HTML
hanyalah program-program editor teks semacam notepad di windows
atau Vi di UNIX.
Namun jaman berubah sejalan dengan semakin banyaknya pengguna WWW,
para pembuat peragkat lunak yang menganggap WWW adalah bisnis
menggiurkan sekarang ini berlomba-lomba membuat paket-paket program
pembuat dokumen web yang mewah, mudah dipakai dan menawarkan
teknologi-teknologi terbaru. Orang yang ingin membuat dokumen web
atau homepage namun tidak punya waktu untuk mempelajari HTML adalah
sasaran para pembuat paket program ini. Berkat tampilan grafis yang
menawan dan kemampuan WYSIWYG (what you see is what tou get),paket-
paket program pembuat dokumen web masa kini mampu menghasilkan
dokumen-dokumen web yang bagus dan rapi namun mudah dipergunakan
oleh siapa saja , bahkan oleh mereka yang tidak paham HTML
samasekali.
Microsoft telah mengeluarkan paket penyuntingan dokumen web bernama
FrontPage 97 yang dibuat menjadi bagian dari paket aplikasi Office
97, Netscape mengeluarkan Netscape Navigator Gold yang memiliki
editor Web di dalamnya, dan masih banyak lagi pemain-pemain yang
lain.
Kita akan bahas beberapa paket program tersebut, dengan pembahasan
akan cara penggunaanya.
Microsoft FrontPage 97
Microsoft Corporation , raksasa milik jutawan Bill Gates yang
menguasai bisnis perangkat lunak dunia terutama dengan sistem
operasi Microsoft Windowsnya , baru - baru ini juga telah
memperkenalkan satu paket pengolah dokumen web baru, yang dinamai
Front Page 97. Periksalah
http://www.microsoft.com/frontpage/brochure.
Membuat dokumen web dengan frontpage sangatlah mudah. Layaknya
program word processor, yang anda lakukan hanyalah mengetikkan teks
dokumen. Fungsi-fungsi lain seperti memasukkan gambar, hypertext
link, tabel, memformat teks dan sebagainya dilakukan dengan memilih
dari menu yang ada tanpa sedikitpun menyentuh kode-kode HTML.
Mempergunakan FrontPage 97
Pertamakali anda menjalankan frontpage, sebuah menu akan menawari
anda untuk membuat file baru ataukah membuka file yang telah ada.
Karena kita akan mencoba membuat dokumen baru, pilihlah "create new
frontpage web", dan masukkan nama dokumen yang hendak anda buat.
Setelah frontpage explorer muncul, dobel-klikkan mouse pada icon
"Home Page" yang terdapat di jendela sebelah kanan.
Selanjutnya kita akan berjumpa dengan Frontpage editor, tempat kita
menyunting dokumen web. Frontpage editor ini bersifat WYSIWYG (what
you see is what you get-apa yang anda lihat di layar itulah yang
anda dapatkan). Tidak ada lagi kode-kode HTML yang nampak di layar.
Cobalah menuliskan sembarang teks di Frontpage editor. Pekerjaan
memformat teks kita lakukan kemudian.
Memformat teks dilakukan dengan memblok bagian teks yang
dikehendaki dengan mouse, kemudian memilih dari tombol-tombol dan
menu yang ada.Tak perlu lagi kita menuliskan container tag <H2> dan
</H2> namun cukup memilih "Heading2" dari drop-down menu. Membuat
teks menjadi tebal atau miring juga bisa dilakukan cukup dengan
mengklikkan mouse pada tombol "B" atau "I" pada toolbar.
Blok satu bagian teks dengan mouse, kemudian pilihlah "Heading 2"
dari drop-down menu sebelah kiri pada toolbar.
Mengetengahkan teks juga mudah saja dilakukan seperti yang biasa
kita lakukan dengan word processor.Blok bagian teks yang diinginkan
dengan mouse, kemudian klik pada tombol center.Ini ekuivalen dengan
menuliskan container tag <CENTER> pada file HTML.Hal yang sama dapat
anda lakukan pada gambar atau tabel.
Kita bisa melupakan saja tag HTML <IMG>. Memasukkan gambar dalam
dokumen sekarang cukup dengan memilih menu "insert" dan "Image...".
Sebuah kotak dialog akan muncul, dan kita tinggal memilih atau
menuliskan nama file gambar GIF atau JPG yang hendak kita masukkan.
Klik pada tombol "OK" dan gambar akan muncul di layar Frontpage
Editor.
Bila dalam HTML kita mempergunakan tag jangkar <A HREF="..">, dalam
Frontpage yang harus kita lakukan hanyalah memblok teks ( atau
gambar) yang hendak dijadikan link, setelah itu memilih menu
"insert" dan "Hyperlink..". Sebuah kotak dialog akan muncul,
menawarkan kepada kita untuk memasukkan URL/lokasi serta nama file
dokumen yang diinginkan.
Kita dapat menentukan parameter "Target Frame" yang kita perlukan
bilamana kita membuat dokumen dengan banyak frame (mengenai frame
telah kita pelajari pada Bab 11)
Frontpage sangat memanjakan penggunanya. Membuat tabel dapat
dilakukan dengan memilih menu "Table" dan "Insert Table". Kotak
dialog yang muncul akan menanyai dimensi tabel anda; jumlah baris
(row), jumlah kolom (column) serta parameter-parameter lain seperti
tebal baris pembatas (border, perataan teks terhadap tabel, lebar
kolom dan sebagainya.
Lebih mudah lagi, kita bisa mengklik tombol "Insert Table" pada
toolbar dan menggeser mouse untuk menentukan ukuran tabel.
Ingin membuat daftar (list)? Pilihlah "Bullets and Numberings" dari
menu "Format" dan jadilah daftar yang dimaui. Masih banyak lagi
fasilitas-fasilitas Frontpage yang bila dikerjakan dengan HTML
"mentah" harus melibatkan banyak kode HTML. Pendeknya, Frontpage
memang sangat mempermudah pekerjaan pembuatan dokumen web, miskipun
tentunya dengan harga yang tidak murah; Microsoft menjual Frontpage
97 seharga US$50 (sekitar Rp 120 ribu)per paketnya.
Netscape Navigator Gold 3.0.
Editor web yang disertakan dalam Navigator Gold juga patut
memperoleh sedikit pembahasan dalam buku ini. Penggunaan editor ini
mudah, nyaman dan menyenangkan. Seperti Microsoft Frontpage, editor
Navigator Gold ini juga menawarkan kemampuan WYSIWYG.
Untuk memulai membuat dokumen baru, kliklah pada tombol "edit" pada
toolbar atau dengan memilih menu "file" dan "edit document".
Setelah itu jendela editor akan muncul dan kita siap menuliskan
dokumen kita ke dalamnya.
Menentukan level teks bisa dilakukan dengan cara yang sangat mudah
yaitu memblok dengan mouse bagian teks yang diinginkan dan kemudian
memilih satu dari pilihan yang ada dalam drop-down menu di toolbar.
Pilihan yang ada adalah "normal","heading 1","heading 2" sampai
dengan " heading 6" , kemudian "formatted" ( ini setara dengan
meletakkan container tag <PRE> dan </PRE> dalam file HTML), "list
item" (setara dengan <LI>),"address"(untuk meletakkan alamat)
dan dua level lainya yaitu "description text" serta "description
title".
Ukuran font dapat diubah dengan cara yang serupa. Drop-down menu
yang ada di toolbar menyediakan pilihan-pilihan ukuran font mulai
dari -2 sampai dengan +5. Ini sama dengan meletakkan tag <FONT SIZE
=n> seperti yang kita lakukan dengan file HTML biasa. Sebelum
menjalankan fungsi ini kita terlebih dahulu mem
Seperti yang telah kita pelajari di Bab 8, tabel merupakan alat
bantu pengaturan tataletak (layout) dokumen yang sangat berguna.
Karena kita sekarang bekerja dengan lingkungan WYSIWYK,dengan mudah
kita bisa melakukan cut & paste untuk memasukkan teks maupun gambar
ke dalam tabel. Blok bagian dokumen yang hendak dipindah, kemudian
pilih menu "EDIT" dan "CUT" (atau dengan klik tombol kanan mouse
bila kita
mempergunakan windows95), lalu bawa pointer mouse dan klik pada
bagian dalam tabel yang dikehendaki, pilih menu "EDIT" dan "PASTE"
, maka terpindahkanlah bagian dokumen kita tadi ke dalam tabel,
tentunya garis pembatas tabel (yang ditentukan oleh pernyataan
BORDER dalam HTML atau dengan pengganti nilai "border line width"
pada kotak dialog "table properties") harus dihilangkan setelah
proses penyusunan tata letak telah selesai.
Bilamana telah selesai, dokumen dapat disimpan menjadi file HTML
biasa dengan memilih menu "FILE" dan "SAVE", dan setelah itu siap
untuk dipasang di Web server.
Netscape Navigator Gold dapat diperoleh dari web site Netscape di
http://home.netscape.com. Pada saat buku ini disusun Navigator Gold
telah mencapai versi 3.01.
Homesite for Windows95
Bila anda termasuk orang yang hemat dan tidak ingin mengeluarkan
uang untuk membeli paket-paket program yang mahal seperti Microsoft
Frontpage, ada cukup banyak alternatif untuk anda. Di Internet
tersedia berbagai program untuk membuat dokumen web baik yang
gratis maupun shareware (yaitu program yang dapat anda peroleh
dengan gratis namun mengharuskan anda membayar kepada pembuat
program bila anda menyukai dan berminat mempergunakan programnya).
Dari sekian banyak yang ada, penulis menemukan satu program bagus
yang bernama HomeSite, ditulis oleh seorang bernama Nick Bradbury
di Amerika Serikat. Ia membuat HomeSite dengan Borland Delphi,
sebuah paket pemrograman Windows yang kuat dan populer. HomeSite
ini adalah freeware dan dapat diambil dari
http://www.dexnet.com/homesite.html.
HomeSite tetap membutuhkan kita paham akan HTML. Ia bekerja dengan
mempermudah dan mempercepat banyak pekerjaan pengkodean HTML
dengan menu-menu, tombol-tombol dan banyak shortcut (kombinasi
tombol keyboard yang berfungsi khusus) yang menggantikan kode-kode
HTML tertentu sehingga mengurangi pekerjaan pengetikan.
(kembali ke katalog)
|