Andriloe HTML Page
I am very sorry if some information at this page are presented in Indonesian Language.
Dokumen HTML adalah dokumen yang tampil dalam Web, dimana semua orang
dalam seluruh jaringan Internet di seluruh dunia dapat melihatnya.
HyperText Markup Language atau HTML menentukan dua fungsi :
1. membentuk tata letak dokumen, dalam hal ini menentukan jenis huruf, gambar, dan komponen dokumen lainnya.
2. menentukan hubungan ke dokumen lain HTML merupakan suatu bahasa komputer yang termasuk dalam katagori SGML (Standard Generalized Markup Language) dimana bentuknya merupakan file standar ASCII yang berisi kode-kode untuk mengatur dokumen. Karena bentuk HTML mengikuti standar ASCII, maka file HTML dapat dibuat dengan menggunakan program editor biasa (Editor dari DOS, atau Notepad dari Microsoft Windows). Untuk melihat hasil pengaturan kode-kode standar HTML, maka dapat kita gunakan program web browser (program yang dipasang di komputer pemakai, dan fungsinya untuk mencari dan melihat informasi yang sudah disediakan oleh Web Server), seperti Netscape, Mosaic, atau Super Mosaic, melalui perintah File-Open File (atau Open Local).
Pada tingkat yang lebih profesional, kita dapat menggunakan program
khusus untuk membuat HTML, seperti HotMetal, Hot Dog, HTML Easy, InContext
Spider, atau menggunakan program tambahan yang jalan di Microsoft Word
atau WordPerfect. Jadi, dengan menggunakan kombinasi program pembuat HTML
dan program web browser, maka kita sudah dapat menayangkan informasi di
Internet (kita masih harus mencari provider atau pengelola web server yang
mengijinkan kita untuk meletakan dokumen yang bersangkutan), dimana biasanya
disebut Home Page.
Kesalahan-kesalahan Umum dalam Mendesain Web :
1.Menggunakan file grafis baru untuk gambar-gambar yang mempunyai elemen
berulang. Solusinya: Download satu kali, gunakan berulang kali. Bangunlah
image grafis dengan mengkombinasikan elemen-elemen yang tidak berubah dengan
elemen-elemen yang berubah melalui struktur.
2.Menganggap semua orang punya browser grafikal. Solusinya: Menyediakan
link teks alternatif dan deskripsi tekstural dari resources grafis.
3.Selalu menggunakan palette 256-warna 8-bit penuh. Solusinya: Gunakan
palette adaptif dan kedalaman bit terkecil yang mungkin. Gunakan grafis
bitmap hitam-putih, image grayscale yang diturunkan, atau grafis warna
8-bit yang terbatas.
4.Mendesain Web Pages untuk browser dan plug-in milik sendiri. Solusinya:
Jelaskan dalam halaman penarik resources apa yang dibutuhkan untuk menikmati
situs Anda. Biarkan pemakai menentukan sendiri versi situs Anda yang cocok
untuk peralatannya.
5.Menggunakan desan dan warna dalam tile yang menyebabkan
teks pada puncak latar belakang sukar dibaca. Solusinya: Kurangi saturasi
tile latar belakang. Gunakan desain yang lebih sederhana untuk tile. Perbesar
tile.
6.Pemakai 'disuruh' kembali ke home page, per satu level. Solusinya:
Sediakan link langsung antara sebarang halaman dan home page.
7.Selalu memanggil image inline terbaik milik sendiri. Solusinya: Gunakan
thumbnail GIF (Graphical Interchange Format) yang di-dither dengan baik
dan di-link ke grafis JPEG (Joint Picture Experts Group) berkualitas tinggi.
Sertakan deskripsi dari subyek dan ukurannya.
8.Grafis Anda selalu dikitari oleh 'halo'. Solusinya: Gunakan warna
latar belakang yang sama dengan grafis asli Anda. Buang semua pixel anti-alias
dari grafis Anda dengan editor raster seperti PhotoShop.
9.Semua graafis dan desain Anda tampak sama. Solusinya: Gunakan teknik-teknik
untuk mengembangkan daya kreasi Anda. Buatlah file swipe dan baca resources
dalam buku ini. Buat setidaknya tiga versi dari desain halaman template
Anda.
10.Mendesain Web Pages untuk diri sendiri. Solusinya: Minta orang lain
mengevaluasi hasil kerja Anda dan pelajari kembali isi buku Graphics and Web Page Design ini.
Empat Aplikasi Pembuat Halaman Web :
Macromedia Backstage Designer :
Kelebihan: Mendukung applets Java, ActiveX dan Shockwave; membantu
Anda untuk mempublikasi ke sebuah server UNIX; perpustakaan clip art cukup
besar. Kekurangan: Tidak mendukung tabel.
Backstage Designer membuat Anda dengan mudah mempercantik halaman
dengan beragam bel dan lonceng animasi. Namun tidak memiliki salah satu
elemen HTML paling penting dan paling umum: tabel.
Program ini mudah digunakan. Untuk memodifikasi sebuah setting
elemen, yang perlu Anda lakukan adalah mengklik dua kali pada elemen tersebut
dan mengubah settingnya pada kotak dialog -- selama elemen tersebut bukanlah
sebuah tabel. Ketidakmampuan Backstage menangani bagian dasar HTML tersebut
tidak bisa diampuni.
Sebaliknya, Backstage Designer menghadirkan kemampuan yang lebih
dari sekedar HTML. Jika Anda ingin menambahkan sebuah grafik batang interaktif
atau beruang berdansa pada halaman Anda, program ini memungkinkan Anda
menambahkan applet Java, kontrol ActiveX dan file Shockwave Macromedia.
Lebih hebat lagi, Anda bisa menggunakan ekstensi proprietary Backstage
Designer untuk merancang halaman pada pembaca individu. Sebagai contoh,
sebuah halaman bisa menelusuri pencarian istilah yang diminta pengunjung
pada kunjungan sebelumnya, lalu mengejutkan mereka dengan sebuah daftar
halaman yang berhubungan dengan pencarian tersebut saat berikutnya mereka
log on. Namun ekstensi ini hanya bisa bekerja jika lokasi Anda terletak
pada sebuah server berbasis Windows 95 atau NT.
Backstage Designer memiliki perpustakaan clip art cukup lengkap
dan utiliti yang kompeten untuk membuat image map. Namun dokumentasi yang
menyertainya tidak memberikan cukup informasi mengenai bagaimana image
map bekerja. Backstage Designer juga memiliki utiliti untuk memindah lokasi
Anda ke sebuah server, tetapi lebih cocok untuk server Windows daripada
UNIX. Sebagai contoh, jika saya telah memindah halaman saya ke sebuah server,
Backstage tidak bisa mencari file gambar yang menjadi bagian halaman Web
tersebut. Ini terjadi karena Backstage Designer menyisipkan sebuah garis
miring di awal nama file pada setiap link gambar -- suatu keharusan pada
skema server Web berbasis Windows, tetapi membingungkan untuk UNIX. Anda
harus menghilangkan tanda garis miring (slash) secara manual.
Microsoft FrontPage 1.1 :
Kelebihan: Paling mudah digunakan; memiliki tampilan besar mengenai
struktur lokasi Web; memiliki perangkat pembuat latar belakang transparan.
Kekurangan: Tidak mendukung server UNIX; format image map proprietary;
tidak bisa menyunting sumber HTML.
FrontPage sejauh ini adalah program yang paling mudah digunakan
di antara keempat program di sini, tetapi kemampuannya terbatas pada server
berbasis Windows NT dan 95.
Jendela sunting menampilkan halaman Anda secara akurat pada setiap
langkah dan memungkinkan Anda bekerja menggunakan beberapa halaman secara
simultan tanpa memenuhi Taskbar dengan beragam icon (seperti yang terjadi
pada Navigator Gold). Seperti juga Backstage Designer, menambahkan elemen
baru bisa dilakukan dengan memilih perintah menu atau mengklik tombol.
Namun memanipulasi elemen yang sudah ada pada FrontPage lebih mudah daripada
Backstage Designer, karena adanya menu sesuai konteks yang muncul saat
Anda mengklik tombol kanan mouse pada obyek. Anda bisa melompat langsung
pada sebuah karakter dan jendela format paragraf; mengcut, mengcopy, atau
mempaste lokasi yang Anda pilih; atau mengikuti sebuah link seperti Anda
inginkan pada sebuah browser Web.
FrontPage membuat sebuah trik grafis cukup mudah. Menggunakan
"tongkat ajaib", Anda bisa membuat sebuah gambar latar belakang
transparan setelah Anda menempatkannya di posisi yang tepat pada halaman.
Ini merupakan kemudahan yang menyenangkan saat Anda menyadari bahwa gambar
yang Anda tempatkan sudah tercampur dengan sekelilingnya -- tidak ada program
lain yang bisa melakukannya. Jika setiap feature bekerja sesederhana "tongkat
ajaib" tersebut, Anda mungkin bisa membuat halaman Web untuk setiap
orang.
Namun FrontPage memiliki rancangan sendiri mengenai bagaimana
melakukan apa yang menurut setiap orang adalah pekerjaan umum. Anda bisa
membuat image map dengan mudah, tetapi tidak bisa digunakan pada server
Internet berbasis UNIX. Anda harus membuat perangakt lain untuk membuat
image map secara manual. Sedihnya, Anda tidak bisa menyunting sumber HTML
dari dalam FrontPage, sehingga Anda harus menutup file tersebut, mencarinya
pada hard disk, dan melakukan perubahan menggunakan sebuah program penyunting
teks, baru kemudian kembali ke FrontPAge. Anehnya, FrontPAge tidak mendukung
ekstensi buatan Microsoft sendiri yaitu untuk menggulung tampilan dan applet
ActiveX.
FrontPage juga dilengkapi dengan beberapa applet yang memberikan
Anda kontrol lengkap pada beragam proyek Web lengkap. FrontPage Explorer
menyalin gambar tambahan ke direktori tempat Anda membuat halaman tersebut,
memungkinkan Anda mengukuti link dari halaman ke halaman sambil menyunting
dan membuat sebuah daftar tugas yang harus dilakukan dari sebuah halaman
yang belum selesai. Web Server memungkinkan Anda membrowse halaman yang
sedang Anda buat dari browser selain Internet Explorer.
FrontPage tidak memberikan Anda bantuan dalam mempublikasi halaman
ke server yang tidak menjalankan Windows. Untuk mempublikasi halaman Anda,
pertama kali Anda harus mengekspornya dari beragam direktori FrontPage
ke satu direktori; lalu mengupload direktori tersebut ke server ISP Anda.
Netscape Navigator Gold 3.0 :
Kelebihan: Pembuatan tabel secara mudah; dukungan untuk server
UNIX. Kekurangan: Tidak ada image map atau perangkat pembuat form; interface
multi-jendela yang membingungkan; dokumentasi disimpan pada server Netscape.
Seperti Backstage Designer dan FrontPage, saat Anda mengubah teks
atau warna latar belakang, menyisipkan gambar, atau menambahkan sebuah
aturan, Anda akan melihat hasilnya secara langsung. Dan seperti FrontPage,
Anda bisa mengklik tombol kanan mouse pada obyek untuk melihat opsinya.
Program ini tidak secara tepat menampilkan teks yang menyesuaikan diri
di sekeliling pembatas gambar, tetapi Anda bisa melihat langsung pada Netscape
Navigator dengan sekali klik. Seperti keluarga browser-nya, Navigator Gold
tersedia gratis untuk kalangan pendidikan dan nirlaba.
Kelemahan utama program ini adalah tidak mendukung image map dan
form. Anda harus menulis kode sendiri atau menggunakan program lain seperti
HoTMetaL Pro untuk menambahkannya di lain waktu. Dua feature lain yang
tidak ada adalah pemeriksa ejaan dan pembuat frame (padahal frame adalah
inovasi Netscape).
Seperti Backstage Designer, Navigator bisa membantu Anda mempublikasi
halaman yang sudah selesai ke server UNIX ISP Anda. Namun tidak seperti
Backstage Designer, Anda tidak perlu kembali dan membuang tanda garis miring
pada file gambar. Namun keduanya memiliki masalah kompatibilitas UNIX yang
sama: Keduanya mengharuskan Anda menuliskan path secara lengkap dari direktori
home Anda pada server Web. Dan tidak seperti sebuah perangkat FTP lengkap
seperti WS-FTP, perangkat publishing Navigator Gold tidak bisa membuat
direktori pada server ISP.
Masalah terakhir: file help ada di server Netscape, berarti Anda
harus berada di dekat telepon atau harus memiliki koneksi ke Internet jika
ingin mengetahui penjelasan terhadap hal apapun. Jika yang Anda perlukan
adalah halaman sederhana, program murah dari Netscape ini mungkin pilihan
terbaik Anda.
Softquad HoTMetaL Pro :
Kelebihan: Dukungan tag HTML terluas; pemeriksa kode HTML; penyunting
gambar yang bagus. Kekurangan: Interface tidak WYSIWIG; konversi URL kurang
menyenangkan sebelum publikasi; tidak bisa menyunting sumber HTML.
HoTMetaL Pro bisa menangani pembuatan semua HTML -- jika Anda
sudah mengetahui cara penggunaannya. Interface perangkat ini pada awalnya
tidak menyenangkan -- empat baris tombol dan sebuah jendela preview dengan
sedikit icon tag di manapun ada tab HTML. Tidak seperti program grafis
murni, Anda bisa memasukkan tag HTML kapanpun dimungkinkan, seperti setelah
tag HTML penutup halaman. Namun karena adanya perintah pemeriksaan HTML
HoTMetaL Pro, yang memeriksa semua kode, Anda bisa mengetahui adanya kesalahan
dan memperbaikinya sesegera mungkin.
Seperti FrontPage HoTMetaL Pro memiliki interface multi-dokumen,
sehingga Anda bisa secara simultan membuat seluruh halaman sebuah lokasi
Web. Jendela editor tidak menampilkan gambar latar belakang, tetapi Anda
bisa mengkonfigurasi toolbar untuk membuka hingga empat program browser
untuk melihat bagaimana tampilan halaman Anda dalam beragam setting.
HoTMetaL Pro adalah satu-satunya program yang memungkinkan Anda
memasukkan tua tipe utama teks menggulung ( dan Java). Untuk teks menggulung
yang didukung Navigator, HoTMetaL Pro menampilkan kotak dialog untuk mempaste dalam kode JavaScript.
Namun ada satu masalah: HoTMetaL Pro menambahkan
pasangan tanda petik tambahan pada applet JavaScript, yang menghasilkan
error. Masalah tersebut tidak terlihat pada tag di layar HoTMetaL Pro.
Dalam kaitannya dengan pengiriman halaman Web ke server, HoTMetaL Pro tidak
bisa membantu sama sekali.
Menyimpan Web Pages dan Membuka Banyak Dokumen :
Web Pages merupakan file teks ASCII sederhana yang tersimpan dalam
kode HTML (Hyper Text Markup Language). Jika Anda ingin mengirim teks Web
pages sebagai sebuah pesan e-mail atau menggunakannya untuk beberapa tujuan
offline, file Web pages tersebut terlebih dahulu harus disimpan ke disk
(media penyimpanan), lalu semua kode HTML-nya dibuang. Untuk membuang kode-kode
HTML, Anda bisa sebarang pengolah kata. Tetapi setiap program membutuhkan
teknik yang berbeda.
Inilah tip tentang cara membuang kode-kode HTML dari Web pages dengan
menggunakan Microsoft Word :
Untuk menghilangkan kode-kode HTML dengan MS Word 6.0 for Windows
dan MS Word 7.0 for Windows, gunakan fasilitas Pattern Matching yang terdapat
dalam kotak dialog Replace. Sayang proses ini sama sekali tidak intuitif.
Di bawah ini dijelaskan bagaimana menggantikan kode-kode tersebut pada
pengolah kata MS Word 6.0 dan 7.0 :
1. Pilih submenu Open dalam menu File, kemudian pilih All Files dari
daftar jenis File yang dapat ditarik ke bawah. Berikutnya buka dokumen
HTML yang Anda ingin buang.
2. Pilih submenu Replace dalam menu Edit. Dalam kotak dialog Replace,
ketik \<*\> dalam kotak Find What. Periksa kotak Use Pattern Matching,
dan dengan menggunakan mouse klik Replace All. Setelah semua kode HTML
dibuang, Anda seharusnya menghapus beberapa baris kosong yang berlebihan.
Menggunakan Word Pro :
Jika Anda menggunakan Word Pro, ada beberapa keuntungan yang bisa
diperolah. Word Pro dapat melakukan dua fungsi sekaligus, yaitu membuka
dan menyunting file HTML secara langsung. Dalam Word Pro, semua file teks
(termasuk file HTML pada Web) akan kelihatan sama. Untuk menghilangkan
kode-kode HTML, Anda harus menyimpan dokumen Web pages ke dalam format ASCII. Ikuti tahap-tahap berikut :
1. Pilih submenu Open dari menu File. Lanjutkan dengan memilih HTML
(*HTM) dari daftar Files of type yang dapat ditarik ke bawah, dan buka
file HTML.
2. Jika file telah selesai dimuat, pilih submenu Save As pada menu
File dan masukkan nama baru. Pilih format file Text-ASCII (DOS) (*.*).
File yang dihasilkan akan bersih dari kode HTML.
Here are some of my favorite links:
If you have any comment or suggestion please e-mail me.....thank you !!
Number of visits to this page:
Space for this web page is provided as a service by
InfoLanka.
The contents of this page are the responsibility of its
creator, not InfoLanka