<— memakai 1 atribut <— memakai 2 atribut 3.2.3 Karakter-Karakter Khusus Semua browser mengenal karakter ASCII berkode 32 sampai 126, yaitu kode untuk angka 0-9, huruf a-z dan A-Z serta tanda-tanda baca seperti '?' atau '!'. Jika Anda ingin menggunakan kode-kode ASCII diluar kode itu, Anda harus menyertakan kode ASCII khusus yang disebut ASCII Escape Sequence. Format penggunaannya adalah &#n, dimana n adalah nomor kode ASCII yang diinginkan (0-31 & 127-255). Akan tetapi karena ada beberapa karakter ASCII yang juga digunakan sebagai komponen tag, misalnya "<", "&" atau ">", maka karakterkarakter ini harus ditangani secara khusus dengan kode-kode berikut :

3.2.2 Atribut Tag

Atribut nama, misalnya ALIGN, WIDTH dll.

2.

Atribut tanda sama dengan (=).

3.

Atribut nilai, misalnya '60', "80%", "red", "index.html" dll.

---

---

---

OK

Akan tetapi sebaiknya Anda membiasakan diri untuk menggunakan tanda petik agar terhindar dari kemungkinan salah interprestasi dari sebagian browser yang ada. Jadi, meskipun cara penulisan tag seperti bisa digunakan, akan tetapi akan lebih baik (dan aman) jika Anda menulisnya dengan .

Beberapa atribut nama dapat dihilangkan jika nama atribut namanya sama dengan atribut nilainya. Sebagai contoh, tag

bisa ditulis dengan
saja.

w.

Jika atribut tidak dipakai, maka browser akan menganggap atribut yang digunakan adalah atribut default, yaitu atribut yang dipasang pada tag (akan dijelaskan pada sub bab berikutnya). Jika menggunakan lebih dari satu atribut, maka setiap atribut yang digunakan harus dipisah dengan tanda spasi, bukan koma. Lihat contoh berikut:

<— tanpa atribut

ww





Karakter

BC

Atribut nilai boleh juga ditulis tanpa tanda kutip, karena itu tiga contoh dibawah ini sama benarnya:

lu

1.

b.

Sebuah tag bisa memiliki satu atribut atau lebih. Atribut digunakan untuk mengendalikan kerja tag bersangkutan. Berikut adalah 3 macam atribut yang mungkin dimiliki oleh sebuah tag:

OKB Club Indonesia – http://www.okbclub.com

51

< > & " ± Spasi

Notasi < > & " ±  

Keterangan Kurung runcing buka Kurung runcing tutup Tanda Dan Tanda petik ganda Tanda plus minus Tanda spasi

Selain kode-kode diatas, ada beberapa kode karakter khusus yang sering digunakan dalam file-file HTML. Notasi tersebut adalah: Karakter  

Notasi © ®

Keterangan Tanda hak cipta (Copyright) Tanda terdaftar (Registered)

3.2.4 Menangani Spasi dan Ganti Baris Browser apapun yang Anda gunakan, tidak mengenal kode spasi lebih dari satu spasi, tidak mengenal kode ganti baris (enter/cariage return) dan tidak mengenal kode tab! Ini berarti bahwa 1000 Enter + 1000 Spasi = 1 Spasi! Jika Anda menulis teks html seperti ini :

OKB Club Indonesia – http://www.okbclub.com

52

m

Riset 11 Orang Staf 6 Orang

Selain tag , Anda juga bisa menggunakan tag … . Tetapi sayangnya, tag ini hanya dikenal oleh Internet Explorer dan Mosaic.

co

Maka yang akan ditampilkan oleh browser Anda adalah seperti ini:

3.3 MEMULAI MEMBUAT HOMEPAGE

Riset 11 Orang Staf 6 Orang

CATATAN :

3.3.1 Bagaimana Memulainya? Cara terbaik untuk memulainya adalah dengan menciptakan homepage lokal didalam Hard Disk Anda. Buatlah folder baru di drive C:\ atau D:\ dengan nama apa saja, misalnya C:\www.gratis.com.

OK



 Riset 11 Orang Staf 6 Orang 



3.2.5 Menyisipkan Komentar

tag

BC

Cara penulisan diatas dapat disederhanakan dengan

…

sehingga akan tampak seperti ini:

lu

Riset 11 Orang
Staf     6 Orang

b.

Untuk mengatasinya, Anda harus menggunakan tag
sebagai ganti baris dan menggunakan kode karakter khusus   untuk menampilkan tanda-tanda spasi, sehingga teks html diatas harus ditulis seperti ini :

Setelah dapat menjawab semua pertanyaan pada sub bab 3.1.3 dan memahami dasar-dasar HTML pada sub bab 3.2, sekaranglah saatnya untuk masuk kebagian yang lebih menyenangkan, yakni terjun langsung kedalam pembuatan halaman web yang sesungguhnya menggunakan perangkat yang sangat minim, NotePad (atau WritePad) dan Internet Explorer! Kedua program ini secara default sudah ada didalam setiap sistem operasi windows 95/98/2000/ME/NT yang Anda gunakan. Tetapi jika sempat, sekaranglah saatnya untuk men-download 1st Page 2000 atau HomeSite! (lihat sub bab 3.1.4).

Baris-baris didalam file HTML dapat diberi komentar untuk memudahkan Anda atau orang lain memahami kode sumbernya. Setiap komentar harus diawali dengan tanda "". Lihat contoh berikut:

Sebelum memiliki satupun editor HTML seperti yang dijelaskan pada sub bab 3.1.4, Anda dapat mulai menciptakan halaman-halaman web dengan NotePad yang ada pada setiap Windows (klik Start Æ Programs Æ Accessories Æ Notepad). Berilah ekstensi .htm (atau .html) pada setiap file yang Anda buat. Untuk mencoba hasilnya, gunakan Internet Explorer dengan cara klik Start Æ Programs Æ Internet Explorer. Setelah Internet Explorer aktif, klik File Æ Open File Æ Open File in Browser… atau cukup dobel klik pada nama_file.html yang ingin ditampilkan kedalam browser.

atau

w.

<TITLE>Welcome to OKBCLUB Home Page

ww

<TITLE>Welcome to OKBCLUB Home Page

OKB Club Indonesia – http://www.okbclub.com

53

OKB Club Indonesia – http://www.okbclub.com

54

m

3.3.3 Informasi Versi HTML

co

HTML sesungguhnya adalah salah satu aplikasi dari tipe-tipe dokumen (yang disebut DTD-Document Type Definition) dari bahasa-meta SGML. Sebuah HTML DTD berisi informasi yang menentukan secara detail tentang sintak serta tata bahasa dari penggunaan mark-up HTML.

b.

Pada saat ini, ada banyak versi HTML yang masing-masing ditentukan oleh versi DTD-nya dimana setiap DTD ditandai dengan sebuah label yang disebut FPI (Format Public Identifier). Pada saat membuat sebuah file HTML, DTD yang kita gunakan harus dideklarasikan pada baris pertama file HTML seperti tampak pada tampilan format dasar file HTML diatas.

Draft HTML versi 4.0 pertama kali diumumkan pada 8 juli 1997, menyempurnakan HTML versi 3.2 yang sebetulnya baru terbit Januari 1997. Meski demikian, sampai saat buku ini ditulis masih banyak dokumen HTML yang ditemukan di Internet masih menggunakan draft HTML versi 3.2. Kemukinan ini karena editor yang mereka pakai menggunakan default draft versi 3.2. Berikut adalah beberapa standar draft HTML yang bisa digunakan.

BC

3.3.2 Format Dasar File HTML

lu

Gambar 3.3: Buat folder www.gratis.com di drive c:\ atau d:\ untuk menyimpan homepage lokal

Setiap halaman web setidaknya memiliki format dasar HTML seperti ini:

Isi dari file

IETF (Internet Engineeiring Task Force) HTML 3.2 DTD :

OK

Informasi mengenai isi file

Versi HTML yang saat ini banyak digunakan adalah versi 4.0. HTML versi 4.0 disusun oleh kelompok kerja W3C (http://www.w3.org) yang bekerja sama dengan Adobe Systems, Hewlett Packard, Microsoft, IBM, Nescape Communications, Novell, SoftQuad, Spyglass dan Sun Microsystems. Juga dibantu oleh spesialis-spesialis content provider seperti HotWired, Verso dan PathFinder.

w.

Baris pertama adalah tag untuk menentukan versi html yang digunakan dalam dokumen. Pada prakteknya, kode ini kadang dapat diabaikan alias boleh ditulis boleh tidak. Penjelasan lebih rinci akan dijelaskan dibawah.

ww

Ruang diantara tag dan dapat diisi dengan informasi mengenai halaman bersangkutan, misalnya editor yang digunakan untuk menulis halaman tersebut, informasi mengenai siapa pembuatnya, judul halaman, isi, kata kunci dll. Sedangkan ruang diantara tag dan adalah ruangan untuk diisi materi utama homepage Anda. OKB Club Indonesia – http://www.okbclub.com

55


HTML HTML HTML HTML HTML

PUBLIC PUBLIC PUBLIC PUBLIC PUBLIC

"-//IETF//DTD "-//IETF//DTD "-//IETF//DTD "-//IETF//DTD "-//IETF//DTD

HTML//EN//3.2"> HTML 3.2//EN"> HTML 3.2//EN//"> HTML Level 3.2//EN"> HTML 3.2 Level 3.2//EN">

W3C HTML 3.2 & 4.0 DTD :
HTML HTML HTML HTML HTML HTML

PUBLIC PUBLIC PUBLIC PUBLIC PUBLIC PUBLIC

"-//W3C//DTD "-//W3C//DTD "-//W3C//DTD "-//W3C//DTD "-//W3C//DTD "-//W3C//DTD

HTML HTML HTML HTML HTML HTML

3.2 Draft//EN"> 3.2//EN"> 4.0 Draft//EN"> 4.0 Transitional//EN"> 4.0 Final//EN"> 4.0//EN">

OKB Club Indonesia – http://www.okbclub.com

56

m

Cobalah ketik baris-baris diatas dengan NotePad dan simpan dengan nama file index.html kedalam folder c:\www.gratis.com\. Setelah itu, jika file tersebut Anda klik ganda, Anda akan mendapatkan tampilan seperti gambar 3.4.

CATATAN :

co

Semua contoh dalam buku ini menggunakan kode FPI W3C versi 3.2 atau 4.0 seperti ini:

b.

Jika Anda mengedit file HTML menggunakan Netscape Navigator Gold atau Ms. FrontPage 97, file HTML yang dihasilkan secara otomatis menggunakan FPI seperti ini:

Sementara Netscape Composer akan menghasilkan kode FPI berikut: "-//W3C//DTD

Gambar 3.4: Judul halaman ditampilkan disebelah kiri atas browser

HTML

3.3.4 Memberi Judul Halaman/Bookmark

4.0

Sekarang coba tambahkan halaman tersebut kedalam Bookmark (Netscape) atau Favorites (Internet Explorer), maka Anda akan mendapatkan hasil seperti tampak pada gambar 3.5.

BC



lu



OK

Ketika Anda membuka sebuah homepage, browser Anda akan menampilkan judul homepage bersangkutan di ujung kiri atas layar browser. Jika kemudian Anda menyimpan alamat URL-nya kedalam bookmark, maka judul ini akan digunakan sebagai keterangan mengenai isi alamat URL yang Anda simpan. Untuk membuat judul halaman web semacam ini, gunakan tag <TITLE>… dan letakkan diantara tag dan seperti ini :

ww

w.

<TITLE>HomePage SERBA-GRATIS Home Page SERBA GRATIS

OKB Club Indonesia – http://www.okbclub.com

57

Gambar 3.5: Judul halaman secara otomatis dipakai sebagai judul bookmark

OKB Club Indonesia – http://www.okbclub.com

58

m

Kode-kode bahasa yang lain adalah LANG=en untuk bahasa Inggris, LANG=de untuk bahasa belanda dan lain sebagainya. Penggunaan atribut bahasa ini memungkinkan untuk ditampilkannya karakter-karakter khusus pada bahasabahasa tertentu untuk keperluan speech synthesis, klasifikasi teks yang digunakan dalam search engine dll.

3.3.5 Informasi Untuk Search Engine

b.

Warna teks yang akan ditampilkan oleh browser secara global ditentukan oleh salah satu atribut yang ada pada tag . Secara lengkap, atribut yang dapat dipasang pada tag adalah sebagai berikut:

text="warna" - Warna teks link="warna" - Warna link vlink="warna" - Warna link yang pernah dikunjungi alink="warna" - Warna link aktif background="file_gambar" - Latar belakang gambar bgcolor="warna" - Warna latar belakang

BC

<META NAME="penjelasan" CONTENT="isi">

3.3.6 Mengatur Warna Teks Global

lu

Semua informasi yang ingin disampaikan pada halaman web dapat kita masukkan dengan tag <META NAME=> diantara tag …. Format penggunaannya adalah:

co

Salah satu upaya agar homepage kita dikunjungi pemakai internet sebanyakbanyaknya adalah dengan mendaftarkan homepage kita ke setiap Search Engine apa saja yang bisa ditemukan. Search Engine adalah mesin pencari URL otomatis yang bisa digunakan untuk menemukan topik-topik tertentu dibelantara web. Beberapa search engine yang terkenal diantaranya adalah Yahoo, AltaVista, InfoSeek dan WebCrawler. Jika pencarian ditemukan, search engine akan menampilkan informasi-informasi mengenai isi URL yang ditemukan. Seberapa lengkap/jelas informasi yang dapat ditampilkan oleh search engine tergantung dari pengisian saat pendaftaran atau tergantung dari isi tag informasi pada dokumen html yang ditemukan.

Sebagai contoh, berikut adalah penggunaan tag <META> untuk beberapa informasi yang akan digunakan oleh search engine sebagai referensi:

OK

<TITLE>Home Page SERBA GRATIS <META NAME="Autor" CONTENT="OKB Club Indonesia"> <META NAME="Generator" CONTENT="Microsoft FrontPage 4.0"> <META NAME="Description" CONTENT="Home Page SERBA GRATIS adalah referensi lengkap tentang semua materi di internet yang dapat diperoleh secara GRATIS !"> <META NAME="KeyWords" CONTENT="gratis,'serba gratis',free, 'free stuff','free email','free web space','free counter'">

w.

Jika halaman-halaman homepage Anda terdiri dari beberapa bahasa, Anda bisa mendefinisikan bahasa yang Anda gunakan dengan atribut LANG. Sebagai contoh, jika isi dokumen web Anda ditulis dalam bahasa Perancis, Anda dapat menggunakan attribut LANG seperti ini:

ww

<META NAME="Author" LANG=fr CONTENT="OKB Club Indonesia">

OKB Club Indonesia – http://www.okbclub.com

59

Dimana "warna" dapat berupa kode warna atau kode nama warna. Jika menggunakan kode warna, format yang digunakan adalah #rrggbb. Masingmasing huruf rr, gg dan bb mewakili kode angka red, green dan blue dari #00 sampai #ff heksa.

Sebagai contoh, untuk menampilkan seluruh teks berwarna merah, Anda dapat menggunakan kode berikut : Teks ini akan ditampilkan dalam warna MERAH

Jika menggunakan kode nama warna, kode yang dapat digunakan adalah namanama warna dalam bahasa inggris. Sebagai contoh, kode diatas dapat diganti dengan baris-baris berikut dengan hasil yang sama : Teks ini akan ditampilkan dalam warna MERAH

OKB Club Indonesia – http://www.okbclub.com

60

m co

Netscape Navigator versi 3.0 keatas mengenal 140 nama warna (http://developer.netscape.com/docs/manuals/communicator/jsguide4/colors.htm ). Akan tetapi Microsoft Internet Explorer dibawah versi 4.0 hanya mengenal 16 nama warna saja. Jika atribut tidak digunakan, browser akan menggunakan warna teks hitam dan latar belakang putih atau abu-abu (tergantung brower dan versi browser yang dipakai) dengan link berwarna biru.

b.

Berikut adalah 16 nama warna tersebut yang otomatis juga didukung oleh Netscape Navigator:

Gambar 3.6: Menggunakan dua latar belakang sekaligus

= = = = = =

#000000 #FFFFFF #FF0000 #FFFF00 #00FF00 #00FFFF

Blue Fuchsia Gray Silver Maroon

= = = = =

#0000FF #FF00FF #808080 #C0C0C0 #800000

Olive Green Teal Navy Purple

= = = = =

#808000 #008000 #008080 #000080 #800080

BC

3.3.7 Mengatur Warna Latarbelakang

lu

Black White Red Yellow Lime Aqua

OK

Warna latar belakang (background) dapat dimanipulasi dengan dua cara. Pertama, menggunakan atribut BGCOLOR dan yang kedua, menggunakan atribut BACKGROUND. BGCOLOR digunakan untuk membuat latar belakang dengan warna-warna solid, sedangkan BACKGROUND digunakan untuk membuat latar belakang dengan file gambar. Sebagai contoh, untuk menampilkan teks putih dengan latar belakang hitam, Anda dapat menggunakan cara berikut :

HOME PAGE SERBA-GRATIS !



ww

w.

Anda juga dapat menggunakan kedua atribut bersama-sama sebagai cadangan jika atribut BACKGROUND yang menggunakan gambar sebagai latar belakang gagal me-load gambar dari server. Gambar 3.6 adalah contoh penggunan kedua atribut ini bersama-sama untuk mendapatkan warna latar belakang hitam jika file gambar background.jpg yang dipakai sebagai latar belakang gagal di-load.

OKB Club Indonesia – http://www.okbclub.com

61

Gambar 3.7: Hasil gambar 3.6 jika file background berhasil di load

Cara diatas adalah trik yang harus digunakan jika Anda ingin menampilkan karakter-karakter dengan warna terang. Sebab jika Anda menggunakan teks putih/kuning, sementara gambar berwarna gelap yang akan dipakai sebagai latar belakang gagal di-load, maka browser akan secara otomatis menggunakan warna latar belakang default (putih) sehingga tulisan Anda kemungkinan besar tidak terbaca oleh pengunjung.

OKB Club Indonesia – http://www.okbclub.com

62

server yang digunakan adalah server yang sama dengan lokasi dokumen Anda, maka penulisan alamat servernya dapat dihilangkan seperti ini :

m

Perhatikan juga bahwa contoh diatas menggunakan file gambar background.jpg yang berada dilokasi yang sama dengan lokasi file index.html berada. Jika file gambarnya berada dilokasi lain, Anda harus menulisnya dengan lokasi yang benar, misalnya:

co

Trainer Daikatana

Dan jika lokasi file daikatana.htm berada dalam sub direktori yang sama, Anda cukup menulis baris diatas dengan cara berikut :



Dan jika file gambarnya berada dialamat server (situs web) yang lain, maka Anda harus menggunakan alamat server tersebut secara lengkap, misalnya :

b.

Trainer Daikatana

3.3.8 Menggunakan Link

Contoh :

OK

Nama Link

BC

Satu diantara dua tag yang 80%-nya digunakan dalam setiap halaman web adalah (selain tag ). Tag ini digunakan untuk melompat ke halaman html lain, baik yang berada dalam server bersangkutan maupun diserver lain. Segala sesuatu (teks atau gambar) yang diapit dengan tag ini apabila di klik akan membawa user ke halaman lain sesuai atribut HREF yang digunakan dalam tag tersebut. Format penggunaannya adalah sebagai berikut :

Trainer Daikatana

Trainer Daikatana

w.

Yang akan ditampilkan oleh browser seperti ini :

Anda juga dapat melompat ke bagian lain dalam file dokumen yang sama. Dalam hal ini lokasi tujuan lompatannya harus diberi nama terlebih dahulu. Sebagai contoh, didalam file index.htm terdapat topik "Yang Baru Hari Ini" dan Anda ingin membuat link-nya dari halaman yang sama pada posisi paling atas layar. Untuk melakukannya, pertama-tama Anda harus memberi nama lokasi topiknya dengan cara berikut :

lu



Yang Baru Hari Ini:

Setelah itu, untuk membuat link kebagian tersebut, gunakan cara berikut : Yang Baru Hari Ini

3.3.9 Mengatur Warna Link Teks yang dijadikan link secara otomatis akan diberi garis bawah dan secara default akan diberi warna biru, saat diklik akan berwarna ungu dan setelah di klik warnanya akan berubah menjadi ungu. Untuk mengganti warna default ini, gunakan atribut link dan alink dan vlink pada tag . Sebagai contoh, untuk mengganti warna link menjadi merah, saat diklik berwarna biru dan setelah di klik menjadi hijau, gunakan cara berikut :

ww

Apabila mouse diklik diatas teks Trainer Daikatana, maka browser akan membuka file daikatana.htm dialamat server infocheast.tripod.com. Apabila

OKB Club Indonesia – http://www.okbclub.com

63

OKB Club Indonesia – http://www.okbclub.com

64

m



---

---




---

---




---

---




---

---

Copyright © 2000 OKB Club Indonesia.

3.3.10 Membuat Garis Horisontal

co

Garis horisontal biasanya digunakan untuk mempercantik tampilan atau untuk memisah dua informasi dengan inti yang berlainan. Garis horisontal dapat dibuat dengan tag

---

. Dalam mode default, tag

---

akan membangkitkan garis horisontal yang hampir membelah layar dari kiri ke kanan dengan garis berwarna abu-abu berbayang. Jika ingin ditampilkan dengan tampilan yang lain, Anda dapat menggunakan atribut-atribut berikut:

3.4 MANIPULASI TEKS

b.

ALIGN="left | right | center" - Mengatur posisi garis NOSHADE - Tidak menggunakan bayangan

Seperti sebuah dokumen, salah satu unsur yang menentukan menarik atau tidaknya tampilan dokumen web adalah lay-out dan penggunaan jenis huruf yang tepat. Hal-hal khusus yang perlu penekanan sebaiknya ditampilkan dalam huruf tebal, sementara teks-teks yang mereferansi ke sesuatu hal diberi garis bawah atau huruf miring dan demikian seterusnya.

lu

SIZE="angka" - Untuk mengatur tinggi garis dalam pixel WIDTH="angka" - Untuk mengatur lebar garis dalam pixel atau persen Sebagai contoh, tampilan pada gambar 3.8 berikut :

OK

BC

Bagaimanapun ada sedikit perbedaan antara tampilan halaman utama sebuah web dengan tampilan dokumen cetak. Dalam membuat homepage, besar halaman utama web Anda sebaiknya tidak lebih dari 35 Kb. Jika lebih dari itu, teks yang dihasilkan akan menjadi sangat panjang sehingga tidak mirip dengan 'halaman' lagi. Lebih dari itu, halaman utama web yang terlalu panjang akan membuat pengunjung menjadi lupa akan inti yang ditawarkan web bersangkutan.

w.

Gambar 3.8: Contoh penggunaan tag

---



Huruf-huruf tebal dengan mudah dapat dibuat dengan tag …. Semua huruf atau teks yang diletakkan diantara tag ini akan ditampilkan tebal. Sebagai contoh, baris berikut:

akan ditampilkan oleh browser seperti ini:



---




---

---




ww

3.4.1 Tebal, Miring, Garis Bawah dan Kombinasi

Mengapa harus bayar kalau ada yang GRATIS!

Dihasilkan oleh baris-baris HTML seperti ini:

OKB Club Indonesia – http://www.okbclub.com

Dalam sub bab ini kita akan mempelajari cara mengatur ukuran huruf, mengatur posisinya, warnanya, tipe hurufnya dan semua hal yang berhubungan dengan manipulasi teks.

65

OKB Club Indonesia – http://www.okbclub.com

66

m

Karena setiap tag dapat dikombinasikan dengan tag yang lain, maka kita dapat membentuk efek campuran. Sebagai contoh, kita dapat membuat teks tebal, miring dan bergaris bawah dengan cara seperti ini:

Mengapa harus bayar kalau ada yang GRATIS!

co

Jika ingin menampilkan huruf atau teks miring (italic), tag yang harus digunakan adalah …. Contoh berikut ini :

Pokoknya semuanya GRATIS!

Situs ini berisi semua informasi yang dibutuhkan untuk Membangun HomePage Sendiri secara GRATIS!

b.

yang akan menghasilkan tampilan di browser seperti ini:

Pokoknya semuanya GRATIS!

Akan ditampikan oleh browser seperti ini:

Keterangan lebih lanjut, hubungi WebMaster SerbaGratis.

akan ditampilkan seperti ini :

Jam : 12<SUP>45 s/d 15<SUP>30 WIB.
Sudut : 90<SUP>o
Luas : 100m<SUP>2

OK

Jika dilihat dengan browser akan tampak seperi ini :

Keterangan lebih lanjut, hubungi WebMaster SerbaGratis. CATATAN :

SuperScript biasanya digunakan untuk menaikkan posisi karakter atau teks lebih tinggi dari teks normal, misalnya pada penulisan jam, tanda pangkat, derajat dan sebagainya. Perhatikan contoh berikut :

BC

Sementara itu, garis bawah dapat dibuat dengan mengapit teks dengan tag … . Lihat contoh berikut:

lu

3.4.2 SubScript & SuperScript

Situs ini berisi semua informasi yang dibutuhkan untuk Membangun HomePage Sendiri secara GRATIS!

ww

w.

Teks-teks yang dibuat link, secara otomatis juga ditampilkan dengan garis bawah oleh browser. Bedanya, garis bawah yang dibuat dengan tag … akan memiliki warna sesuai warna hurufnya, sedangkan teks bergaris bawah hasil link akan memiliki warna default link (biru) atau sesuai warna yang ditentukan oleh atribut LINK dan VLINK.

OKB Club Indonesia – http://www.okbclub.com

Jam : 1245 s/d 1530 WIB. Sudut : 90o Luas : 100m2 Sementara itu, SubScript biasanya digunakan untuk menurunkan posisi karakter atau teks menjadi lebih rendah dari teks normal, misalnya untuk menampilkan kode rumus atau indek. Sebagai contoh, tampilan seperti ini: Ucal = 3.1956 Atur selektor YA dan YB menjadi 50 Point XY14 XY15 Dapat dihasilkan dengan cara penulisan tag seperti ini:

67

OKB Club Indonesia – http://www.okbclub.com

68

m

U<SUB>cal = 3.1956
Atur selektor Y<SUB>A dan Y<SUB>B menjadi 50 Point
XY<SUB>14  XY<SUB>15

akan ditampilkan oleh browser seperti ini :

co

Penawaran khusus !!! Komputer

Seperti telah dijelaskan pada sub bab 3.2.4, karakter spasi yang lebih dari satu, karakter [tab] maupun [enter] akan diabaikan oleh browser. Browser tidak dapat menampilkan 2 baris teks jika pemisah diantara kedua baris tersebut adalah kode [enter]. Browser tidak dapat menampilkan 2 buah spasi jika yang digunakan benar-benar 2 buah spasi. Untuk mengatasi hal ini, yakni untuk menampilkan teks apa adanya (spasi ditampilkan spasi, [enter] ditanggapi sebagai [enter] dan sebagainya) kita dapat menggunakan tag

…

. Contoh dibawah ini akan ditampilkan browser dalam posisi yang persis sama dengan aslinya.

Pentium Celeron Pentium Pentium Pentium

Sepi Jalan Dalam Kenangan Suara Hujan Ketuk Kaca Jalanan Oh Suasana Nostalgia Yang Anda Menyentuh Rinduku Hari Yang Lalu

Untuk mencoret teks, Anda dapat mengapit teks yang ingin dicoret dengan tag <STRIKE> dan . Contoh dibawah ini :

ww

w.

Penawaran khusus !!!

 Komputer Speed Harga Lama Harga Baru
 Pentium MMX 266 Mhz Rp. <STRIKE>500.000,- Rp. 350.000,Celeron 500 Mhz Rp. <STRIKE>600.000,- Rp. 500.000,Pentium II 550 Mhz Rp. <STRIKE>850.000,- Rp. 650.000,Pentium III 1 Ghz Rp. <STRIKE>950.000,- Rp. 875.000,Pentium IV 2.2 Ghz Rp. <STRIKE>999.000,- Rp. 900.000,-



OKB Club Indonesia – http://www.okbclub.com

Harga Baru

266 500 550 1 2.2

Rp. Rp. Rp. Rp. Rp.

Rp. Rp. Rp. Rp. Rp.

Mhz Mhz Mhz Ghz Ghz

500.000,600.000,850.000,950.000,999.000,-

350.000,500.000,650.000,875.000,900.000,-

lu

OK

3.4.4 Mencoret teks

II III IV

Harga Lama

3.4.5 Membuat Teks Berkedip Jika Anda ingin menampilkan teks tertentu lebih menarik perhatian daripada teksteks yang lain, misalnya kata PERHATIAN! atau AWAS! Anda dapat menampilkannya dalam bentuk teks yang berkedip-kedip. Tag yang dapat digunakan adalah …. Contoh :

BC



 MALAM DIKOTAMU



MMX



Speed



b.



3.4.3 Menampilkan Teks Apa Adanya



 PERHATIAN! 
Ini adalah Situs Khusus Untuk Orang Dewasa. Bagi Anda yang berusia dibawah 21 tahun, silahkan klik tombol BACK di browser Anda!
 



CATATAN :



Fungsi pengedipan teks hanya didukung oleh Netscape. Jika user menggunakan NCSA Mosaic atau Internet Explorer, teks "PERHATIAN!" diatas tidak akan berkedip-kedip, melainkan ditampilkan seperti teks biasa!



3.4.6 Membuat Teks Berjalan Teks berjalan dapat dibuat dengan tag <MARQUEE>... Atribut yang umum digunakan adalah : BGCOLOR="warna" – Untuk mengatur warna background teks



69



OKB Club Indonesia – http://www.okbclub.com



70



 dimana n adalah angka dari 1 s/d 6. Margin dapat berupa "left" (default), "right" atau "center". Contoh :



m



DIRECTION="left | right" – Mengatur arah gerakan teks BEHAVIOR="scroll | slide | alternate" – Mengatur perilaku gerakan (scroll=teks bergerak berputar, slide=teks bergerak sekali lalu berhenti, alternate=teks bergerak kekiri lalu kekanan dst.) TITLE="pesan" – Pesan akan muncul saat mouse berada diatas teks SCROLLAMOUNT="angka" – Mengatur kecepatan gerakan dalam pixel, semakin banyak semakin cepat SCROLLDELAY="angka" – Mengatur waktu tunda gerakan dalam mili detik LOOP="angka | -1 | infinite" – Mengatur jumlah loop WIDTH="lebar" – Mengatur lebar blok teks dalam pixel atau persen



b.



co



 
Menggunakan Header Level 1 (
)
 
Menggunakan Header Level 2 (
)
 
Menggunakan Header Level 3 (
)
 
Menggunakan Header Level 3 (dengan ALIGN="center")
 
Menggunakan Header Level 3 (dengan ALIGN="right")
 
Menggunakan Header Level 4 (
)
 
Menggunakan Header Level 5 (
)
 
Menggunakan Header Level 6 (
)
 



CATATAN :



BC



 <MARQUEE BGCOLOR="Red" WIDTH="60%"> Teks ini ditampilkan berjalan dari kanan ke kiri !  



lu



Berikut adalah contoh untuk menampilkan teks dengan font arial berwarna putih diatas dasar merah yang berjalan dari kanan kekiri ditengah layar :



3.4.7 Menggunakan Header



OK



Jika fungsi teks berkedip hanya dimengerti oleh Netscape, maka fungsi teks berjalan hanya dimengerti oleh Internet Explorer. Untuk membuat teks berjalan yang juga dapat dimengerti oleh Netscape, Anda dapat menggunakan JavaScript atau file animasi!



ww







w.



Header adalah huruf-huruf atau teks berukuran khusus yang dapat digunakan untuk memberi judul suatu bab atau sub bab dalam dokumen. Ada 6 level ukuran header yang dapat digunakan sesuai kebutuhan. Header level 1 adalah header dengan ukuran huruf paling besar sedangkan header level 6 adalah header dengan ukuran huruf paling kecil. Sintak penggunaannya adalah sebagai berikut:



OKB Club Indonesia – http://www.okbclub.com



71



Gambar 3.9: Mengatur ukuran font dengan Header



3.4.8 Mengatur Paragraph Setiap dokumen biasanya terdiri dari satu paragraph atau lebih. Masing-masing paragraph dipisahkan dengan spasi kosong. Secara umum Anda bisa memakai dua tag 
 untuk membuat spasi kosong diantara 2 paragraph, tetapi ini tidak praktis. Ada tag khusus yang dapat digunakan untuk memisahkan paragraph, yaitu



OKB Club Indonesia – http://www.okbclub.com



72



 co



Ini adalah paragraph pertama. 
Dan ini adalah paragraph kedua. Akan menghasilkan efek yang sama dengan baris ini:



b.



Ini adalah paragraph pertama 

Dan ini adalah paragraph kedua.



Tag 
 sebenarnya memiliki atribut khusus yang dapat kita gunakan untuk mengatur mode perataan (alignment) teksnya. Sintak penggunaannya adalah seperti ini:



"left" - Untuk membuat paragraph rata kiri (default) "right" - Untuk membuat paragraph rata kanan



BC







lu



3.4.9 Mengatur Alignment



dimana mode_perataan adalah mode perataan teks yang dapat berupa:



GRATIS! Dari mulai akses internet-nya, alamat email-nya, editor-nya, program-program bantunya, trik-triknya, informasinya, web server-nya, guestbook-nya, counter-nya, script-nya dll. 
Situs ini berisi semua informasi yang dibutuhkan untuk Membangun Home Page Sendiri secara GRATIS! Dari mulai akses internet-nya, alamat email-nya, editor-nya, program bantunya, trik-triknya, informasinya, web server-nya, guestbook-nya, counter-nya, script-nya dll. 
Situs ini berisi semua informasi yang dibutuhkan untuk Membangun Home Page Sendiri secara GRATIS! Dari mulai akses internet-nya, alamat email-nya, editor-nya, program bantunya, trik-triknya, informasinya, web server-nya, guestbook-nya, counter-nya, script-nya dll. 
Situs ini berisi semua informasi yang dibutuhkan untuk Membangun Home Page Sendiri secara GRATIS! Dari mulai akses internetnya, alamat email-nya, editor-nya, program bantunya, trik-triknya, informasinya, web servernya, guestbook-nya, counter-nya, script-nya dll. 



m



tag 
. Secara otomatis, penggunaan tag ini akan membangkitkan efek yang sama dengan penulisan 2 buah tag 
. Contoh:



OK



"center" - Untuk membuat paragraph berada ditengah layar "justify" - Membuat paragraph rata kiri dan kanan (hanya berlaku untuk Netscape Comunicator dan MS Internet Explorer versi 4 beta 2 keatas)



w.



Sebagai contoh, tampilan pada gambar 3.10 dihasilkan dari baris-baris dibawah ini. Paragraph pertama menggunakan mode perataan default (rata kiri), paragraph kedua menggunakan mode rata-kanan, paragraph ketiga menggunakan mode 'center' dan paragraph terakhir menggunakan mode perataan kiri dan kanan (justify).



ww



 
Situs ini berisi semua informasi yang dibutuhkan untuk Membangun Home Page Sendiri secara OKB Club Indonesia – http://www.okbclub.com



73



Gambar 3.10: Contoh-contoh pengaturan aligment teks



OKB Club Indonesia – http://www.okbclub.com



74



 m



satu penyedia jasa Internet. Tetapi bagaimana sebenarnya mekanisme yang terjadi sehingga kita dapat berkencan?
 --Majalah Infokomputer, Oktober 1999 –  



TIPS :



co



Penggunaan tag 
 menghasilkan reaksi yang sama dengan penggunaan tag 
 … .



3.4.10 Mengatur Indent Paragraph



3.4.11 Memilih Font



Jika Anda menghendaki sebuah paragraph lebih masuk kedalam (indent) dari pada paragraph-paragraph yang lain, Anda dapat menggunakan tag 
…
.



lu



b.



Secara default, semua teks normal yang ditulis dihalaman web akan ditampilkan dengan tipe huruf (font) Times New Roman berukuran 10 point, sedangkan teksteks formatted akan ditampilkan dengan tipe huruf Courier New. Dari sisi user, jika ingin tampilan dengan tipe huruf yang lain, user dapat merubah tipe-tipe hurufnya dengan cara merubah setting huruf default di browser-nya dengan cara seperti ini: Jika menggunakan Netcape Navigator : Klik menu Options Æ General Preference… Æ pilih tab Fonts Æ klik tombol Choose Font….



OK



BC



Jika menggunakan Internet Explorer : Klik menu View Æ Internet Options… Æ pilih tab General Æ klik tombol Fonts….



Gambar 3.11: Indent paragraph dapat diatur dengan 




w.



Sebagai contoh, tampilan pada gambar 3.11 diatas adalah hasil dari baris-baris html dibawah ini :



ww



 Teks normal …. 
 
Routing di Internet 
Kita semua tahu Internet menghubungkan komputer-komputer yang ada dimuka bumi ini. Kita dapat mengirim e-mail yang berada di Australia, Amerika, Eropa dan banyak lagi. Kita juga dapat kencan dengan gadis Boston, demikian iklan salah



OKB Club Indonesia – http://www.okbclub.com



75



Sedangkan dari sisi perancang web, berbagai macam atribut huruf seperti ukuran, warna atau tipe hurufnya dapat diatur dengan tag …. Tag ini adalah satu-satunya tag manipulasi karakter bergaya fisik yang memiliki attribut. Tag  pertama kali diperkenalkan oleh Netscape untuk mengatur ukuran huruf. Kemudian disusul oleh Internet Explorer yang juga menambahkan 2 atribut baru, COLOR dan FACE. Semenjak saat itu, browser-browser berbasis grafik yang biasanya hanya menampilkan huruf tebal, miring garis bawah dan huruf-huruf berlebar tetap (fixed-width) atau kombinasi diantaranya, dapat ditampilkan lebih bervariasi lagi. Format penggunaan tag ini adalah:  dimana ukuran adalah angka 1 s/d 7, warna adalah kode warna (lihat sub bab 3.3.6) dan tipe_font adalah nama tipe huruf yang diinginkan. Sebagai contoh, baris-baris dibawah ini akan ditampilkan browser seperti tampilan gambar 3.12.  Ini tipe huruf normal (Times New Roman).
 Ini tipe huruf ALGERIAN.




OKB Club Indonesia – http://www.okbclub.com



76



 m



Ini tipe huruf Comic Sans MS.
 Ini tipe huruf Haettenschweiler.
 Ini tipe huruf Broadway.
 Ini tipe huruf DIPLOMA.
 Ini tipe huruf Tahoma.
 Ini tipe huruf HARLOW. 



TIP MEMILIH FONT :



Pilihlah font yang kira-kira dimiliki oleh kebanyakan komputer pengunjung homepage Anda. Jika Anda menggunakan font yang tidak umum, maka kemungkinan besar pengunjung situs Anda tidak memiliki tipe font seperti yang Anda miliki. Sebagai akibatnya, browser akan menampilkan huruf dengan font default (New Times Roman) sehingga tujuan Anda untuk menggunakan tipe-tipe font yang menurut Anda bagus malah bisa menjadi tidak karuan! 2. Jika Anda tidak yakin pengunjung Anda memiliki font seperti yang Anda inginkan, gunakanlah font alternatif (menggunakan font lain jika font yang Anda inginkan tidak mereka miliki). Caranya adalah dengan mencantumkan tipe font alternatifnya dibelakang font yang sudah ada dengan perantara tanda koma. Jika ada spasi, font tersebut harus dikurung dengan tanda petik tunggal. Contoh: teks



BC



lu



b.



co



1.



3.4.12 Memilih Warna Font



OK



Gambar 3.12: Tampilan teks dalam berbagai macam tipe font



Selain ketiga atribut yang telah disebutkan diatas, masih ada satu lagi atribut POINT-SIZE yang dapat digunakan sebagai alternatif baru yang lebih fleksibel untuk mengatur ukuran huruf. Kemampuan yang hanya dimiliki oleh Netscape Navigator versi 4.0 Beta 5+ ini dapat mengatasi keterbatasan atribut SIZE yang hanya dapat mengatur ukuran font dari 1 sampai 7 saja. Format penggunaannya adalah:



Contoh:



w.







Untuk memilih warna font, Anda tinggal mengisi atribut COLOR= dengan warna yang diinginkan. Berbeda dengan penggunaan atribut TEXT= pada tag BODY yang mengatur warna teks untuk keseluruhan dokumen, atribut COLOR= pada tag  hanya mengatur warna huruf sampai ditemukannya tag penutup . Tampilan gambar 3.13 dihasilkan dengan baris-baris html dibawah ini :  
 Selain  tipe huruf, kita juga dapat mengatur WARNA huruf dengan mengatur attribut  COLOR= warna pada tag .  



ww



Text dengan ukuran 20 point



OKB Club Indonesia – http://www.okbclub.com



77



OKB Club Indonesia – http://www.okbclub.com



78



 m co b. lu



Gambar 3.14: Ukuran font bisa diatur dengan atribut “SIZE=x”



Gambar 3.13: Warna font bisa diatur dengan atribut “COLOR=x”



3.4.13 Mengatur Ukuran Font



BC



3.4.14 Mengatur Font Default



Ukuran font dapat dipilih dengan mengatur atribut SIZE= pada tag . Ukuran-ukuran yang dapat dipilih adalah angka 1 (setara dengan ukuran standar windows 8 point) s/d 7 (setara dengan 36 point). Contoh: SIZE=1 FONT



OK



 FONT SIZE=2 FONT SIZE=4 FONT SIZE=6 FONT 



SIZE=3 FONT SIZE=5 FONT SIZE=7



ww



w.



Selain angka 1 s/d 7, kita juga dapat menggunakan tanda – atau + didepan angkaangka tersebut untuk mengatur ukuran huruf relatif terhadap ukuran huruf default yang diatur oleh tag  (dibahas dibawah).



OKB Club Indonesia – http://www.okbclub.com



79



Warna teks default memang dapat diset dengan atribut TEXT= dalam tag  (lihat sub bab 3.3.6), akan tetapi ukuran dan tipe hurufnya tidak. Untuk mengatasinya, Anda dapat menggunakan tag . Cara penggunaannya adalah seperti ini:



 dimana "ukuran" adalah ukuran font dari 1 s/d 7. "warna" adalah kode warna default yang diinginkan dan "font" adalah tipe huruf yang diinginkan, misalnya 'Arial', 'Times New Roman', 'Algerian' dlsb. Contoh:   … Semua teks disini secara default akan ditampilkan dengan tipe huruf Arial berwarna biru dengan ukuran font 3 (setara dengan 12 point dalam windows) 



OKB Club Indonesia – http://www.okbclub.com



80



 m



SIZE='+3' - SIZE='+4'
 Dengan BASEFONT SIZE="2"
  SIZE='+0' - SIZE='+1'  - SIZE='+2' -  SIZE='+3' - SIZE='+4'
  Dengan BASEFONT SIZE="4"
  SIZE='+0' - SIZE='+1'  - SIZE='+2' -  SIZE='+3' - SIZE='+4' 



TIPS :



b. CATATAN :



lu



Font-font yang dibentuk dengan tag header (
, 
, 
, 
, 
 dan 
) tidak terpengeruh oleh tag .



3.5 MANIPULASI GAMBAR Selain ukuran dan warna teks yang kreatif, gambar adalah materi bagus untuk meningkatkan tampilan web karena gambar dapat membangkitkan nuansa informasi visual. Tetapi terlalu banyak gambar dapat menyita bandwidth sehingga akan memerlukan waktu lebih banyak untuk membukanya, terutama jika gambar-gambar yang digunakan tidak dioptimasi untuk penggunaan web. Desain halaman web dengan gambar-gambar yang tidak tepat justru dapat menimbulkan masalah!



w.



OK



BC



Ukuran yang dibuat sebagai base font akan digunakan oleh  sebagai ukuran font dasar (default-nya adalah 3). Untuk mengubah ukuran font ini, Anda harus menambahkan tanda "–" atau "+" (misalnya +4 atau -1). Sebagai contoh, jika Anda mengatur base font dengan SIZE=3, maka jika kemudian Anda menggunakan , maka font yang akan ditampilkan browser adalah font berukuran 5 (dari 3+2). Tetapi perlu diperhatikan bahwa ukuran font yang ditanggapi oleh browser maksimum adalah 7. Jika hasil penjumlahan font lebih dari 7, browser tetap akan menampilkan ukuran font 7. Karena itu dengan base font berukuran 6,  akan menghasilkan tampilan yang sama dengan  atau sama dengan . Lihat contoh dibawah ini:



co



 bisa diletakkan dimana saja, akan tetapi efek yang dihasilkan hanya terjadi pada font yang berada pada baris-baris dibawahnya saja. Jika Anda ingin mendapatkan efek pada semua font, letakkan tag  diatas tag  atau letakkan diantara ….



Gambar sebaiknya hanya digunakan untuk membuat tampilan web menjadi lebih menarik dan informatif, tidak semata-mata membuat seluruh halaman menjadi berbasis gambar! Ingatlah bahwa setiap gambar yang Anda gunakan akan menambah waktu loading halaman web Anda, padahal setiap pengguna internet selalu ingin segala sesuatunya berjalan serba cepat. Jika Anda ingin pengunjung homepage Anda mampir dan betah tinggal lama di situs web Anda, buatlah halaman-halaman web yang dapat diakses secepat mungkin. Untuk mengetahuinya, cobalah menahan nafas sementara Anda membuka homepage Anda dengan browser. Dapat? Jika tidak, berarti halaman Web Anda terlalu sarat dengan gambar!



Gambar 3.15: Ukuran font default dapat diatur dengan 



ww



 Tanpa BASEFONT (default)
 SIZE='+0' - SIZE='+1'  - SIZE='+2' - 



OKB Club Indonesia – http://www.okbclub.com



81



3.5.1 Memburu Editor Gambar Gratis Dari Internet Sekarang editor gambar dapat diperoleh dengan sangat mudah. Dari yang sederhana sampai yang sangat canggih. Jika Anda menggunakan Windows, editor OKB Club Indonesia – http://www.okbclub.com



82



 co b. lu



BC



Jika Anda sempat jalan-jalan ke toko-toko CD-ROM yang lengkap, Anda akan mendapati puluhan CD-ROM berisi berbagai macam editor gambar dari yang sederhana sampai yang canggih dan rumit dengan harga berkisar 20 ribu sampai 60 ribu rupiah. Murah amat? Tentu saja karena ini versi bajakan! Jika Anda kebetulan adalah salah seorang penggemar software, Anda pasti setuju untuk mengatakan bahwa "Dimasa krisis ini, membeli software asli di Indonesia jaaaaaauuh …. lebih sulit dari pada beli yang bajakan!". Jika Anda tidak sempat jalan-jalan, ada ratusan bahkan ribuan editor gambar di Internet yang dapat di download gratis! Salah satunya yang paling saya sarankan pada Anda untuk memilikinya adalah Paint Shop Pro. Program ini sangat mudah digunakan dan memiliki segudang fasilitas hebat yang sangat dibutuhkan oleh seorang desainer web. Paint Shop Pro dapat di download dari http://www.jasc.com/psp.html.



Sementara untuk membuat teks 3 dimensi dan animasi teks, penulis sarankan untuk menggunakan Xara3D yang dapat di download dari http://www.xara.com/.



m



gambar telah ada dikomputer Anda sebagai asesori default, yaitu PaintBrush (Win 3.1) atau Ms. Paint (Win95/98/2000/NT). Sayangnya, kedua editor gambar ini hanya dapat digunakan untuk manipulasi file-file gambar dalam format *.BMP dan *.PCX. Sementara rekomendasi untuk penggunaan di web adalah format *.JPG dan *.GIF.



Gambar 3.17: Tampilan program Xara3D



w.



OK



Untuk melengkapi Paint Shop Pro dan Xara3D, berikut adalah sebagian editor gratis lain berserta alamat dimana Anda dapat men-download-nya:



ww



Gambar 3.16: Tampilan program Paint Shop Pro 5.0



OKB Club Indonesia – http://www.okbclub.com



83



NAMA PROGRAM



ALAMAT DOWNLOAD



GIMP Button Artist imageN Windows Scanner Photo Wizard ImageForge VCW VicMan's Photo Editor Active Multimedia Button Bevel Devil Painter Ornament Too Mihov Image Resizer Primus i.Mage Picture Power Paint Xnview Chaos Fx



http://www.gimp.org/win32/ http://mssoft.hypermart.net/ http://www.pixoid.com/ http://www.yildun.com/wscanner.html http://www.americansys.com/ http://www.cursorarts.com/ca_imffw.html http://www.photo-editor.net/ http://www.castlems.com/ammb4.html http://www.emajen.com/beveldevil/index.htm http://jansfreeware.com/ http://www.ocomag.com/ http://www.mihov.com/eng/ir.html http://www.comm-unique.com/ http://www.ozemail.com.au/~fret/image.html http://mprogs.hypermart.net/monsoft/ http://perso.wanadoo.fr/pierre.g/ http://www.world-of-newave.com/chaosfx/



OKB Club Indonesia – http://www.okbclub.com



84



 HOME PAGE



m



http://members.xoom.com/JanVee/freeware.htm http://www.bannermakerpro.8m.com/ http://homes.arealcity.com/pdblake/ http://www.asahi-net.or.jp/~gv9k-setg/ http://www.evgesoft.com/ http://www.totallyhip.com/ http://www.3dize.com/ http://www.icnet.de/ http://www.decatomb.com/ http://www.people.cornell.edu/pages/dmc27/ http://www.extensis.com/photoframe/ http://www.extensis.com/FREE_PhotoBevel/ http://www.xara.com/webstyle/ http://fabrizio.jth.it/imagoweb.htm http://www.zapamicrosites.com/main.html



ALAMAT http://cub.kcnet.org/~landrews/graphics/ http://www.acy.digex.net/~infomart/clipart/ http://www.barrysclipart.com/ http://www.toltbbs.com/~jhudson/clipart.htm http://www.dove-ent.com/bfb/index.html http://taotao.de/webb/ http://www.spriteworks.com/texworks.html



b.



co



Web Background The Clip Art Connection Barry's Clip Art Server Caboodles Of Clip Art Background Factory Web Site Background Texture Works



3.5.2 Cara Menampilkan Gambar



BC



Akhirnya, untuk membantu Anda dalam membuat desain background, penulis sarankan untuk men-download program BackGround Tester. Dengan program ini kita dapat melihat hasil kreasi gambar kita bila dipakai sebagai background web dalam sekejap! Program ini dapat di download dari:



Lebih dari 90% browser terkenal yang ada saat ini dapat menampilkan multimedia (suara dan gambar). Netscape dan Mosaic (dan kebanyakan browser lain) awalnya hanya dapat menampilkan gambar dengan format *.GIF dan *.JPG saja. Namun dalam perkembangannya, setiap browser dapat menampilkan format lain dengan bantuan software external yang telah terinstal di komputer atau dengan software tambahan (add-on). Dilain pihak, selain dapat menampilkan gambar dengan format *.GIF dan *.JPG, Internet Explorer juga dapat menampilkan gambar dengan format .PNG (Portable Network Graphic), gambargambar JPEG progresif dan juga *.BMP.



lu



Shaping Banner Maker Pro FilterFX Lite Pmacs WebCreator WebPainter Art-O-Matic Filters Unlimited Deca3D BitMorph PhotoFrame PhotoBevel Solo Xara WebStyle imagoWEB MicroSites



http://kiss.uni-lj.si/~k4fe0043/sw/BGTester.html



w.



OK



Sekarang, Netscape dan Internet Explorer juga mendukung file gambar dengan format GIF89a. Format GIF89a adalah format *.GIF yang dapat diisi beberapa gambar sekaligus (multi-image) sehingga dapat digunakan untuk membuat animasi (lihat sub-bab Menggunakan Gambar Animasi dibawah).



Jika Anda tidak sempat membuat background sendiri, ada ribuan file background dan tool yang dapat Anda download gratis dari internet, berikut adalah beberapa alamat diantaranya :



ww



 Sebagai contoh, untuk menampilkan gambar logo.gif yang berada pada folder yang sama dengan file html-nya, Anda dapat menggunakan perintah seperti ini: 



Gambar 3.18: Tampilan program BackGround Tester



OKB Club Indonesia – http://www.okbclub.com



Secara mudah gambar dapat ditampilkan kelayar dengan tag . Cara penggunaannya adalah seperti ini:



85



Tetapi jika file logo.gif berada di sub direktori lain, misalnya direktori images, maka Anda harus menulisnya seperti ini :



di sub







OKB Club Indonesia – http://www.okbclub.com



86



 m co b. lu



Gambar 3.19: Logo diatas dibuat dengan program Xara3D dan ditampilkan ke dalam browser dengan tag 



Gambar 3.20: Menggunakan gambar sebagai linebar dan bullet list







Selain atribut SRC, tag  memiliki beberapa atribut lain yang akan dijelaskan pada sub bab berikutnya. Atribut-atribut itu adalah: HEIGHT="tinggi_gambar" - Untuk mengatur tinggi gambar



OK



WIDTH="lebar_gambar" - Untuk mengatur lebar gambar



BORDER="border_gambar" - Untuk mengatur border gambar



ALT="teks" – Untuk menampilkan teks alternatif jika user mematikan fungsi penampil gambar atau file gambarnya gagal di load ke browser.



w.



3.5.3 Membuat Linebar & Bullet Dengan Gambar



ww



Gambar dapat dimanfaatkan untuk membuat linebar atau bullet. Jika Anda memiliki gambar linebar atau bullet (buatan sendiri, download dari internet atau dari CD-ROM Web Graphics), Anda dapat menggunakannya untuk mempercantik tampilan web Anda.



OKB Club Indonesia – http://www.okbclub.com



Sebagai contoh, jika Anda memiliki file gambar "background.jpg", "garis.gif" dan "bola.gif", maka Anda dapat menggunakannya untuk mempercantik tampilan list (gambar 3.20) dengan cara seperti ini:



BC



Sedangkan jika file gambarnya berada di server lain, Anda harus menulis alamat server-nya secara lengkap seperti ini :



87



  
DAFTAR SEARCH ENGINE
 
  Alta Vista
  Ask Jeeves
  EuroSeek
  Excite
  HotBot
  InfoSeek
  Lycos
  Yahoo
  Web Crawler
 



3.5.4 Mengatur Ukuran Tampilan Gambar Ukuran tampilan gambar di browser (tinggi dan lebarnya) dapat diatur sesuai lay-out halaman yang kita inginkan. Perubahan ukuran hanya terjadi pada tampilan browser, tidak pada file yang sebenarnya. Tinggi gambar dapat diatur dengan atribut HEIGHT dan lebar gambar diatur dengan atribut WIDTH. Ukuran yang digunakan adalah dalam satuan pixel atau persen layar.



OKB Club Indonesia – http://www.okbclub.com



88



 Ukuran gambar yang ditampilkan dengan baris diatas akan mengikuti ukuran layar browser relatif terhadap seting ukuran resolusi layar. Jika layar diset pada resolusi 800x600 pixel dan layar browser dibuat maksimum, maka gambar akan ditampilkan pada ukuran sekitar 400x300 pixel. Dan jika resolusi layarnya 1024x768 pixel, gambar akan ditampilkan dalam ukuran 512x384 pixel, yakni 50% ukuran jendela browser, bukan 50% ukuran gambar!



m



Sebagai contoh, jika kita memiliki file gambar dengan ukuran 90x120 pixel, maka untuk menampilkannya dalam ukuran yang lain kita dapat melakukannya dengan cara seperti ini (lihat hasilnya pada Gambar 3.21):



b.



Atribut HEIGHT dan WIDTH umumnya digunakan untuk mempercepat tampilnya halaman web, karena kedua atribut ini secara teknis memerintahkan browser untuk memesan tempat sebelum gambarnya sendiri berhasil di download. Caranya adalah dengan mengatur gambar dengan ukuran sama seperti aslinya. Sebagai contoh, jika ukuran gambarnya 90x120 pixel, maka kita harus menampilkannya dengan cara seperi ini : 



lu



Meskipun dapat menggunakan satuan persen, umumnya satuan ini hanya digunakan untuk mengatur lebar gambar, bukan tinggi gambar. Sebab mengatur tinggi gambar dengan satuan persen akan menghasilkan tampilan yang tidak konsisten karena akan tergantung dari lebar jendela browser serta resolusi tampilan layar. Karena itu jika Anda mengatur lebar gambar dengan satuan persen, atribut HEIGHT tidak perlu diatur lagi karena ukuran pixelnya secara otomatis di-skala dengan ukuran yang benar. Lihat contoh berikut:



co



  (ukuran asli = 90x120 pixel)
  (45x60 pixel)  (180x240 pixel) 



TIPS :



Untuk mengetahui ukuran pixel pada Paint Shop Pro, lihat title bar disebelah kanan bawah layar saat kursor mouse berada diatas gambar.



w.



OK



BC







ww



Gambar 3.21: Pengaturan ukuran gambar pada layar tidak mempengaruhi ukuran asli file gambar



OKB Club Indonesia – http://www.okbclub.com



89



OKB Club Indonesia – http://www.okbclub.com



90



 m



3.5.6 Mengatur Border Gambar



Penampilan teks diarea gambar dimaksudkan sebagai antisipasi terhadap user yang masih menggunakan browser lama (yang tidak dapat menampilkan gambar) atau menggunakan browser yang dimatikan fungsi penampilan gambarnya (untuk mempercepat loading halaman web). Untuk menampilkan teks diarea gambar kita dapat menggunakan atribut ALT.



Secara default, setiap gambar yang ditampilkan tidak memiliki border. Tetapi jika gambar digunakan dalam fungsi hyperlink, justru default-nya memiliki border.



co



3.5.5 Menampilkan Teks Di Area Gambar



Mengatur border yang mengelilingi sebuah gambar dapat dilakukan dengan atribut BORDER. Jika digunakan sendirian, warna border yang dibuat adalah sesuai warna teks disekitarnya atau warna teks yang ditentukan oleh atribut TEXT dalam . Jika digunakan dalam hyperlink, warna border yang digunakan adalah warna default hyperlink atau warna yang ditentukan oleh atribut LINK/VLINK dalam . Contoh:



lu



   Tanpa BORDER  BORDER="7"  BORDER="15" 



OK



BC



   



b.



Contoh :



Gambar 3.22: Menggunakan WIDTH & HEIGHT untuk memesan area gambar



w.



Dari tampilan yang dihasilkan, terlihat lokasi pemesanan area gambar karena penggunaan atribut WIDTH dan HEIGHT. Seringkali perancang web memanfaatkan atribut ini untuk memberi informasi mengenai ukuran file gambar. Hal ini dapat membantu tamu web untuk memperkirakan lama gambar dapat ditampilkan ke layar secara utuh, misalnya:



ww







OKB Club Indonesia – http://www.okbclub.com



Gambar 3.23: Mengelilingi gambar dengan border



Selain menggunakan atribut BORDER, Anda juga dapat menggunakan tabel untuk membuat border tiga dimensi (berbayang). Tabel akan dibahas tersendiri pada sub bab berikutnya. Perhatikan contoh berikut yang menggunaakan fungsi tabel untuk menampilkan gambar : 



91


OKB Club Indonesia – http://www.okbclub.com


92


 Ukuran file gambar yang kecil membuat cepat waktu download gambar, tetapi hasilnya mungkin tidak akan memuaskan Anda. Untuk mengatasinya, Anda dapat menerapkan teknik khusus. Yakni menggunakan gambar seadanya dahulu (resolusi rendah) sampai seluruh halaman selesai di-load. Setelah selesai, gambar dengan resolusi yang sebenarnya (resolusi lebih tinggi) ditampilkan. Caranya adalah menggunakan atribut LOWSRC.


co


m

 








Border = 2  
 
Border = 8  
 
Border = 15  
 
 




b.



Penggunaan atribut LOWSRC memungkinkan tag  menampilkan dua gambar sekaligus pada satu lokasi tetapi pada waktu yang berlainan. Gambar yang ditampilkan pertama adalah gambar yang ditentukan dengan atribut LOWSRC. Sedangkan gambar kedua adalah gambar yang ditampilkan dengan atribut SRC. Gambar kedua akan ditampilkan diatas gambar pertama dan hanya akan ditampilkan jika semua halaman web telah selesai di-load.



lu



Berikut adalah cara penggunaannya:







BC



dimana gambar_1 adalah file gambar dengan resolusi rendah dan gambar_2 adalah file gambar dengan resolusi asli (lebih tinggi). Contoh: 



CATATAN :



OK



Gambar 3.24: Memanfaatkan tabel untuk membuat border 3D



3.5.7 Trik Mempercepat Gambar Tampil Dilayar



ww



w.



Lepas dari kapasitas bandwidth dan jalur yang sibuk, cepat atau lambatnya gambar ditampilkan dilayar sangat dipengaruhi oleh ukuran file gambarnya sendiri. Ukuran file gambar ditentukan oleh warna, resolusi serta ukuran pixel gambar. Semakin besar ukuran gambar, semakin banyak warna gambar atau semakin tinggi resolusi gambar, akan membuat waktu download gambar menjadi semakin lama karena ukuran file gambarnya juga semakin besar. Jadi, jika Anda ingin gambar-gambar yang ada dihalaman web Anda cepat tampil di layar komputer pengunjung, buatlah gambar dengan ukuran, warna dan resolusi sekecil mungkin.



OKB Club Indonesia – http://www.okbclub.com



93



Ukuran pixel gambar pertama dan kedua harus sama. Jika tidak, browser akan men-skala gambar kedua menjadi sama dengan ukuran gambar pertama. 3.5.8 GIF atau JPG ? Seperti telah dijelaskan diatas, semua browser berbasis grafik yang beredar saat ini secara default dapat menampilkan gambar berformat GIF maupun JPG. Meski sama baiknya, Anda harus pandai-pandai mensiasati penggunaannya. Format GIF dapat menyimpan informasi warna hingga 8-bit per pixel atau sama dengan 256 warna. Format ini sangat cocok untuk gambar grafik dan clip-art. Format GIF memiliki sangat sedikit efek kompresi sehingga tidak ada degradasi



OKB Club Indonesia – http://www.okbclub.com



94



 hampir tidak dapat dibedakan dengan gambar aslinya. Program JPEG Optimizer (1.06 MB) dapat di download dari http://www.xat.com/



Sementara itu, format JPG dapat menyimpan informasi warna hingga 24-bit per pixel atau sama dengan 16,7 juta warna (biasa disebut true-color). Karena kemampuannya dalam menyimpan warna tersebut, format JPG sangat bagus untuk gambar-gambar fotografi.



3.5.9 Menggunakan Gambar Animasi



co



m



(penurunan kualitas) gambar. Karena sedikitnya efek kompresi ini, ukuran file GIF menjadi besar.



Gambar 3.25: Tampilan program JPEG Optimizer



BC



lu



b.



Hampir disetiap homepage yang kita kunjungi saat ini menggunakan satu atau lebih gambar animasi, baik animasi logo, animasi gambar maupun animasi teks. Animasi dapat menyajikan informasi lebih banyak dan lebih menarik karena gambar bergerak selalu kelihatan lebih menarik daripada gambar diam. Lebih dari itu, animasi teks yang berganti-ganti isinya tentu akan menampilkan lebih banyak informasi.



ww



w.



OK



Format JPG menggunakan teknik kompresi secara intensif sehingga ukuran file gambar dapat menjadi sangat kecil. Sayangnya, teknik kompresi yang intensif ini menimbulkan efek degradasi. Anda dapat membatasi atau mengurangi efek degradasi dengan cara menyimpan gambar dengan seting kualitas tertinggi. Akan tetapi Anda akan kehilangan efek kompresi karena ukuran filenya menjadi bertambah besar. Degradasi yang terjadi pada file-file JPEG karena teknik kompresi disebut "artifacts". Untuk mengatur seberapa besar degradasi yang masih dapat diterima oleh mata, Anda dapat menggunakan program JPEG Optimizer. Selain mempermudah pengaturan resolusi gambar, JPEG Optimizer juga dapat mengkompres hanya bagian-bagian tertentu dari gambar. Sebagai contoh, perhatikan Gambar 3.25. Gambar sebelah kiri adalah gambar asli dengan ukuran 23087 byte. Sedangkan gambar sebelah kanan adalah hasil gambar setelah dioptimasi pada bagian-bagian tertentu sehingga ukurannya sekarang menjadi 14460 byte. Meski ukurannya menjadi lebih kecil, tetapi gambar yang dihasilkan



OKB Club Indonesia – http://www.okbclub.com



95



Gambar 3.26: Tampilan Animation Shop bawaan Paint Shop Pro 5.0



Animasi yang dapat ditampilkan langsung oleh browser (tanpa program tambahan apapun) saat ini adalah file-file gambar dengan format GIF89a, yakni format pengembangan lanjutan dari file format GIF. Format GIF89a adalah format file yang memungkinkan untuk menyimpan beberapa gambar sekaligus dalam satu file. Semua gambar kemudian ditampilkan satu persatu secara urut dengan waktu tampil yang dapat diatur. Untuk membuat gambar-gambarnya, Anda dapat menggunakan editor gambar apa saja. Akan tetapi untuk menggabungnya menjadi OKB Club Indonesia – http://www.okbclub.com



96



 bahwa setiap gambar yang Anda gunakan akan melakukan pemanggilan HTTP ke server secara terpisah. Ini jelas memakan waktu. Karena itu jika Anda dapat menggabung masing-masing gambar menjadi satu, maka Anda hanya perlu melakukan satu pemanggilan HTTP ke server!



m



satu file dan mengendalikan waktu tayangnya, Anda harus menggunakan program khusus, misalnya CEL Assembler, GIF Animator atau Animation Shop bawaan editor gambar Paint Shop Pro versi 5.0 keatas. Bagaimanapun, saat ini ada banyak sekali program yang bisa digunakan untuk membuat gambar animasi. Tetapi kita akan menbahas khusus yang gratis-gratis saja. Jadi, mari kita rame-rame memburunya di internet … Berikut adalah sebagian kecil alamat dimana Anda dapat men-download program-program animator tersebut:



co



b.



Setelah itu kita memerlukan kombinasi antara tag <MAP> dan  untuk mendefinisikan area serta alamat link-nya. Sintak penggunaan untuk <MAP> adalah: <MAP MAP="nama_map">



lu



http://www.pysoft.com/?GIF_Designer_fr.html http://www.yukudr.com/ http://www.alchemy-lab.com/products/agif/ http://rtlsoft.com/animagic/index.html http://www.lakeclear.com/ http://www.coffeecup.com/ http://www.webutilities.com/ http://members.xoom.com/FcyD/GifStudio/ http://www.anarkmedia.com/products/emotion3d.htm http://www.mindworkshop.com/alchemy/gifcon.html http://www.moviegear.com/ http://www.geocities.com/athens/3683 http://www.diprode.com/ http://www.digfrontiers.com/anim.html http://www.janimation.net/ ftp://ftp.simtel.net/pub/simtelnet/win95/java/jator350.zip http://www.jedor.com/ http://www.macromedia.com/software/fireworks/ http://www.crayonsoft.com/ http://jansfreeware.com/ http://www.webutilities.com/ http://www.webutilities.com/ http://www.ulead.com/wrp/runme.htm



Dan sintak penggunaan untuk  adalah :







BC



HOME PAGE / ALAMAT DOWNLOAD



3D GIF Designer Aesop GIF creator Alchemy GIF Animator AniMagic Gif Animator Animato CoffeeCup GIF Animator COOL 3D CyD GiF Studio Pro Emotion 3D Web Edition Gif Construction Set Pro GIF Movie Gear GIFLine GIFLine Pro HVS Animator JAnimation Tool Jator Jedor Viscosity Macromedia FireWorks MagicViewer Movies Lite Ulead GIF Animator Ulead Particle.Plugin Ulead WebRazor Pro







SHAPE="default" digunakan untuk menyatakan kemana link akan pergi jika link khusus tidak didefinisikan didalam area. Dalam hal ini COORDS tidak digunakan.



OK



NAMA ANIMATOR



Untuk menggunakan imagemap, pertama-tama kita harus menambahkan atribut USEMAP="nama_map" pada tag  seperti contoh berikut:



w.



3.5.10 Menggunakan Gambar Untuk Membuat Imagemap



Imagemap memungkinkan kita untuk memasang beberapa link dalam satu gambar. Pengeklikan pada area yang berbeda akan membawa kita pada link yang berbeda pula.



ww



Jika Anda memiliki sekelompok gambar berdekatan yang masing-masing memiliki link, maka sebaiknya Anda menggunakan imagemap. Ingat-ingatlah OKB Club Indonesia – http://www.okbclub.com



97



Jika SHAPE="rect", maka COORDS="x,y,w,h". Dimana x,y adalah koordinat kiri-atas dan w,h adalah koordinat kanan-bawah area link. Jika SHAPE="circ", maka COORDS="x,y,r", dimana x,y adalah koordinat pusat lingkaran dan r adalah radius lingkarannya. Jika SHAPE="poly", maka COORDS="x,y,x,y,…" dimana x,y adalah koordinat setiap titik polygon. Perhatikan contoh penggunaannya dibawah ini:   <MAP NAME="menu"> 



OKB Club Indonesia – http://www.okbclub.com



98



 BC



lu



b.



co



m



        



Gambar 3.28: Tampilan imagemap creator – CrossEye



OK



3.5.11 Optimasi Gambar Untuk Situs Web



Gambar 3.27: Contoh penggunaan imagemap untuk membuat multi-link



ww



w.



Membuat imagemap perlu ketelitian dan kesabaran khusus karena angka-angka koordinat yang dipakai agak rumit dan membingungkan, terutama jika menggunakan koordinat polygon. Untuk mempermudah pembuatan imagemap, ada banyak program bantu (disebut imagemap creator) yang dapat di download gratis dari internet, diantaranya adalah HotSpot, MapThis! dan CrossEye. Dalam hal ini penulis sarankan pada Anda untuk men-download program CrossEye (lihat Gambar 3.28) karena kecanggihan dan kemudahan pemakaiannya. CrossEye dapat di download dari http://www.sausage.com.au (2,8MB). OKB Club Indonesia – http://www.okbclub.com



99



Salah satu trik untuk mempercepat akses halaman web dengan banyak gambar adalah dengan mengoptimasi (memperkecil) ukuran file gambar dengan tidak mengorbankan kualitasnya. Berikut adalah beberapa cara optimasi gambar yang dapat kita lakukan.



Mengurangi Warna: Setiap pixel gambar dengan kedalaman 16,7 juta warna membutuhkan memori 24-bit untuk menyimpan informasi warnanya. Apakah Anda benar-benar membutuhkan 16,7 juta warna dalam gambar Anda? Mungkin ya, tetapi seringkali tidak! Cobalah untuk mengurangi jumlah warna gambar Anda. Kebanyakan clip-art bahkan hanya menggunakan 16 warna! Ini berarti hanya 4-bit per pixelnya, atau hanya membutuhkan bandwidth 1/6 kalinya! Tetapi jika Anda melihat adanya degradasi warna (artifacts) yang payah, cobalah simpan file dalam format JPG dengan kualitas gambar terbaik, atau gunakan color safe pallete, kurangi jumlah warnanya dan simpan sebagai file GIF. OKB Club Indonesia – http://www.okbclub.com



100



 Menghilangkan Data Non-Gambar Pada File-File JPG:



m



Menghilangkan Komentar Pada File GIF:



b.



http://www.pppr.sk/rainbow/download/jpgcln15.zip



Menurunkan Kualitas Gambar Hingga Batas Yang Masih Dapat Diterima Mata: Secara default, editor gambar umumnya menyimpan file JPG pada level degradasi/kualitas gambar sekitar 15 (0%=terbaik, 100%=terburuk). Padahal hingga pada level 75-pun mata kita masih tidak mudah untuk dapat membedakannya jika ditampilkan dilayar monitor. Karena itu, Anda dapat menurunkan kualitas gambar JPG untuk memperkecil ukuran file hingga sekitar sepersepuluhnya! Program yang penulis sarankan Anda download untuk mempermudah pekerjaan ini adalah program WebGraphics Optimizer. Dengan program ini Anda dapat membandingkan kualitas gambar asli dengan 5 gambar lain hasil optimasi secara langsung. Jika perlu, WebGraphics Optimizer bahkan dapat mengkonversi file JPG ke GIF (atau sebaliknya) dan langsung menampilkan hasilnya dilayar. Sebagai contoh, gambar paling kiri dari Gambar 3.30 adalah file JPG asli dengan ukuran file 79,7KB. Setelah dioptimasi, ukuran file ini dapat menjadi 7,9KB (hanya 10%!) tanpa mengurangi kualitas gambar yang mampu dilihat oleh mata (lihat gambar nomor dua dari kanan). WebGraphics Optimizer dapat di download dari alamat: http://www.webopt.com/.



lu



BC



Untuk membersihkan berbagai macam informasi sampah tersebut, Anda dapat menggunakan program GifClean32. Program ini secara otomatis dapat membersihkan file-file GIF dari berbagai informasi tak berguna yang menempel dan menambah ukuran file GIF. Dengan GifClean32, optimasi ukuran file GIF dapat dilakukan dengan sangat mudah. Anda tinggal drag & drop file GIF atau folder berisi file-file GIF ke jendela program dan GifClean32 akan membereskannya untuk Anda. Optimasi ini dapat mengurangi dari 100 byte hingga beberapa kilo byte ukuran file. Program GifClean32 (393KB) dapat di download dari alamat :



Seperti format GIF, format JPG juga berisi struktur internal yang berisi data non-gambar (seperti yang biasanya ditambahkan pada file-file yang dibuat dengan Adobe Photoshop). Untuk membersihkan data tak berguna ini, Anda dapat menggunakan program gratis bernama JPG Cleaner (33KB) yang dapat di download dari http://rnbw.tsx.org, atau langsung ke :



co



Setiap file GIF sebenarnya berisi sejumlah informasi struktur file internal. Informasi ini berkaitan dengan bagaimana gambar harus ditampilkan kelayar (transparan terhadap background atau tidak), animasi atau standar, jumlah looping (menentukan pola animasi), lama waktu tunda (menentukan lama animasi), komentar (informasi mengenai tanggal pembuatan, pembuat, tool yang dipakai, dll.) serta sejumlah struktur ekstensi lain. Komentar dan struktur ekstensi lain yang sama sekali tak dikenal Netscape ini jelas menambah besar file dan memperlama waktu download gambar. Komentar umumnya diselipkan pada file-file GIF yang dibuat dengan program-program animator versi shareware atau freeware yang tidak diregistrasi seperti terlihat pada gambar 3.29.



w.



OK



http://members.tripod.com/~mharing/GifClean32.html



ww



Gambar 3.29: Komentar yang disisipkan program GIF Construction Set versi shareware bisa dihilangkan dengan program GifCkean32



OKB Club Indonesia – http://www.okbclub.com



101



OKB Club Indonesia – http://www.okbclub.com



102



 m co lu



b. Memperkecil Area Gerak Gambar Animasi:



BC



Gambar 3.30: Tampilan WebGraphics Optimizer



OK



Gambar-gambar animasi sangat rakus bandwidth! Ingat-ingatlah bahwa setiap frame yang digunakan akan membutuhkan jumlah memori dengan jumlah yang sama dengan yang dibutuhkan frame pertama. Sebagai contoh, jika setiap frame berukuran 15 KB, maka sebuah animasi dengan 4 frame akan membutuhkan memori 4x15 = 60 KB! Animasi-animasi yang besar membutuhkan waktu yang lama untuk loading. Jika Anda ingin halaman web Anda dapat cepat di load, animasi sebisa mungkin dihindari. Tetapi jika Anda dengan berbagai alasan tidak dapat meninggalkannya, buatlah animasi dengan warna dan gerakan sesedikit mungkin!



ww



w.



Saat ini, beberapa program animator telah memungkinkan untuk melakukan optimasi animasi secara internal. Salah satu diantaranya adalah Cel Assembler. Optimasi Cell Assembler dilakukan dengan menghilangkan bagian-bagian gambar yang tidak bergerak. Dengan cara ini, ukuran filenya akan banyak berkurang.



OKB Club Indonesia – http://www.okbclub.com



103



Gambar 3.31: File gamani.gif sebelum dioptimasi (17KB)



Perhatikan gambar 3.31. File animasi yang tampak pada gambar tersebut berukuran 150x50 pixel dengan 256 warna dan terdiri dari 24-frame. Ukuran filenya adalah 17 KB. Frame-frame yang ada belum dioptimasi sehingga setiap frame akan berukuran 150x50 pixel (area gambar berwarna putih). Setelah dioptimasi, area setiap framenya akan dipotong sesuai isi gambar yang bergerak sehingga ada yang tetap besar (150x50 pixel) dan ada yang menjadi sangat kecil (25x25 pixel) seperti terlihat pada gambar 3.32. Setelah disimpan, ukuran file animasi hasil optimasinya akan menjadi 10 KB atau hanya 59 persennya! Program Cel Assembler dapat di download dari :



http://www.gamani.com/tools Mengkompres File GIF Animasi: Menggunakan gambar yang bagus dengan ukuran sekecil mungkin harus menjadi perhatian utama jika Anda ingin menjadi WebMaster, bukan sekedar WebDesainer. Karena itu, Anda harus mengusahakan pengecilan ukuran file sekecil-kecilnya tetapi dengan kualitas sebaik-baiknya. Untuk melakukan pekerjaan ini, penulis sarankan pada Anda untuk segera mendownload OKB Club Indonesia – http://www.okbclub.com



104



 lu



b.



co



m



program A Smaller GIF buatan Pedagoguery Software. Dengan program ini ukuran file GIF animasi dapat dikompres dengan teknik khusus, sekaligus menghilangkan komentar apapun yang menempel pada file tersebut.



Gambar 3.32: File gamani.gif setelah dioptimasi (10 KB)



BC



Gambar 3.33: Tampilan progran kompresi GIF animasi A Smaller GIF



Beberapa ISP (Internet Service Provider) meminta bayaran yang tinggi pada para pelanggannya untuk pelayanan bandwidth yang digunakan. Jadi, jangan melakukan link ke server mereka untuk menampilkan gambar dihalaman web Anda. Mintalah ijin pada WebMaster-nya untuk melakukan download gambar tersebut dan kemudian upload-lah ke server Anda sendiri!



3.6 MANIPULASI DAFTAR ITEM



http://www.peda.com/smaller/



Halaman-halaman web yang berisi daftar tentang nama-nama staf, divisi, stok barang, daftar isi atau indek biasanya memerlukan tampilan yang rapi dan profesional. Ada beberapa tag khusus yang berhubungan dengan pembuatan daftar. Beberapa diantaranya adalah 
, 
, 
, 
, 
, 
,  dan <MENU>.



OK



Gambar 3.33 adalah contoh tampilan A Smaller GIF saat melakukan kompresi pada file gamani_opt.gif (hasil optimasi dengan Cell Assembler). Perhatikan bahwa ukuran file hasil optimasi Cell Assembler adalah 10.180 byte. Setelah dikompres dengan A Smaller GIF, file tersebut akan berubah menjadi 8.615 byte saja (berkurang hingga 15,37%). Program A Smaller GIF dapat di download dari alamat :



w.



Jangan Menjadi Perampok Bandwidth!



ww



Bagaimanapun, fleksibilitas teknologi HTML memungkinkan Anda untuk menggunakan sumber data dan gambar dari mana saja di seluruh penjuru dunia. Anda dapat membuat halaman web dengan gambar yang Anda ambil dari server manapun didunia ini. Memang itu mungkin, tetapi akan sangat menyita waktu dan memboroskan bandwidth orang lain, bahkan bisa menjadi ilegal jika gambar yang dipakai memiliki property right! OKB Club Indonesia – http://www.okbclub.com



105



Manipulasi list tidak begitu populer secara ekstrim karena ia dapat diganti dengan gambar bullet. Akan tetapi selain bekerja jauh lebih cepat dari penggunaan gambar bullet, ia membuat kesan berbeda antara homepage pemula dengan homepage bagus.



OKB Club Indonesia – http://www.okbclub.com



106



 m



3.6.1 Membuat Daftar Tak Berurut



SERBA GRATIS DARI INTERNET • Penyelenggara E-mail Gratis! { DALAM NEGERI : „ Telkom „ BolehMail { LUAR NEGERI : „ Yahoo „ Excite • Penyelenggara Web Space Gratis!



co



Daftar tak berurut dapat digunakan untuk membuat daftar item yang isinya tidak berurut. Tag yang digunakan adalah 
…
. Setiap item yang ada di dalam daftar harus didahului dengan tag 
. Contoh :



lu



 2   3 4  



ww



w.



Jika Anda ingin untuk menampilkan sel berupa kotak kosong dengan border, Anda harus mengisi sesuatu kedalam sel tersebut, misalnya kode ganti baris atau kode spasi. Gambar 3.55B adalah hasil kode sel yang diisi kode ganti baris (
).



OKB Club Indonesia – http://www.okbclub.com







BC



3.9.4 Menampilkan Sel Kosong



133



dan 



Dimana jumlah_kolom adalah jumlah kolom yang ingin digabung (default-nya 1) dan jumlah_baris adalah jumlah baris yang ingin digabung (default-nya juga 1). Perhatikan contoh berikut:



Menggabung kolom: (hasilnya lihat gambar 3.56A) 
 
 
1 & 2
  
 
 
3
 
4
 
 




OKB Club Indonesia – http://www.okbclub.com



134



 m co



Gambar 3.56: Contoh penggabungan baris dan kolom



Menggabung baris: (hasilnya lihat gambar 3.56B)



b.



Gambar 3.57: Perilaku teks dalam tiap sel bisa diatur sendiri-sendiri



Pada contoh diatas, pemenggalan kata pada kolom pertama diserahkan sepenuhnya kepada browser. Pada kolom kedua, pemenggalannya dilakukan secara manual dengan menyertakan beberapa buah tag 
. Sedangkan pada kolom ketiga, atribut NOWRAP membuat kalimat didalam sel tidak dipenggal sama sekali (ditampilkan utuh).



lu



 
 
1 & 3
  
2
 
 
 
4
 
 




3.9.7 Mengatur Alignment Tabel



BC



3.9.6 Mengatur Perilaku Sel



OK



Secara default, perilaku teks dalam sel diatur otomatis oleh browser. Semakin kecil ukuran jendela browser, semakin pendek pula penggalan kata dalam kalimatnya. Jika ingin memenggal kata-kata yang ada dalam sel pada lokasilokasi tertentu, Anda dapat menggunakan tag 
. Tetapi jika Anda tidak ingin kata-kata dalam kalimatnya dipenggal secara otomatis, Anda dapat menggunakan atribut NOWRAP pada tag . Dengan menyertakan atribut NOWRAP, ukuran sel akan terpaku pada isi teks yang dimasukkan kedalam sel. Ini berarti bahwa mengecilkan ukuran jendela browser tidak membuat kata-kata dalam sel menjadi terpenggal-penggal. Contoh:



ww



w.



 
 
Kata-kata dalam sel ini diatur otomastis oleh browser
 
Kata-kata
dalam sel
ini diatur
dengan
tag 
 
Kata-kata dalam sel ini diatur dengan atribut NOWRAP
 
 




OKB Club Indonesia – http://www.okbclub.com



135



Posisi tampilan tabel dapat diatur dengan menyertakan atribut ALIGN pada tag . Lihat sub bab 3.9.1 diatas untuk penjelasan mengenai atribut ini. Contoh berikut akan mendemonstrasikan penggunaannya : 
 
 
Default (ALIGN="left")
 
Kolom #2
Kolom #3
 
 

 
 
 
ALIGN="center"
 
Kolom #2
Kolom #3
 
 

 
 
 
ALIGN="right"
 
Kolom #2
Kolom #3
 
 




OKB Club Indonesia – http://www.okbclub.com



136



 b.



co



m




 
 
 
Kata-kata dalam sel ini diatur dengan ALIGN="left"
 
Kata-kata dalam sel ini diatur dengan ALIGN="center" dan VALIGN="bottom"
 
Kata-kata dalam sel ini diatur dengan ALIGN="right" dan VALIGN="top"
 
 



3.9.8 Mengatur Alignment Sel



BC



Selain mengatur alignment pada tabel, pengaturan alignment juga dapat dilakukan pada isi sel dalam tabel. Ada dua atribut yang dapat digunakan untuk mengatur alignment sel (dalam tag ), masing-masing adalah ALIGN dan VALIGN.



lu



Gambar 3.58: Beberapa contoh pengaturan alignment tabel



OK



Atribut ALIGN digunakan untuk mengendalikan alignment secara horisontal dan memiliki tiga macam argumen yaitu "left", "center" dan "right". Sementara atribut VALIGN digunakan untuk mengendalikan alignment secara vertikal, juga memiliki tiga macam argumen yaitu "top" untuk rata atas, "middle" untuk rata tengah dan "bottom" untuk rata bawah. Perhatikan contoh penggunaannya berikut ini :



ww



w.



 
 
 
Kata-kata dalam sel ini diatur dengan VALIGN="top"
 
Kata-kata dalam sel ini diatur dengan VALIGN="middle"
 
Kata-kata dalam sel ini diatur dengan VALIGN="bottom"
 

 
 
 
Kata-kata dalam sel ini diatur dengan ALIGN="left"
 
Kata-kata dalam sel ini diatur dengan ALIGN="center"
 
Kata-kata dalam sel ini diatur dengan ALIGN="right"
 




OKB Club Indonesia – http://www.okbclub.com



Gambar 3.59: Beberapa contoh pengaturan alignment sel dalam tabel



3.9.9 Tabel Dalam Tabel Seperti telah dijelaskan pada awal bab ini, sebuah tabel dapat diisi dengan tabel yang lain. Teknik ini umumnya digunakan untuk mengelompokkan tabel-tabel atau utuk memperindah tampilan halaman web. Perhatikan contoh aplikasi tabel dalam tabel berikut:  


3.9.10 Mengatur Warna Background Sel Untuk lebih memperindah tampilan, Anda dapat memberi warna background sel. Atribut yang harus digunakan adalah BGCOLOR atau BACKGROUND. Atribut ini dapat dimasukkan baik pada tag 
 
 
E-MAIL GRATIS
 
Yahoo (6 MB) 
HotMail (5 MB) 
TelkomMail (2 MB)



137



OKB Club Indonesia – http://www.okbclub.com



138



 m



Excite (5 MB) 
MailCity (4 MB) 
Pop3Now (± 5 MB)
,  maupun 
. Format penggunaannya adalah seperti ini:



lu



b.






ww


Dimana warna dapat berupa kode warna atau nama warna sedangkan file_gambar dapat berupa file *.gif atau *.jpg. Contoh : 
 
 
 
 
 




w.



OK



BC



WEB SPACE GRATIS
 
GeoCities (11 MB) 
Tripod (50 MB) 
Xoom (Unlimited !) 
 FortuneCity (20 MB) 
Virtualave  (20 MB) 
 
 
 



co



 
  
 
HOT NEWS
 7 Langkah Memiliki HomePage Gratis!
 <EM>Tutorial langkah demi langkah membuat HomePage dengan Modal Dengkul, Alias Gratis 100%
 ANTI POPUP
 <EM>Tip & Trik menghilangkan banner pop-up di server web gratisan!
 
 
 

 
 


Gambar 3.60: Contoh penggunaan tabel didalam tabel


OKB Club Indonesia – http://www.okbclub.com


Gambar 3.61: Contoh pengaturan warna background sel


139


OKB Club Indonesia – http://www.okbclub.com


140


 2.


3.9.11 Cara Mudah Membuat Tabel Dengan HomeSite


lu


b.


3.


4.


OK


BC


Seperti telah dijelaskan didepan, pembuatan tabel sebenarnya sederhana tetapi dapat menjadi rumit karena sifat dasarnya. Setelah memahami cara kerja dan cara pembuatannya secara manual dalam sub bab-sub bab diatas, Anda boleh melangkah menggunakan fasilitas yang ada pada html editor 1st Page2000 atau HomeSite (sudah download belum? Jika belum sekaranglah saatnya untuk download). Kalau ada sesuatu yang "aneh", Anda dapat membetulkannya sendiri secara manual dengan bekal pengetahuan tadi.


Saat pertama diaktifkan, "Table wizard" akan membuat tabel 2 kolom 2 baris. Kita kemudian dapat menambah kolom atau menambah barisnya dengan mengklik tombol "+" pada 'columns'/'rows'. Atau mengurangi kolom/barisnya dengan mengklik tombol '-'. Untuk menggabung satu atau beberapa sel sekaligus, klik baris atau kolom diatas baris atau kolom yang akan digabung. Setelah itu klik tombol '+' pada 'column span' untuk menggabung kolom yang dipilih dengan kolom disebelah kanannya, atau klik tombol '+' pada 'rows span' untuk menggabung baris yang dipilih dengan baris dibawahnya (lihat gambar 3.63). Setelah layout tabel selesai dibuat, klik tombol "Next >". Setelah itu akan muncul tampilan setting untuk mengatur layout tabel secara keseluruhan (cell padding, cell spacing dan alignment), lebar tabel, warna background, border dlsb. Abaikan setting ini jika Anda ingin menggunakan setting default. Setelah itu klik tombol "Next >" dan lanjutkan dengan klik tombol "Finish". SELESAI.


co


1.


m


Berikut adalah contoh penggunaan HomeSite "Table wizard" :

 
 E-MAIL GRATIS
 





















 
Yahoo (6 MB) 
HotMail (5 MB) 
TelkomMail (2 MB) 
Excite (5 MB) 
MailCity (4 MB) 
Pop3Now (± 5 MB)
 
 
 




Gambar 3.62: Lokasi tombol Table Wizard didalam editor html HomeSite



w.



Pembuatan tabel dalam HomeSite dapat dilakukan dengan mengklik tab Tables yang ada disebelah kanan atas layar. Setelah itu Anda dapat menggunakan "Table Sizer" (tombol paling kanan dari sub menu tabel) atau "Table wizard" (tombol paling kiri dari sub menu table, lihat gambar 3.62).



ww



"Table sizer" dapat digunakan untuk membuat tabel secara cepat. Sedangkan "Table wizard" dapat digunakan untuk membuat tabel yang tidak umum, misalnya tabel dengan banyak kolom dimana beberapa diantaranya saling tergabung satu dengan yang lainnya.



OKB Club Indonesia – http://www.okbclub.com



141



Gambar 3.63: Membuat tabel dengan HomeSite Table Wizard



OKB Club Indonesia – http://www.okbclub.com



142



 BAB 4



LANGKAH KE-4: MENDAFTAR KE WEB SERVER GRATIS!



lu



b.



co



 
 
# 01
 
#02, #03
 
# 04
 
 
 
#05, #06
#09, #10
 
# 07
 
# 08
#12
 
 
 
# 11
 
 
 
# 13
 
# 14
 
# 15
 
# 16
 
 




m



Jika Anda membuat tabel seperti tampak pada gambar 3.63 diatas, maka beberapa detik kemudian Anda akan mendapatkan baris-baris html seperti dibawah ini. Untuk mempermudah pemahaman, didalam tabel ini telah penulis sisipkan teks angka-angka dari #01 s/d #16 kedalam masing-masing sel.



BC



Jika Anda telah mengerjakan langkah 1 sampai langkah 3 buku ini, maka pada saat ini Anda telah dapat mengakses internet, memiliki alamat e-mail dan memiliki homepage lokal berupa file-file html yang hanya bisa dilihat oleh Anda sendiri atau beberapa orang yang kebetulan bisa mengakses komputer Anda dan tahu keberadaan file-file html Anda. Dengan kata lain, pada saat ini Anda telah memiliki homepage sendiri secara offline. Untuk membuat semua orang diseluruh dunia, sekali lagi, DISELURUH DUNIA, kapanpun mereka inginkan, dapat melihat homepage Anda secara on-line, Anda harus menyimpan file-file tersebut ke komputer yang terhubung ke jaringan internet selama 24 jam sehari, 7 hari seminggu. Komputer semacam inilah yang disebut WEB SERVER.



w.



OK



Jika baris-baris html diatas dilihat dengan browser, ia akan menghasilkan tampilan seperti tampak pada gambar 3.64.



ww



Gambar 3.64: Tabel rumit ini dibuat dengan mudah menggunakan HomeSite Table Wizard



OKB Club Indonesia – http://www.okbclub.com



Untuk dapat menyimpan file-file Anda kesuatu web server, Anda harus mempunyai ijin dan hak akses ke server tersebut dengan cara mendaftar. Jika Anda memiliki account di suatu ISP, coba Anda tanyakan apakah account yang Anda bayar itu termasuk jatah ruang di server mereka? Biasanya ya (sekitar 1 s/d 2MB atau lebih untuk jenis account tertentu, misalnya korporat). Jika Anda seperti saya, yang mengakses internet secara serampangan; kadang dikantor, kadang di warnet dan kadang melalui TelkomNet dirumah, maka WEB SERVER GRATIS adalah pilihan utama! Disamping gratis, ruang simpan yang disediakan juga jauh lebih banyak dari yang biasanya disediakan kebanyakan ISP lokal. Di internet dengan mudah Anda dapat menemukan web server gratis yang menyediakan spasi 15MB, 20MB, 50MB, 100MB dan bahkan tidak terbatas!



 143



OKB Club Indonesia – http://www.okbclub.com



144



 menyimpan homepage penulis. Padahal alamat URL-nya telah penulis daftarkan pada banyak search engine dan telah mulai mendapat hit rate lumayan banyak.



Pada langkah ke 4 ini kita akan mencoba mendaftar pada dua buah situs penyedia layanan web server gratis (free webspace). Satu dari Indonesia dan satu lagi dari luar negeri. Namun sebelum itu, kita akan membahas dahulu beberapa situs yang menyediakan spasi gratis sebagai perbandingan. Baik situs yang berasal dari Indonesia maupun dari luar negeri. Pembahasan meliputi nama alamat yang akan kita peroleh, fasilitas yang mereka tawarkan, kapasitas ruang simpannya, kemudahan akses filenya, syarat-syaratnya dan lain sebagainya.



Bagaimanapun, penulis tidak ingin apriori. Tetapi tidak ada salahnya jika Anda melakukan pertimbangan berulang-ulang jika ingin menitipkan homepage Anda ke web server gratis dari Indonesia. Pada umumnya pendaftaran ke penyedia layanan webspace gratis dari Indonesia memang cukup mudah (disamping karena berbahasa Indonesia tentunya). Akan tetapi dari 5 situs penyedia layanan webspace gratis dari Indonesia yang pernah penulis daftari, 2 situs lenyap dalam waktu 1 tahun dan 2 yang lain musnah dalam waktu kurang dari 4 bulan !



Satu hal yang perlu dicatat sebelum Anda memburu penyedia layanan webspace gratis adalah bahwa dunia gratis di internet adalah dunia yang selalu berubah dan akan terus berubah. Situs-situs penyelenggara webspace gratis terus bermunculan setiap hari, akan tetapi ada pula beberapa yang kolaps dan akhirnya mati (biasanya dari Indonesia he…he…he…). Jika Anda mendapati satu atau dua situs yang saat Anda kunjungi telah menutup keanggotaanya, carilah situs lain atau datanglah lain waktu. Jika spasi yang ditawarkan suatu situs kurang besar untuk menampung file-file Anda, Anda masih bisa mendaftar lagi dengan ID dan alamat e-mail yang lain sehingga secara teori, spasi gratis yang bisa Anda peroleh di internet menjadi TIDAK TERBATAS!



Berikut adalah review singkat mengenai beberapa penyedia layanan web server gratis dari Indonesia, yang mudah-mudahan masih ada saat buku ini berada ditangan Anda! Sebelumnya jangan salah, meski penyelenggaranya dari Indonesia, akan tetapi situs-situs ini tetap bisa diakses dari seluruh dunia!



lu



b.



co



m



4.1 MEMBURU WEB SERVER GRATIS



Rileks Free Homepage



BC



Rileks Free Homepage (http://mypage.rileks.com/) menyediakan spasi gratis plus alamat e-mail. Spasi gratis yang disediakan pada Anda adalah 20 MB. Akan tetapi bisa menjadi lebih besar lagi jika Anda memiliki alasan yang tepat dan mengirimkan permintaan Anda ke web-master Rileks.com.



OK



Hal lain yang perlu Anda perhatikan saat mendaftar adalah untuk mengisi nama, alamat atau nomor telepon dengan benar (atau paling tidak dengan format yang 'seolah-olah' benar). Laporan dari banyak situs penyelenggara webspace gratis menyatakan bahwa mereka biasanya terpaksa harus menolak 4 dari 10 pendaftar baru karena si pendaftar mengisi alamat atau nomor teleponnya dengan "11111111111111" !



4.1.1 WEB SERVER GRATIS DARI INDONESIA



w.



Anda mungkin tidak mengira bahwa ada web server gratis dari indonesia. Beberapa tahun yang lalu, barangkali Anda hanya dapat menemukan Serpong.net (sekarang sudah tidak ada lagi) atau apakabar.com (sekarang sudah tutup pendaftarannya) yang menyediakan spasi gratis dari Indonesia, akan tetapi sekarang Anda memiliki lebih banyak pilihan.



ww



Namun perlu dicatat bahwa pengusaha dot com di Indonesia amat sangat rentan terhadap gangguan keuangan yang menopang keberadaannya. Hal ini menyebabkan eksistensinya menjadi timbul tenggelam. Beberapa yang bisa disebut diantaranya adalah www.PengenPunyaSitus.com dan www.NetKiosk.org. Penulis telah beberapa kali dibuat kecewa dengan hilangnya situs-situs penyedia free webspace dari Indonesia yang penulis pakai untuk OKB Club Indonesia – http://www.okbclub.com



145



Gambar 4.1: Situs Rileks Free Homepage, menyediakan spasi gratis 20 MB!



Alamat homepage yang akan Anda miliki setelah mendaftar di situs ini adalah : OKB Club Indonesia – http://www.okbclub.com



146



 m co



http://mypage.rileks.com/terserah_anda Sementara itu alamat e-mail berbasis web yang akan Anda terima adalah [email protected] dengan spasi tak terbatas! Untuk membuka dan mengirim e-mail, akses bisa dilakukan dari alamat http://mail.rileks.com.



b.



Selain spasi web gratis, Rileks Free Homepage menyediakan fasilitas GuestBook (buku tamu) dan WebBoard hingga maksimal 500 pesan. Cara transfer filenya adalah melalui account/file manager. Syarat keanggotaan dalam situs ini adalah: Tidak boleh menggunakannya untuk kegiatan atau usaha bisnis yang bertentangan dengan hukum yang berlaku di wilayah Republik Indonesia. Menyimpan, menaruh, meletakkan dan mempublikasikan gambar atau cerita porno, dan segala macam lainnya yang berbau pornografi.



3.



Menyimpan file MP3, software bajakan, program hacking atau phreaking dan segala sesuatu yang yang melanggar hak cipta dan/atau hak paten lainnya.



Upload file ke SSNet dapat dilakukan baik melalui utilitas file manager yang telah disediakan atau menggunakan program FTP (dengan host address 202.155.18.2 dan nomor port 21). Sementara itu e-mail dapat Anda buka baik dengan browser maupun e-mail client seperti Microsoft Outlook atau Eudora (dengan host name www.s-s-net.com dan nomor port 25). Satu hal yang perlu Anda perhatikan adalah bahwa SSNet menggunakan file default bernama default.htm, bukan index.htm atau index.html seperti situs-situs yang lain.



BC



2.



Gambar 4.2 : Situs SSNet menyediakan spasi gratis 2 MB.



lu



1.



SSNet



OK



SSNet (http://www.s-s-net.com/) adalah situs internet yang didedikasikan untuk dunia pendidikan Indonesia. SSNet menyediakan spasi gratis sebesar 2 MB plus layanan e-mail berbasis web dan POP3 yang meski sebenarnya ditujukan untuk pelajar dan mahasiswa Indonesia, tetapi pada prakteknya siapapun dapat mendaftar disini.



w.



Cara pendaftarannya sangat mudah dan cepat. Ketik alamat berikut kedalam browser Anda: http://www.s-s-net.com/asp/register.asp. Setelah itu Anda hanya perlu mengisi ID (terserah_anda), Nama Anda dan kode password yang Anda inginkan (lihat gambar 4.2). Lalu …. abakadabra … dalam waktu kurang dari satu menit Anda akan memiliki almaat e-mail baru dengan alamat: [email protected] Dan sebuah webspace yang bisa diisi file-file homepage dengan alamat :



Capella.co.id Capella Web Hosting menyediakan spasi gratis sebesar 15 MB. Berbeda dengan sebelumnya, jika situs-situs web gratis yang telah disebutkan diatas melarang Anda untuk mengisi spasi web personal Anda dengan materi bisnis atau segala bentuk penawaran yang bersifat profit oriented, maka Capella justru menawarkan spasi khusus untuk keperluan bisnis atau e-commerce untuk perusahaan atau instansi berbadan hukum. Capella juga menyediakan dukungan teknis atas layanan yang diberikan selama jam dan hari kerja melalui e-mail, telepon, atau kunjungan pelanggan. Pelanggan menggunakan server yang disediakan Capella agar dapat diakses dari internet setelah sebelumnya mendaftarkan diri melalui formulir yang disediakan oleh Capella dan mendapatkan konfirmasi dari pihak Capella. Jika Anda berminat, Anda dapat mendaftar dari alamat ini :



ww



http://www.s-s-net.com/terserah_anda



OKB Club Indonesia – http://www.okbclub.com



http://www.capella.co.id/e-commerce/free/formulir.html



147



OKB Club Indonesia – http://www.okbclub.com



148



 m



Bayangkan! 500 MB gratis untuk Anda yang gemar cerita-cerita ngeres! Alamat yang akan Anda peroleh jika Anda mendaftar dan disetujui adalah :



Gambar 4.3: Capella.co.id menyediakan spasi gratis khusus untuk bisnis



CeritaSeru.org



OK



BC



Setelah mendaftar dan disetujui, selain spasi gratis sebesar 15 MB, Anda juga akan mendapat 5 buah account e-mail (masing-masing dengan quota 1 MB) dan 1 FTP access. Satu hal yang perlu Anda perhatikan adalah bahwa Capella hanya menyediakan spasi gratisnya saja untuk penempatan homepage Anda. Sedangkan nama domainnya (terserah_anda.com atau terserah_anda.co.id) harus Anda daftarkan sendiri (jika belum punya). Pendaftaran nama domain bisa dilakukan dari alamat http://namadomain.com dengan membayar sejumlah uang tertentu. Akan tetapi dengan trik khusus, Anda juga bisa mendapatkan nama domain sendiri dengan gratis (lihat bagian TIP & TRIK dibelakang).



lu



b.



co



http://www.ceritaseru.org/members/terserah_an da



ww



w.



Sesuai dengan nama host-nya, situs CeritaSeru yang beralamat di http://www.ceritaseru.org ini menyediakan spasi gratis khusus untuk diisi dengan materi-materi khusus dewasa (baik cerita maupun gambar). Syaratnya adalah tidak vulgar, tidak berisi materi yang melanggar hukum (MP3, crackz, dan sejenisnya), bukan berupa situs yang menjadi saingan CeritaSeru, tidak mengandung link ke situs kompentitor CeritaSeru, dan maksimal ukuran file (HTML dan gambar GIF/JPG) adalah 500 Mb.



OKB Club Indonesia – http://www.okbclub.com



149



Gambar 4.4: CeritaSeru.Org menyediakan spasi gratis 500 MB!



Jika Anda berminat, Anda dapat segera mengirimkan file-file homepage Anda dalam bentuk file ZIP. Kirimkan file tersebut melalui e-mail ke alamat [email protected]. Jangan lupa untuk menyertakan nama direktori yang anda inginkan dan mengisi subject e-mail dengan "SITUS WEB BARU".



4.1.2 WEB SERVER GRATIS DARI LUAR NEGERI Berbeda dengan jumlah penyedia layanan webspace gratis dari Indonesia yang masih bisa dihitung dengan jari, penyedia layanan webspace gratis dari luar negeri jumlahnya sudah tidak terhitung lagi. Sub bab ini akan kita pakai untuk membahas beberapa diantaranya yang paling hebat, kecil iklannya (kalau bisa yang tanpa iklan), cepat aksesnya, pendek alamat domainnya dan lengkap fasilitasnya dibanding ribuan lagi yang lain. Satu hal yang perlu dicatat adalah bahwa meskipun pembahasan telah diusahakan se-uptodate mungkin, akan tetapi perubahan bisa saja terjadi setiap saat.



OKB Club Indonesia – http://www.okbclub.com



150



 m



Biasanya ini terjadi pada ukuran spasi yang disediakan (umumnya semakin besar, bukan sebaliknya), fasilitas upload file (tambahan pada fungsi FTP/browser), cara penampilan iklan (banner atau pop-up) dan layanan tambahan seperti email, counter, guest book atau message board.



50Megs - http://www.50megs.com/ Sesuai dengan namanya, 50Megs menyediakan spasi gratis untuk keperluan personal sebesar 50 MB dengan iklan banner disebelah atas layar halaman web. Selain itu, Anda juga akan mendapatkan alamat e-mail dan juga counter. Upload file bisa dilakukan baik melalui browser maupun FTP.



co



Sangat berbeda dengan penyedia layanan webspace gratis dari Indonesia, pondasi keberadaan situs-situs free webspace dari luar negeri amat sangat kuat. Dari 4 situs webspace gratis yang pernah penulis daftari 7-8 tahun yang lalu, keempat-empatnya masih aktif hingga sekarang!



50Megs menyediakan file manager yang bagus serta site builder yang mudah digunakan oleh pemula. Alamat yang akan Anda terima jika mendaftar di situs ini adalah :



b.



Pembahasan situs web gratis dari luar negeri ini disusun berdasarkan abjad.



http://terserah_anda.50megs.com



20m - http://www.20m.com/



OK



http://terserah_anda.20m.com



4Office.net - http://www.4office.net/



AcmeCity menyediakan spasi gratis sebesar 20 MB untuk keperluan personal. Anda tidak diijinkan memasang link komersial dalam situs ini. Sementara iklan dari penyelenggara ditampilan berupa banner disebelah atas tiap halaman web. Fasilitas yang diberikan selain spasi gratis adalah e-mail, chat dan bulletin board. Upload file ke AcmeCity bisa dilakukan baik melalui browser maupun melalui FTP.



BC



20m adalah salah satu situs penyedia layanan webspace gratis yang tumbuh sangat cepat. Meski spasi yang disediakan hanya 20 MB, akan tetapi ini sudah cukup untuk menampung sekitar 2000 halaman teks atau 500 lembar foto. Alamat yang akan Anda peroleh setelah mendaftar di situs ini adalah :



AcmeCity - http://www.acmecity.com/



lu



Sesuai dengan namanya 20m menyediakan spasi gratis sebesar 20 MB untuk situs personal dengan iklan banner disebelah atas halaman web. Selain itu, mereka juga menyediakan e-mail, chat dan instant messaging. Upload file bisa dilakukan baik melalui browser menggunakan file management tool yang disediakan atau melelui FTP.



4Office Net menyediakan spasi gratis tidak terbatas khusus untuk kalangan bisnis dengan iklan banner disebelah atas halaman web. Selain spasi gratis tak terbatas, mereka juga menyediakan program-program afiliasi dan berbagai macam resource bisnis.



w.



Tampaknya, 4Office disediakan khusus untuk kalangan bisnis. Tetapi sayangnya, akses ke 4Office agak lambat. 4Office Mendukung script CGI dan e-mail forwarding, sementara itu upload file hanya dapat dilakukan melalui FTP. Alamat yang akan diperoleh setelah mendaftar adalah :



ww



http://terserah_anda.4office.net



OKB Club Indonesia – http://www.okbclub.com



151



AcmeCity cocok bagi Anda yang ingin membangun situs entertainment. Anda dapat memasukkan foto-foto, video clip atau clip art. Komunitas AcmeCity bahkan cocok bagi Anda yang memiliki interest terhadap pertelevisian, film atau musik. Dengan tool yang mereka sebut "HomeBuilder", seorang pemula bisa membangun situs web menarik dalam waktu kurang dari satu jam. Sementara bagi yang sudah berpengalaman, mereka juga menyediakan site management tools atau FTP untuk melakukan upload. Alamat yang akan diperoleh dari situs ini adalah : http://www.acmecity.com/terserah_anda



Angelfire - http://www.angelfire.com/ Saat pertama kali penulis mendaftar di Angelfire sekitar tahun 1994 yang lalu, penulis mendapatkan spasi gratis sebesar 0.5 MB. Akan tetapi sekarang, Anda akan mendapatkan spasi gratis 100 kalinya, yaitu 50 MB! dengan iklan banner pop-up. Plus fasilitas e-mail gratis serta search box, poll, guest feedback dan manajemen link ke situs Anda menggunakan "Gears" add-on.



OKB Club Indonesia – http://www.okbclub.com



152



 Angelfire, yang sekarang dikuasai oleh raksasa LYCOS, termasuk situs penyedia spasi web gratis yang populer. Untuk melakukan upload file ke Angelfire, Anda dapat menggunakan browser, program FTP atau FrontPage. Sedangkan untuk melakukan pendaftaran, Anda cukup mengisi nama dan password yang Anda inginkan. Kemudian memilih nama direktori (misalnya 'id') atau topik (misalnya 'music') dan diikuti dengan memasukkan nama belakang homepage (misalnya terserah_anda). Secara keseluruhan, alamat homepage yang akan Anda miliki dari Angelfire bisa seperti ini :



m



http://terserah_anda.bigstep.com



Bizland – http://www.bizland.com



co



Bizland menyediakan spasi gratis untuk bisnis sebesar 35 MB dengan banner iklan disebelah atas halaman web. Selain itu mereka menyediakan juga alamat email, storefront, chat, shoping chart dan counter. Upload file ke Bizland bisa dilakukan baik melalui browser maupun FTP.



http://www.angelfire.com/id/terserah_anda



lu



b.



Bizland adalah salah satu web hosting gratis populer untuk kalangan pebisnis kecil. Berdiri tahun 1999 lalu dan sekarang telah memiliki lebih dari 800.000 members! Servis yang diberikan termasuk akses dan servis ke produk-produk berdiskon, tool untuk membantu melakukan promosi dan penjualan, customizable portofolio dari produk-produk yang ditawarkan, penggabungan messaging service yang membuat Anda dapat mengkombinasikan tool komunikasi individual dalam format yang sederhana, direktori Bizland untuk mempercepat identifikasi dan melokasikan anggota dan produk-produknya, Bizland forum, message board, link ke resource bisnis lain serta ruang chat untuk keperluan advis dan dukungan on-line. Alamat yang akan Anda terima adalah :



BC



http://terserah_anda.bizland.com



BootBox.net - http://www.bootbox.net/



Big Step – http://www.bigstep.com



OK



Gambar 4.5 : Angelfire sekarang menyediakan spasi gratis 50 MB!



w.



BigStep menyediakan spasi gratis sebesar 11 MB untuk keperluan personal atau bisnis kecil. Meski spasi yang diberikan agak kecil akan tetapi kekuatan utama web ini adalah pada orientasi bisnisnya. Mereka menyediakan fasilitas transaksi on-line, database kustomer terintegrasi, katalog on-line plus promosi web serta reporting tools. Kemudahan akses yang diberikan membuat siapapun bisa membuat homepage disini.



ww



BigStep menyediakan Site Building Tools yang sangat mudah digunakan, juga untuk urusan upload file dengan browser. Setelah situs Anda selesai dibangun, Anda dapat segera mempublikasikannya dan melakukan promosi hanya dengan beberapa kali klik saja! Alamat yang akan Anda peroleh adalah :



OKB Club Indonesia – http://www.okbclub.com



153



BootBox memberikan spasi gratis sebesar 10 MB untuk keperluan personal maupun bisnis. Jika Anda hanya menggunakan BootBox hanya sebagai server dan memiliki nama domain sendiri, maka banner iklan pop-upnya akan hilang dengan sendirinya. Selain spasi gratis sebesar 10 MB, yang rencananya akan dinaikkan menjadi 35 MB pada kuartal pertama tahun 2001, mereka juga menyediakan free e-commerce (atau b-commerce) lengkap dengan merchant account, free account e-mail tak terbatas dan akses internet gratis khusus untuk USA dan Canada (seperti LinkNet kalau di Jakarta). Upload file ke BootBox hanya bisa dilakukan melalui FTP. Tetapi ini adalah solusi terbaik untuk Anda yang telah memiliki alamat domain resmi dan ingin menyimpan isi homepage di server gratis. Alamat yang akan Anda terima adalah http://www.terserah_anda.com (untuk yang telah memiliki nama domain) atau jika belum punya, adalah seperti ini : http://terserah_anda.bootbox.net



OKB Club Indonesia – http://www.okbclub.com



154



 utamanya ada pada penggunaan personal karena pada kenyataanya, meskipun mereka mengijinkan untuk keperluan bisnis, tetapi Anda tidak boleh memasang banner komersial Anda sendiri atau link-linknya.



m



Crosswinds - http://home.crosswinds.net/ CrossWinds menyediakan spasi gratis tak terbatas baik untuk keperluan personal maupun bisnis dengan tanpa iklan. Selain itu saat ini mereka juga menyediakan e-mail gratis. Upload file hanya bisa dilakukan melalui FTP sehingga mungkin tidak sesuai untuk pemakai pemula.



co



Upload file ke DenCity bisa dilakukan baik melalui browser maupun melalui FTP. Alamat yang akan Anda peroleh dari situs ini adalah : http://www.dencity.com/terserah_anda



CrossWinds tumbuh dengan cepat dan kini menjadi situs free hosting favorit dan populer bagi para pemakai berpengalaman, terutama karena spasinya yang tak terbatas itu plus tanpa iklan. Selain itu, kecepatan aksesnya bagus dan setiap masalah yang terjadi pada server mereka segera ditangani secara profesional.



Domain Valet - http://www.domainvalet.com/



lu



b.



Domain Valet menyediakan spasi gratis sebesar 20 MB untuk keperluan personal dengan banner iklan disebelah atas tiap halaman web. Selain itu mereka juga menyediakan e-mail dengan spasi tak terbatas. Upload file bisa dilakukan melalui FTP, tetapi tidak mendukung frontpage. Alamat yang akan Anda peroleh jika mendaftar di situs ini adalah : http://www.domainvalet/terserah_anda



BC



Dreamwater - http://www.dreamwater.com/



OK



Dreamwater menyediakan spasi gratis sebesar 50 MB untuk keperluan personal maupun bisnis dengan tanpa iklan pop-up Selain spasi gratis, dreamwater juga menyediakan guest book, chat board, form e-mail, search engine submission dan berbagai macam clip art gratis. Upload file bisa dilakukan baik melalui browser maupun FTP.



Gambar 4.6: Crosswinds.net menyediakan spasi gratis tak terbatas!



Jika Anda adalah seorang webmaster yang berkompeten, maka CrossWinds mungkin adalah pilihan terbaik bagi Anda, akan tetapi bagi pemula, Anda tidak akan mendapatkan apa-apa disini. Alamat yang akan Anda terima setelah mendaftar di situs ini adalah :



Meskipun spasi default yang disediakan Dreamwater adalah 50 MB, akan tetapi mereka akan menambahinya jika Anda dapat memberikan alasan yang tepat. Alamat yang akan didapatkan setelah mendaftar bisa dipilih antara http://dreamwater.net/terserah_anda atau http://1freespace.com/terserah_anda dan dapat diakses dengan menyebut sub domainnya saja seperti ini :



http://terserah_anda.dreamwater.net/ http://terserah_anda.1freespace.com/



atau



w.



http://www.Crosswinds.net/terserah_anda



Envy - http://www.envy.nu/



DenCity - http://www.dencity.com/



ww



DenCity memberikan spasi gratis sebesar 25 MB untuk keperluan personal maupun bisnis dengan iklan berupa tombol. Akan tetapi sebenarnya orientasi OKB Club Indonesia – http://www.okbclub.com



155



Envy menyediakan spasi gratis sebesar 20 MB (lebih besar dari sebelumnya) untuk keperluan personal. Sayangnya, mereka juga merubah feature dari situs tanpa iklan menjadi situs beriklan banner pop-up. Upload file ke Envy harus dilakukan melalui browser. Alamat yang akan diperoleh adalah : OKB Club Indonesia – http://www.okbclub.com



156



 http://www.envy.nu/terserah_anda



m



Freedom2Surf - http://www.f2s.com/ Fredom2Surf menyediakan spasi gratis 20 MB baik untuk personal maupun bisnis dengan dukungan penuh terhadap teknologi PHP, CGI, SSI, Perl Script serta front page extension. Mereka juga menyediakan search option, web statistic, counter dan web board gratis. Selain fasilitas tersebut, Anda juga mendapat alamat e-mail dengan spasi tak terbatas. Hebatnya lagi, freedom2suf bebas iklan! Satu-satunya yang menjadi kekurangan adalah bahwa semua transfer file harus dilakukan melalui FTP ke www.terserah_anda.f2s.com (yang mungkin agak menyulitkan bagi yang tidak biasa melakukannya). Alamat yang akan Anda peroleh adalah :



EWebCity - http://www.ewebcity.com/



b.



co



EwebCity menyediakan spasi gratis sebesar 30 MB untuk keperluan personal maupun bisnis dengan halaman-halaman web tanpa iklan! Pendaftarannya sangat cepat dan mudah. Meskipun tidak mendukung CGI dan frontpage extension, tetapi EwebCity mendukung ASP dan SQL. Upload file dilakukan dengan browser melalui file manager yang mudah digunakan. EwebCity memiliki banyak web tutorial on-line. Alamat homepage yang akan Anda peroleh setelah mendaftar adalah :



http://terserah_anda.f2s.com



http://www.eWebCity.com/terserah_anda



Freeservers menyediakan spasi gratis 20 MB untuk keperluan personal web dengan banner iklan disebelah atas halaman web. Upload file bisa dilakukan baik melalui browser maupun FTP. Fasilitas yang disediakan termasuk instant messaging, guest book, counter, shopbot search engine dan e-mail dengan spasi tak terbatas!



BC



Fortune City dulu menyediakan spasi gratis sebesar 25 MB, tetapi sekarang mereka memperbesarnya hingga menjadi 100 MB. Sebuah spasi yang cukup besar untuk sekedar membuat homepage pribadi! Fasilitas yang disediakan termasuk alamat e-mail, chat, search box dll. Upload file bisa dilakukan baik melalui browser maupun melalui FTP. Sayangnya, Fortune City menempatkan banner iklan yang lumayan besar pada setiap halaman yang kita buat sehingga agak memperlambat akses. Selain itu ukuran file maksimal yang bisa disimpan disini adalah 1 MB. Lebih dari itu file tersebut akan langsung dihapus oleh server



lu



Freeservers - http://www.freeservers.com/



Fortune City - http://www.fortunecity.com/



w.



OK



Penulis tidak dapat membayangkan, berapa besar harddisk yang mereka sediakan mengingat pada saat ini jumlah member Fortune City telah mencapai lebih dari 2.000.000 user. Bayangkan, 2 juta kali 100 MB ada berapa ?!? (memang sih, itu kalau semua user memakainya secara maksimal). Bagaimanapun, Fortune City memiliki komunitas yang sangat besar, meskipun alamat yang disediakan cukup panjang (seperti Geocities dulu sebelum diakuisisi oleh Yahoo!). Mungkin karena sekarang nama panjang sudah tidak menjadi masalah lagi karena kita bisa memperpendeknya dengan fasilitas URL redirection (lihat bagian TIP & TRIK). Waktu yang dibutuhkan untuk mengaktifkan account Anda di situs ini sangat cepat (kurang dari 1 menit), akan tetapi Anda tidak bisa menggunakan nama sendiri. Yang bisa Anda lakukan adalah memilih area dan kode alamat sehingga alamat yang akan Anda terima adalah seperti ini :



ww



http://www.fortunecity.com/nama_area/nomor_alamat



OKB Club Indonesia – http://www.okbclub.com



Gambar 4.7: Freeservers.com menyediakan spasi gratis 20 MB!



157



OKB Club Indonesia – http://www.okbclub.com



158



 m



Geocities - http://www.geocities.com/



Freeserver adalah salah satu pelopor penyedia layanan webspace gratis dengan jumlah member saat ini lebih dari 1.500.000 user! Mereka juga menyediakan fasilitas "Site Copier" untuk memindah situs yang telah Anda miliki ke Freeservers, juga file manager yang sangat baik dan 'user friendly'. Seperti situs PengenPunyaSitus.Com dari Indonesia (sewaktu masih hidup), Freeservers menyediakan 16 pilihan nama sub domain unik. Keenambelas nama sub domain tersebut adalah :



co



b.



http://www.geocities.com/terserah_anda



lu



Go Network - http://homepages.go.com/



BC



Go Network menyediakan spasi gratis dengan tanpa iklan sama sekali, baik banner maupun pop-up. Upload file dilakukan melalui browser dengan file manager yang disediakan. Selain spasi gratis, mereka juga menyediakan guest book, chat room dan e-mail. Alamat homepage yang akan Anda terima jika mendaftar di situs ini adalah : http://homepage.go.com/~terserah_anda



Homepage - http://www.homepage.com/



OK



http://terserah_anda.freeservers.com http://terserah_anda.4t.com http://terserah_anda.4mg.com http://terserah_anda.8m.com http://terserah_anda.8k.com http://terserah_anda.s5.com http://terserah_anda.bizhosting.com http://terserah_anda.faithweb.com http://terserah_anda.freehosting.net http://terserah_anda.gq.nu http://terserah_anda.htmlplanet.com http://terserah_anda.itgo.com http://terserah_anda.iwarp.com http://terserah_anda.scriptmania.com http://terserah_anda.theshoppe.com http://terserah_anda.tvheaven.com



Geocities adalah penyedia layanan internet yang sudah sangat tua. Dulu, mereka hanya menyediakan spasi gratis sebesar 5 MB, lalu naik menjadi 11 MB dan sekarang sudah ditambah lagi hingga menjadi 15 MB. Iklan yang ditampilkan adalah banner berupa watermark kotak disebelah kanan atas layar web. Sedangkan fasilitas yang disediakan selain spasi gratis adalah alamat e-mail ([email protected]), counter dan guest book. Upload file bisa dilakukan baik melalui browser (dengan file manager yang disediakan) maupun melalui FTP (dengan alamat ftp.geocities.com). Alamat homepage yang akan Anda terima setelah mendaftar adalah :



FreeYellow - http://www.freeyellow.com/



w.



FreeYellow menyediakan spasi gratis sebesar 12 MB baik untuk personal maupun untuk bisnis dengan sebuah iklan banner. Selain itu, mereka juga menyediakan counter, pustaka gambar, form yang bisa di cut & paste, seting chat serta WebWizard site builder yang mudah digunakan. Upload file ke FreeYellow bisa dilakukan baik melalui browser maupun FTP. Alamat homepage yang akan Anda peroleh adalah :



ww



http://www.freeyellow.com/members/area/terserah_anda



OKB Club Indonesia – http://www.okbclub.com



Homepage menyediakan spasi gratis sebesar 10 MB untuk keperluan personal atau bisnis dengan banner iklan disebelah atas layar. Mereka mengklaim diri sebagai pemimpin dalam hal penyedia layanan aplikasi untuk e-bussines dengan daftar pengguna termasuk about.com, discoverychannerl, PetSmart dan namanama besar lainnya. Secara definitif, homepage termasuk salah satu dari penyedia web hosting gratis dengan antarmuka paling bersih di internet, tetapi tidak menawarkan tool pembantu yang biasanya disediakan untuk pemakai pemula. Anda akan lebih baik jika membuat situs dilain homepage dan setelah itu melakukan migrasi kesini. Homepage adalah pilihan bagus untuk keperluan bisnis, akan tetapi jika Anda seorang pemula, masih banyak pilihan lain yang mungkin lebih baik. Alamat yang akan diperoleh jika mendaftar di situs ini adalah : http://terserah_anda.homepage.com



159



OKB Club Indonesia – http://www.okbclub.com



160



 m



Homestead - http://www.homestead.com/



Hypermart - http://www.hypermart.net/



b.



OK



http://www.homestead.com/terserah_anda



Hypermart memberikan spasi gratis sebesar 20 MB yang bisa Anda gunakan untuk keperluan personal maupun bisnis kecil dengan tampilan iklan yang bisa dipilih antara banner biasa atau pop-up banner. Upload file bisa dilakukan baik melalui browser maupun melalui FTP.



ww



w.



Selain spasi gratis yang disediakan, Anda juga bisa memanfaatkan programprogram afiliasi yang ada atau memanfaatkan bussines resources yang banyak tersedia di situs ini. Akan tetapi jika Anda ingin memanfaatkan shopping cart atau e-services yang lain, Anda harus melakukan upgrade keanggotaan dengan membayar sejumlah uang.



OKB Club Indonesia – http://www.okbclub.com



Gambar 4.8: Hypermart.net menyediakan spasi gratis 20 MB!



Saat buku ini ditulis, hypermart telah memiliki lebih dari 1.000.000 member, termasuk beberapa program pengeruk uang gratis dari internet seperti iklan mini Bonanza (http://uangiklan.cjb.net) dan organizer program Pensiun Muda (http://pensiun.cjb.net) dan masih akan terus bertambah! Jika Anda mendaftar, alamat yang akan Anda peroleh adalah :



BC



Jika Anda telah memiliki homepage lain, mereka juga menyediakan sebuah utility canggih yang disebut "Site Mover" untuk mempermudah kepindahan Anda! Sebelum mencoba mendaftar ke Homestead, catat bahwa situs ini juga bekerjasama dengan Spedia, pencetak uang dolar gratis yang terkenal itu! Jika Anda telah terdaftar di Spedia (lihat bagian BONUS: TIP & TRIK - Gunakan Situs Anda untuk mencari uang dari internet!), maka pendaftaran ke Homestead akan memberikan 70 tambahan point (setara dengan akses inernet 1 jam 10 menit). Enak khan? Alamat yang akan Anda peroleh jika mendaftar di situs ini adalah :



lu



Homestead adalah salah satu penyedia layanan spasi web gratis yang sangat besar. Jumlah membernya saat buku ini ditulis telah mencapai lebih dari 4 juta user! Mereka sangat profesional dan secara konstan melakukan update situs dengan berbagai fasilitas dan fitur yang baru. Jika Anda memiliki usaha bisnis kecil, tidak ada salahnya mencoba Homestead karena mereka menyediakan semua elemen yang diperlukan untuk melakukan setup halaman muka 'kios' Anda untuk e-commerce, bahkan juga fasilitas e-commerce payment processing-nya!



co



Homestead menyediakan spasi gratis sebesar 16 MB (sebelumnya 12 MB) untuk keperluan personal atau bisnis dengan tampilan iklan kecil berupa banner disebelah bawah halaman web. Metoda upload filenya dilakukan melalui browser. Sementara fasilitas yang diberikan sangat banyak, diantaranya alamat email, kalender, guest book, chat room, counter, web poll, promosi situs, teks animasi plus koleksi ribuan clip-art dan suara.



http://terserah_anda.hypermart.net



iXprss - http://www.xprss.com iXprss memberi spasi gratis sebesar 100 MB untuk keperluan bisnis dengan iklan berbentuk banner dibagian bawah halaman web. Fasilitas yang disediakan selain spasi gratis dan setup yang mudah adalah e-mail, kalender, news page dan link page. Upload file ke iXprss dilakukan melalui browser. Anda bisa secara cepat melakukan setup on-line store dan mengatur suatu database untuk men-set halaman-halaman produk lengkap dengan gambargambarnya. iXprss bahkan menyediakan shoping cart gratis untuk keperluan ecommerce Anda. Selain itu, Anda juga dapat menggunakan lebih dari 100 template bisnis untuk keperluan lay-out halaman web Anda! Alamat yang akan Anda dapatkan jika mendaftar di situs ini adalah : http://www.xprss.com/kategori/terserah_anda



161



OKB Club Indonesia – http://www.okbclub.com



162



 Upload file ke situs ini bisa dilakukan melalui FTP. Selain file-file html, PortLand juga mempersilahkan Anda untuk meng-upload script-script CGI yang Anda miliki.



m



LiveUniverse - http://www.liveuniverse.com/ LiveUniverse menyediakan spasi gratis 10 MB baik untuk personal maupun bisnis dengan iklan disebelah atas layar. Selain itu mereka juga menyediakan message board, chat, mailing list, text ticker, auction catalog dan masih banyak lagi plus site builder sederhana yang mudah digunakan.



co



Penyedia layanan free webspace dari Indonesia, pengenpunyasotus.com (dulu), juga menggunakan portland sebagai web hosting untuk semua member yang mendaftar ke pengenpunyasitus.com. Alamat homepage yang akan Anda terima jika mendaftar di situs ini adalah:



Jika Anda adalah seorang pemula, Anda bisa menggunakan "wizard" site builder untuk memulai membuat homepage. Mereka akan menuntun Anda langkah demi langkah sambil menawarkan berbagai fasilitas yang bisa meningkatkan kualitas homepage Anda. Semua ini bisa dilakukan hanya dalam waktu 3 menit!



NetColony - http://www.netcolony.com/



b.



Rebondir - http://www.rebondir.com/



OK



NetColony menyediakan spasi gratis 100 MB dengan iklan banner disebelah atas halaman web Anda. Selain itu mereka juga menyediakan e-mail gratis, guest book, message board dan banyak tutorial mengenai html dan homepage. Upload file dilakukan dengan browser melalui utiliti file manager yang disediakan. Jika ingin melakukan editing langsung, Anda juga bisa menggunakan EZ homebuilder yang disediakan.



Pada saat buku ini ditulis, NetColony telah memiliki 175.000 member yang tersebar di seluruh dunia. Selain nama belakang, Anda juga harus memilih jenis kategori isi dari homepage Anda (misalnya 'internet' atau 'games') sehingga alamat homepage yang akan Anda terima adalah:



w.



http://www.netcolony.com/kategori/terserah_anda



PortLand - http://www.portland.co.uk/



ww



PortLand menyediakan spasi gratis sebesar 15 MB dengan tanpa iklan sama sekali, baik banner maupun pop-up. Selain itu mereka juga menyediakan fasilitas statistik dan alamat multi e-mail. Jika Anda telah memiliki nama domain, Anda dapat menggunakan PortLand sebagai web hosting gratis dan menggunakan domain Anda sendiri. OKB Club Indonesia – http://www.okbclub.com



Rebondir menyediakan spasi gratis sebesar 20 MB untuk keperluan personal dengan tampilan banner iklan. Selain itu Rebondir juga menyediakan e-mail gratis, counter, guestbook dan form yang bisa dikustomisasi. Upload file bisa dilakukan baik melalui browser maupun melalui FTP.



Jika Anda seorang pemula, Anda bisa menggunakan Site Building Tool yang sederhana dengan banyak template desain halaman dan desain grafik yang mudah. Utiliti "Site Copier" yang disediakan juga dapat mempermudah kepindahan Anda dari situs yang sudah ada ke situs baru di Rebondir, dan file manager berbasis web yang disediakan mempermudah editing dan upload file. Alamat yang akan Anda peroleh jika mendaftar di situs ini adalah :



BC



http://www.LiveUniverse.com/terserah_anda



atau atau



lu



Satu-satunya kekurangan situs ini hanyalah pada ukuran spasi yang disediakan yang tampaknya sudah tidak sesuai untuk standar saat ini. Akan tetapi selama Anda tidak menggunakan banyak grafik, ruang sebesar ini sebenarnya masih cukup untuk kebanyakan situs web. Alamat yang akan diperoleh jika mendaftar di situs ini adalah :



http://www.portland.co.uk/terserah_anda http://terserah_anda.portland.co.uk http://terserah_anda.port5.com



163



http://terserah_anda.rebondir.com



Stas - http://www.stas.net/ Stas memberikan spasi gartis tak terbatas yang bisa Anda gunakan untuk keperluan personal dengan tanpa iklan! Selain itu mereka juga menyediakan guest book, web board, form mail dan search box. Juga site builder yang mudah digunakan. Sementara upload file dilakukan dengan browser. Jika Anda berencana untuk membuat sebuah situs web untuk mendukung industri multimedia, Stas adalah pilihan tepat mengingat spasi 'unlimited' yang disediakan, meskipun janji dan klaim mereka yang 'tanpa iklan' itu tampak terlalu muluk mengingat iklan adalah satu-satunya sumber dana yang masuk akal. Tapi … kita lihat saja nanti. Alamat yang akan Anda dapat jika mendaftar di situs ini adalah : http://www.stas.net/terserah_anda/ OKB Club Indonesia – http://www.okbclub.com



164



 m



Stormloader - http://www.stormloader.com/



Virtual Avenue - http://www.virtualave.net/



Stormloader menyediakan spasi gratis 20 MB untuk personal atau bisnis dengan banner iklan disebelah atas layar (tanpa pop-up). Saat buku ini ditulis, Stormloader telah memiliki sekitar 30.000 member. Fasilitas yang diberikan selain spasi gratis adalah alamat e-mail. Upload file dapat dilakukan dengan browser dan editing file dapat dilakukan dengan html editor berbasis web yang disediakan. Alamat yang akan Anda dapatkan adalah:



co



Virtual Avenue menyediakan spasi gratis sebesar 20 MB untuk keperluan personal maupun bisnis dengan banner iklan kecil dan pop-up. Metoda upload file yang bisa dilakukan adalah melalui FTP dengan batasan ukuran file maksimal 1.2 MB. Virtual Avenue sangat populer dikalangan pebisnis kecil dengan jumlah member sekitar 500.000 user. Mereka menyukai Virtual Avenue karena kecepatan dan down time server yang kecil. Selain itu setup e-commerce–nya mudah dilakukan karena Virtual Avenue juga menyediakan fasilitas HyperMart dan berbagai servis berorientasi bisnis lainnya.



b.



http://terserah_anda.stormloader.com



TheBurgh menyediakan webspace gratis sebesar 30 MB. Selain cepat, TheBurgh juga menyediakan e-mail gratis, forum diskusi dan chat. Upload file dilakukan melalui browser. Tbns adalah singkatan dari The Burgh Network Solution. Setelah mendaftar, Anda akan mendapat alamat seperti ini: http://www.tbns.net/terserah_anda



Virtual Avenue mendukung penggunaan Script CGI, Perl dan frontpage extension. Setelah mendapatkan spasi dari Virtual Avenue, Anda bisa menggunakan nama domain yang telah Anda miliki atau menggunakan alamat sub domain yang telah disediakan, yaitu :



lu



TheBurgh - http://www.tbns.net/



http://terserah_anda.virtualave.net



BC



WebHostMe - http://www.webhostme.com/



Tripod - http://www.tripod.com/



OK



Setahun atau dua tahun yang lalu, Tripod hanya menyediakan spasi gratis sebesar 11 MB, akan tetapi sekarang Tripod memberikan spasi yang cukup besar untuk Anda, yakni 50 MB! Anda bisa menggunakannya baik untuk personal maupun untuk bisnis. Sementara iklan yang ditampilkan pada layar web bisa dipilih apakah berbentuk banner atau pop-up.



w.



Akses file di Tripod bisa dilakukan dengan semua cara yang mungkin bisa dilakukan, misalnya melalui browser (menggunakan file manager canggih yang disediakan), melalui FTP atau bahkan melalui FrontPage. Fasilitas yang disediakan juga cukup banyak, seperti counter, guest book, alamat e-mail, horoscope, ramalan cuaca, gambar-gambar dlsb. Selain itu, Tripod juga mendukung frontpage extension. Menurut penulis, disamping karena kecepatan aksesnya, kemudahan atas hampir semua hal yang berhubungan dengan proses penciptaan situs web di Tripod menjadikannya awal yang baik untuk memulai memiliki homepage sendiri. Alamat yang akan Anda peroleh setelah mendaftar adalah :



ww



http://terserah_anda.tripod.com



OKB Club Indonesia – http://www.okbclub.com



165



WebHostMe menyediakan spasi gratis sebesar 20 MB untuk keperluan personal maupun bisnis. Mereka mendukung penggunaan Script CGI, frontpage extension, Active Server Page (ASP) dan bahkan database MS-Access.



Account Anda akan aktif sekitar 10 menit setelah Anda mendaftar. Jika Anda telah memiliki alamat domain, Anda dapat menggunakan WebHostMe sebagai web server gratis dengan nama domain Anda sendiri. Jika belum punya, alamat yang akan Anda peroleh dari situs ini adalah : http://terserah_anda.webhostme.com



Xoom (NBCi) - http://www.xoom.com/ Xoom, yang saat ini telah dicaplok oleh perusahaan besar NBCi, menyediakan spasi gratis tidak terbatas untuk Anda. Sayangnya, Xoom menempatkan iklan bar NBCi yang diletakkan disebelah atas layar web dan bekerja sebagai portal. Tentunya ini cukup mengganggu, disamping aksesnya menjadi sangat lambat. Sebagai ganti segala kekurangan ini, disamping spasi web yang tidak terbatas mereka juga memberikan alamat e-mail, fasilitas chat, search box dan lain sebagainya. Upload file dapat dilakukan baik melalui browser maupun FTP.



OKB Club Indonesia – http://www.okbclub.com



166



 m



Umumnya, user lebih suka menggunakan Xoom sebagai server arsip untuk menyimpan file-file program (.exe atau .zip) dan me-link-nya dari server web gratis yang lain karena akses file .zip atau .exe di Xoom tidak memunculkan iklan! Meski demikian, hati-hatilah dengan peraturan yang mereka buat. Jika Anda melanggarnya, mereka akan langsung mengapus account Anda tanpa pemberitahuan apa-apa. Satu-satunya tanda bahwa keanggotaan Anda telah dicoret adalah jika tiba-tiba saja password FTP Anda dianggap salah (invalid) atau browser yang Anda gunakan menampilkan kode "404 Error" saat mengakses homepage Anda. Lebih jauh lagi, Anda tidak akan dapat mendaftar ulang dengan nama atau alamat e-mail yang sama lagi. Berikut adalah alamat homepage yang akan Anda terima jika mendaftar di situs ini :



NightSites - http://www.nightsites.com/



co



NightSites menyediakan spasi gratis untuk homepage dewasa, pornografi, seks dan semacamnya. Saat buku ini ditulis, NightSites telah memiliki 29.000 member on-line.



b.



Selain spasi gratis, NightSites juga menyediakan chatroom dan feedback form untuk komunikasi dengan pengunjung situs web Anda. Setelah mendaftar, Anda akan dikirimi e-mail pemberitahuan yang berisi nama dan kode password yang bisa Anda gunakan untuk login ke NightSites dan mulai membangun adult site baru Anda!



http://www.xoom.com/terserah_anda



Alamat yang akan Anda peroleh setelah mendaftar di situs ini adalah :



BC



Yang dimaksud dengan 'Minat Khusus' dalam judul diatas adalah semua hal yang dilarang untuk dimasukkan kedalam homepage gratis yang telah dibahas pada sub bab 4.1 dan 4.2 diatas, yaitu segala materi yang berhubungan dengan seks, pornografi, hacking, cracking dan semua pelanggaran umum lainnya. Untuk 'Minat Khusus' seperti ini, Anda bisa mencoba mendaftar pada beberapa penyedia layanan webspace gratis dibawah ini.



lu



http://terserah_anda.nightsites.com



4.1.3 WEB SERVER GRATIS UNTUK YANG PUNYA 'MINAT KHUSUS'



Anzwers - http://www.anzwers.net/



OK



Anzwers menyediakan spasi gratis dengan ukuran tak terbatas serta bandwidth juga tak terbatas untuk keperluan personal atau materi-materi dewasa seperti seks dan pornografi, tetapi tidak untuk materi-materi hacking atau cracking. Khusus untuk keperluan pembuatan situs personal, Anda akan dilempar ke http://www.anzwers.org. Alamat homepage yang akan Anda perolah adalah :



ww



w.



http://www.anzwers.net/hot/terserah_anda



OKB Club Indonesia – http://www.okbclub.com



Gambar 4.9: www.nightsites.com, free webspace untuk komunitas dewasa dengan member lebih dari 30.000 user



167



OKB Club Indonesia – http://www.okbclub.com



168



 m co b. lu



Gambar 4.11: InternetTrash.com, free webspace khusus untuk gila-gilaan!



BC



Gambar 4.10: Sexplosion.com, free webspace khusus untuk dewasa



Sexplosion - http://sexplosion.com/



http://sexplosion.com/terserah_anda



OK



Sexplosion (gambar 4.10) menyediakan 9 halaman web yang bisa diisi dengan materi-materi pornografi, seks dan semacamnya. Jika dirasa kurang, Anda bisa mendaftar lagi untuk mendapatkan 9 halaman yang lain. Alamat yang akan diperoleh adalah :



Internet Trash - http://internettrash.com/



ww



w.



Anda mungkin tidak mengira bahwa ada situs penyedia webspace gratis yang menyediakan dukungan untuk hal-hal yang tidak masuk akal seperti materi-materi yang berhubungan dengan penyerangan, penghinaan, materi tak berguna, tak senonoh, tak berperasaan, sampah, kasar, primitif, tak sopan, asusila, cabul, kotor, porno, jorok, gila, hal-hal bodoh, tak bermutu, menjengkelkan, buruk, menjijikkan, ekstrim, politik, pemborosan, merusak dan segala hal yang sama sekali tidak bermanfaat lainnya untuk mengobral bandwidth! Meskipun materi homepage yang normal dan biasa-biasa saja juga dipersilahkan.



OKB Club Indonesia – http://www.okbclub.com



169



Spasi yang disediakan untuk semua kegiatan gila diatas adalah 20 MB tanpa iklan, plus e-mail gratis (web dan POP3), chat room gratis, personal discussion forum gratis dan lain sebagainya. Transfer file bisa dilakukan melalui FTP. Pendaftaran cukup dilakukan dengan mengirim nama dan password yang Anda inginkan ke alamat e-mail [email protected] tanpa datadata pribadi sama sekali! Alamat yang akan didapat setelah mendaftar di situs ini dapat berupa : http://internettrash.com/users/nama_email_anda http://internettrash.com/users/nama_alias



atau



Nama_alias bisa Anda ganti-ganti kapan saja sepanjang belum ada yang menggunakannya. Selain nama domain internettrash.com, Anda juga dapat memilih domain lain seperti internetjunk.com, internetgarbage.com, internettoilet.com, nettrash.com, netjunk.com, netgarbage.com atau nettoilet.com. Hhmm….mmm…mmmm…... (baca sambil geleng-geleng kepala).



OKB Club Indonesia – http://www.okbclub.com



170



 4.2 MENDAFTAR KE WEB SERVER GRATIS



co



Setelah membaca semua review mengenai penyedia layanan free webspace pada sub bab diatas dan telah menentukan kemana kita akan menitipkan homepage kita, marilah kita mencoba untuk mendaftar ke beberapa situs diantaranya. Pada sub bab ini, kita akan mencoba mendaftar ke free webspace dari Indonesia dan dari luar negeri.



b.



4.2.1 Mendaftar Ke Rileks.Com



BC



lu



Rileks.Com adalah salah satu penyedia layanan webspace gratis dari Indonesia. Seperti telah dijelaskan sebelumnya, mereka menyediakan spasi gratis sebesar 20 MB dengan alamat domain http://mypage.rileks.com/terserah_anda. Pada sub bab ini kita akan mencoba mendaftar dengan nama OKBClub sehingga nantinya kita akan memiliki alamat http://mypage.rileks.com/OKBClub. Salah satu syarat untuk mendapakan homepage gratis dari rileks.com adalah Anda harus memiliki alamat e-mail di rileks.com ([email protected]). Karena itu jika Anda belum memilikinya, Anda harus mendaftar terlebih dahulu (gratis). Pendaftaran e-mail ini bisa dilakukan dari alamat http://mail.rileks.com. Berikut adalah urutan pendaftaran homepage gratis di rileks.com dari awal dengan asumsi Anda telah memiliki alamat e-mail di rileks.com :



4.



OK



w.



3.



Arahkan browser Anda ke http://mypage.rileks.com. Klik link bertuliskan "Sign Up !!! Easy And Free" yang berada disebelah kiri atas layar browser (lihat gambar 4.1). Anda akan masuk kelayar pemilihan area homepage. Area yang bisa Anda pilih diantaranya adalah 'Anime', 'Boutique', 'Café', 'Games', 'Hiburan', 'Komputer', 'Movie', 'Musik', 'Organisasi', 'Pendidikan', 'Personal', 'Restoran', 'Romance', 'Selebritis', 'Seni-budaya' dan 'Warnet'. Gulung layar browser Anda hingga keposisi paling bawah, lalu dibawah kolom "Select the that best fits your future web site" pilih area yang sesuai dengan isi homepage Anda. Setelah itu klik tombol "Continue". Isilah kolom-kolom form pendaftaran dengan teliti dan benar. Satu hal yang harus Anda perhatikan adalah kolom 'Username:'. Username ini akan dipakai sebagai bagian dari alamat homepage Anda. Boleh diisi apa saja asal sopan dan pantas. Sebagai contoh, jika diisi "hobbyku", maka alamat homepage yang akan diperoleh nantinya adalah http://mypage.rileks.com/hobbyku.



ww



1. 2.



OKB Club Indonesia – http://www.okbclub.com



171



Setelah semua kolom diisi, klik tombol "Daftar Sekarang". Maka Anda akan mendapatkan tampilan seperti tampak pada gambar 4.12, kecuali jika nama yang Anda inginkan sudah dipakai orang lain (mereka akan meminta Anda untuk memasukkan nama yang lain).



m



5.



6.



Gambar 4.12: Tampilan setelah pendaftaran di Rileks.Com selesai



SELESAI. Karena penulis mendaftar dengan 'username' OKBClub, maka saat Anda membaca buku ini, alamat http://mypage.rileks.com/OKBClub telah bisa diakses dari internet!



Pada titik ini, alamat homepage Anda telah aktif. Tetapi isinya masih kosong. Untuk mengirim file-file html dari hardisk Anda ke server rileks.com, Anda bisa menggunakan file manager yang disediakan oleh rileks.com. Caranya, arahkan browser Anda ke http://mypage.rileks.com/cgi-bin/manager.cgi/indonesia. Isi kolom Account Name, Password, pilih area, tampilan file dan klik tombol "Login ke account anda" (gambar 4.13). Setelah itu Anda akan dapat mengedit file, meng-upload file, mengaktifkan webboard, mengaktifkan guestbook, membuat dan menghapus direktori dan lain sebagainya. Sebagai catatan, rileks.com menggunakan nama file default "index.html".



OKB Club Indonesia – http://www.okbclub.com



172



 lu



b.



co



m



mengupdate homepage Anda. Jika Anda inginkan, Anda juga bisa mengisi kolom "Hint Question" dengan pertanyaan sederhana plus jawabannya di kolom "Hint Answer". Ini untuk jaga-jaga bila suatu saat Anda lupa akan kode password Anda. Kolom isian lain yang perlu Anda persiapkan adalah nama lengkap, tanggal lahir, alamat e-mail, negara serta 2 radio button untuk memilih apakah Anda ingin dikirimi e-mail penawaran dari pemasang iklan di jaringan Lycos dan apakah Anda ingin dikirimi e-mail berita atau servis baru dari jaringan Lycos.



Gambar 4.13: Tampilan layar Login ke Rileks.Com



BC



4.2.2 Mendaftar Ke Tripod.Com



Tripod adalah salah satu situs penyedia free webspace besar yang sangat digemari. Disamping fasilitasnya banyak (ada guest book, counter, chat room dan web forum yang semuanya gratis), transfer file bisa dilakukan baik dari file manager maupun dengan FTP, spasi yang besar (50 MB) dan … dapat di hack untuk menghilangkan iklan banner atau pop-up-nya!



http://serba-gratis.tripod.com.



OK



Pada sub bab ini kita akan mencoba mendaftar ke tripod dengan nama serbagratis sehingga alamat yang akan kita peroleh nantinya adalah Berikut adalah langkah-langkah yang harus kita lakukan :



Buka browser dan masukkan alamat http://www.tripod.com. Klik tombol "Sign Up" atau klik link dengan teks "Sign Up now for 50 MB of FREE space!".



2.



Setelah itu akan muncul form isian yang harus Anda isi dengan hati-hati. Isilah kolom "Member name" dengan nama depan sub domain yang Anda inginkan. Dalam contoh ini karena kita menginginkan nama domain serbagratis.tripod.com, maka kolom ini kita isi dengan "serba-gratis". Isi kolom "Password" dengan kode password yang ingin Anda gunakan nanti saat akan



ww



w.



1.



OKB Club Indonesia – http://www.okbclub.com



173



Gambar 4.14: Tampilan situs Tripod.Com



3.



Setelah semuanya diisi dengan benar, klik tombol "Sign Me Up!" yang ada dibagian bawah layar.



4.



Setelah tombol "Sign Me Up!" Anda klik, dalam beberapa detik kemudian akan muncul ucapan selamat datang dari Tripod serta pemberitahuan bahwa sebelum account Anda bisa diaktifkan, Tripod harus mengesahkan paspor Anda ke Lycos Network sebagai pemilik Tripod. Lalu ada radio check yang berisi beberapa penawaran dari pihak Tripod, diantaranya apakah Anda ingin berlangganan semacam mailing list dwi-mingguan yang berisi segala hal yang berhubungan dengan teknik pembuatan homepage, tip & triknya, dan juga penawaran tambahan spasi untuk menyimpan file-file Anda di Driveway sebesar 25 MB. Dalam hal ini, Anda boleh memilih atau tidak memilih sama sekali. Setelah itu klik tombol "Complete Sign Up!". OKB Club Indonesia – http://www.okbclub.com



174



 m co b. OK



BC



Mengganti Mode Iklan di Tripod



Jika Anda telah memiliki homepage offline yang berada didalam harddisk, Anda bisa mulai meng-upload-nya dengan program client FTP ke alamat server ftp.tripod.com. Catat bahwa pada detik itu juga Anda telah mendapat kiriman surat dari Tripod (melalui e-mail) yang berisi ucapan selamat datang dan ucapan terima kasih atas bergabungnya Anda di komunitas raksasa Tripod dan Lycos Network, selain tentu saja berbagai macam petunjuk yang Anda perlukan dalam membangun situs baru Anda!



Secara default, tipe iklan di situs web Tripod.com ditampilkan dalam bentuk banner pada setiap halaman web. Iklan banner ini diletakkan diposisi sebelah atas layar seperti tampak pada gambar 4.17. Hal ini tidak menjadi masalah jika Anda tidak menggunakan frame pada semua halaman web Anda. Akan tetapi jika Anda menggunakan frame, maka setiap frame pada halaman web Anda akan berisi iklan banner! Perilaku ini jelas tidak 'bersahabat', 'menjengkelkan' dan merusak tampilan homepage kita. Untuk mengatasi masalah ini, Anda dapat mengganti tipe iklan yang ada dari mode iklan banner menjadi iklan pop-up (gambar 4.18).



w.



6.



Gambar 4.16: Tampilan setelah pendaftaran di Tripod.Com selesai



SELAMAT! Dalam beberapa detik kemudian, Anda akan langsung masuk ke area create & update dan pada saat itu Anda telah memiliki situs web baru dengan spasi 50 MB yang isinya masih kosong! Pada titik ini, Anda dapat meng-klik FileManager untuk meng-upload file-file yang sebelumnya sudah Anda buat atau langsung membuatnya pada saat itu juga menggunakan FreeForm (Anda harus mengerti HTML) atau menggunakan SiteBuilder (Anda tidak harus mengerti HTML).



ww



5.



lu



Gambar 4.15: Form pendaftaran di Tripod.Com



OKB Club Indonesia – http://www.okbclub.com



175



OKB Club Indonesia – http://www.okbclub.com



176



 co



m



dengan trik khusus yang disebut "Auto Reminder", seperti yang akan dijelaskan pada bagian BONUS: TRIK & TRIK, halaman utama situs web Anda dapat dibuat selalu tampil didepan program yang lain sehingga secara otomatis akan selalu menutupi jendela iklan pop-upnya. Dan karena itu pengunjung situs Anda tidak perlu lagi susah-susah mematikan jendela iklan yang muncul. Berikut adalah cara setting iklan dari mode banner menjadi mode pop-up di Tripod.com : 1.



Setelah itu klik sub menu "My Account". Sebentar kemudian akan ditampilkan beberapa seting internal situs homepage Anda.



Gambar 4.19: Klik tab My Account untuk setting preference homepage di Tripod



w.



OK



BC



Gambar 4.17: Secara default, iklan banner di Tripod ditampilkan pada setiap halaman web



lu



b.



2.



Login-lah ke server Tripod seperti biasa.



Gambar 4.18: Jenis iklan pop-up di Tripod



ww



Dengan tampilnya iklan yang terpisah seperti ini, pengunjung situs Anda dapat dengan mudah mematikan jendela pop-up iklannya jika ia tidak suka. Bahkan OKB Club Indonesia – http://www.okbclub.com



177



Gambar 4.20: Anda bisa memilih iklan banner atau iklan pop-up



OKB Club Indonesia – http://www.okbclub.com



178



 5.



Keluarlah dari server dengan menekan link berlabel "Log Out" dan cobalah kunjungi situs Anda sendiri untuk melihat hasilnya.



Mengaktifkan FrontPage Server Extension di Tripod



BC



Dalam keadaan normal, situs web Anda di Tripod tidak mendukung frontpage extension. Frotpage extension berguna untuk membuat fungsi-fungsi tambahan frontpage bisa dipakai didalam server Tripod. Sebagai contoh, jika Anda membuat counter, guestbook atau fungsi search engine sendiri menggunakan fasilitas yang ada didalam FrontPage (disebut 'webbot'), maka counter dan guest book ini tidak akan bekerja jika file html-nya di upload ke server-server yang tidak mendukung frontpage extension.



co



Pilih radio button yang bawah (di sebelah teks "Pop-Up ads: …..") dan lanjutkan dengan menekan tombol "Update". Beberapa saat kemudian Anda akan melihat teks dibawah sub menu "ADVERTISING" sekarang telah menjadi "Your site serves pop-up ads.", yang berarti bahwa mode iklan di situs web Anda telah beralih menjadi mode pop-up!



OK



Berikut adalah cara setting agar situs web Anda di Tripod.com dapat mendukung frontpage extension: Login-lah ke server Tripod seperti biasa.



2.



Setelah berada didalam, klik sub menu "My Account". Sebentar kemudian akan ditampilkan beberapa seting internal situs homepage Anda.



3.



Klik link dengan label "Enable my site" yang berada dibawah sub menu "PREFERENCES". Dibawah teks ini terdapat tulisan "Your site is not FrontPage-enabled." yang menandakan bahwa pada saat ini situs Anda tidak mendukung FrontPage Extension. Setelah link "Enable my site" Anda klik, maka sebentar kemudian akan muncul ucapan selamat bahwa server Anda saat ini telah mendukung FrontPage Server Extension! Kembalilah ke layar "My Account" dan Anda akan melihat teks dibawah sub menu "PREFERENCES" sekarang telah menjadi "Your site is



ww



4.



w.



1.



OKB Club Indonesia – http://www.okbclub.com



179



Keluarlah dari server dengan meng-klik link berlabel "Log Out" dan coba buka halaman web Anda yang mengandung komponen 'WebBot', seperti counter, guestbook atau yang lainnya.



b.



4.



5.



m



FrontPage-enabled.", yang berarti bahwa situs web Anda sekarang telah mendukung frontpage extension.



Klik link dengan label "Change ads type" yang berada dibawah sub menu "ADVERTISING". Dibawah teks ini terdapat tulisan "Your site serves auto-embedded ads." yang menandakan bahwa pada saat ini situs Anda menggunakan mode iklan banner. Setelah link Anda klik, akan muncul konfirmasi mengenai pemilihan mode iklan.



lu



3.



Gambar 4.21: Selamat! Situs Anda kini telah mendukung Ms. FrontPage!



4.3 MENGAKTIFKAN HOMEPAGE DI GEOCITIES Anda memiliki account e-mail di yahoo? Jika ya, maka sesungguhnya Anda telah memiliki sebuah homepage kosong di Geocities! Anda tinggal mengaktifkannya saja dengan beberapa kali klik. Berikut adalah langkah-langkah yang diperlukan untuk mengaktifkan homepage Anda di Geocities yang selama ini tidur nyenyak : 1.



Arahkan browser Anda ke http://geocities.yahoo.com/home/ (atau ke http://www.geocities.com). Isilah kolom Yahoo! ID dan kolom Password dengan nama alamat e-mail dan password e-mail Anda, sama seperti jika Anda ingin membuka e-mail di YahooMail. (dalam contoh ini, penulis menggunakan nama serba_gratis karena penulis memiliki acoount e-mail dengan nama [email protected]. OKB Club Indonesia – http://www.okbclub.com



180



 3.



SimSalaBim ..…. dalam hitungan detik Anda telah memiliki situs web baru dengan alamat http://www.geocities.com/nama_email_anda dengan quota web sebesar 15 MB yang masih kosong. Anda tinggal mengisinya saja! Selain itu, dalam waktu kurang dari semenit Anda akan mendapat kiriman email yang berisi cara-cara mengisi homepage Anda dan penjelasanpenjelasan penting lainnya.



b.



4.



Langkah berikutnya, Anda harus memilih salah satu dari 30 ketegori yang kira-kira cocok dengan isi homepage Anda, misalnya 'Autos', 'Business & Finance', 'Celebrities', 'Computers & Internet', 'Family', 'Fashion & Beauty', 'Friends', 'Games', 'Hobbies & Crafts', 'Home', 'Movies', 'Music', 'Pets', 'Romance', 'Science', 'Sports', 'Teen', 'Travel', 'Women' dll. Setelah itu klik tombol "Submit".



m



Setelah menekan tombol "Sign In", dilayar akan ditampilkan syarat dan ketentuan yang harus Anda perhatikan dalam mengelola situs Anda di geocities, misalnya ketentuan untuk tidak boleh mengisi homepage Anda dengan ini itu dan lain-lain. Klik tombol "I Accept".



co



2.



Sekarang Anda dapat mulai membuat halaman web yang pertama menggunakan utiliti yang disediakan oleh Yahoo.Geocities seperti "Yahoo! PageWizard", "Yahoo! PageBuilder", "Advanced HTML Editor" (minimal Anda harus sudah memahami Langkah 3 didepan) atau jika Anda telah memiliki homepage offline didalam hardisk, Anda tinggal mentransfernya ke Geocities melalui FTP atau melalui file manager, yaitu dengan meng-klik link File manager (gambar 4.24) dan setelah itu browse filenya dan klik "Upload File". Penjelasan lebih lengkap mengenai cara upload file ke server Geocities bisa dilihat pada langkah 5 (bab 5).



BC



lu



5.



ww



w.



OK



Gambar 4.22: Jika memiliki account di YahooMail, Anda juga memiliki homepage di Geocities!



Gambar 4.24: Setelah homepage aktif, Anda bisa melakukan upload file melalui file manager atau program FTP



Gambar 4.23: Tampilan setelah homepage di Geocities berhasil diaktifkan



OKB Club Indonesia – http://www.okbclub.com



181



OKB Club Indonesia – http://www.okbclub.com



182



 m



Rp. 80.000,- sampai Rp. 150.000,- setahun. Jika mau, Anda juga bisa membeli (atau juga menjual) nama domain yang sudah dipesan oleh orang lain dengan harga mulai Rp. 300.000,- sampai Rp. 500.000.000,-. Alamat yang perlu Anda kunjungi untuk itu adalah http://www.bursadomain.com.



4.4 MENDAPATKAN NAMA DOMAIN SENDIRI



4.4.1 Tentang InterNIC



b.



InterNIC atau Network Solutions tidak akan menerima pendaftaran nama domain jika tidak ada satu DNS (Domain Name System) serverpun yang dapat dirujuk oleh nama domain Anda, atau jika nama domain provider webspace yang Anda gunakan tidak terkoneksi ke jaringan internet. Karena itu, sebelum mendaftar untuk mendapatkan nama domain, Anda harus sudah memiliki akses server dimana ia bisa dihubungi saat nama domain yang Anda daftarkan diakses orang/pengunjung. Untuk keperluan ini, Anda tidak harus memiliki server sendiri, melainkan bisa menyewa ke web hosting dengan membayar iuran bulanan atau tahunan. Tetapi sebelum benar-benar memiliki materi isi homepagenya sendiri, Anda bisa menggunakan tempat parkir domain (yang hanya terdiri dari satu halaman web) untuk memberitahuan pada pengunjung bahwa situs Anda sedang dibangun atau sedang direnovasi. Halaman inilah yang akan ditampilkan saat ada orang mengetikkan alamat domain Anda di browser mereka.



OK



BC



Penamaan nama domain diurusi oleh sebuah badan khusus yang bernama InterNIC (International Network Information Service). Mereka mendaftar alamat IP dan nama domain semua server di seluruh dunia. Sejumlah negara menyediakan layanan pendaftaran sendiri; Anda dapat menghubungi InterNIC untuk menanyakan siapa yang harus Anda hubungi. Anda perlu mengisi formulir pendaftaran untuk mengajukan permintaan nomor IP dan nama domain, kemudian mengirimkannya ke InterNIC. Berikut adalah alamat dimana sumber daya dan informasi tentang InterNIC bisa diperoleh.



4.4.2 Anda Harus Punya Tempat Parkir



lu



Nama domain sebenarnya adalah nama alias bagi alamat sebuah server. Untuk dapat diakses dari seluruh dunia, setiap server memiliki alamat IP (Internet Protocol) sendiri dengan kode angka, misalnya 202.46.246.6. Server dengan alamat seperti itu dapat dihubungi dengan mengetik http://202.46.246.6 didalam browser. Akan tetapi ini tidak representatif dan tidak mudah diingat orang. Karena itu dipakailah nama alias atau nama domain untuk mempermudah orang mengingatnya. Sebagai contoh, jika Anda memiliki perusahaan dengan nama PT. SURYA, maka Anda dapat mendaftarkan nama domain surya.com sehingga homepage Anda bisa diakses dengan mengetik http://www.surya.com.



co



Maaf, bab ini mungkin adalah satu-satunya pembahasan mengenai hal yang tidak gratis, tetapi ini mungkin diperlukan sebagai pengetahuan jika Anda mulai ingin bertindak profesional, yaitu memiliki nama domain sendiri.



w.



Nomor telepon bebas pulsa InterNIC: 1-800-444-4345 Nomor telepon langsung InterNIC: 619-455-4600 E-mail: [email protected] Web: http://www.internic.net Archive Internet: Client Ghoper: gopher.internic.net atau ketik telnet gopher.internic.net dan login sebagai gopher



ww



Sebelum menghubungi InterNIC, catat bahwa pendaftaran secara internasional bisa juga dilakukan baik melalui http://www.register.com maupun melalui http://www.networksolutions.com. Sedangkan untuk kita yang berada di Indonesia, tidak perlu repot-repot, kita bisa melakukan pendaftaran melalui http://www.namadomain.com dengan biaya sekitar OKB Club Indonesia – http://www.okbclub.com



183



Tempat parkir semacam ini bisa disewa atau didapatkan gratis dari intenet. Berikut adalah beberapa alamat dimana Anda bisa mendapatkan tempat parkir gratis sebelum Anda selesai membangun situs web Anda : Nama Penyelenggara Domain Parking Gratis!



NetAvenue Prohosting ParkPage Hostway Domain Parking Domain Avenue



Alamat Homepage/Alamat Mendaftar http://www.9netave.com/cgibin/parkdomain.cgi?formdesign=webhost_park http://www.parkpage.com/ http://hostway.com/freedomain/index.htm http://www.domainavenue.com/



OKB Club Indonesia – http://www.okbclub.com



184



 m



4.4.3 Cara Memperoleh Nama Domain Gratis



http://bebas.terserah_anda.com atau http://bebas.terserah_anda.net atau http://bebas.terserah_anda.org



co



Oke. Terus terang saja ini adalah sub bab tambahan yang penulis tambahkan setelah buku ini selesai ditulis! Anda ngotot ingin punya alamat domain sendiri secara gratis? Meskipun penulis sudah mengatakan bahwa sub bab ini adalah satu-satunya sub pokok bahasan yang tidak gratis?



Hebatnya lagi, semuanya itu GRATIS! Sekali lagi, GRATIIISSSS !!! Anda harus mencobanya sekarang, sebelum alamat yang Anda inginkan dimiliki oleh orang lain!



http://www.terserah_anda.net http://terserah_anda.net



atau atau



Sebagai contoh, Anda mengetahui adanya sebuah tabloid baru yang baru saja terbit, katakanlah namanya tabloid "POLITIK". Maka Anda bisa membuat situs baru dengan alamat domain http://www.politik.com atau http://www.politik-online.com. Isilah halaman utama situs web tersebut dengan pemberitahuan bahwa situs tersebut akan dijual dan cantumkan juga alamat e-mail, nomor telepon atau apa saja sebagai sarana untuk menghubungi Anda jika ada yang berminat.



OK



bebas@terserah_anda.com bebas@terserah_anda.net bebas@terserah_anda.org



w.



Plus web based e-mail dengan alamat seperti ini :



lu



dan



Mulai sekarang, pasang mata dan telinga Anda baik-baik untuk mencari tahu akan adanya perusahaan-perusahaan yang baru berdiri, koran atau tabloid yang baru terbit, toko-toko baru, usaha-usaha baru atau apa saja yang baru. Catat nama perusahaannya, nama tokonya, nama tabloidnya, nama usahanya dan lain sebagainya. Kalau mereka belum memiliki homepage dengan alamat domain sendiri, segera buat situs web baru dengan nama perusahaan mereka. Setelah itu, tawarkan nama domain tersebut pada mereka! Jika Anda beruntung, Anda bisa memperoleh jutaan bahkan mungkin puluhan juta rupiah dengan modal dengkul !



dan



atau http://www.terserah_anda.org http://terserah_anda.org



Beberapa bulan yang lalu, sebelum situs namedemo.com dan trik untuk memiliki nama domain gratis bisa dilakukan, Anda harus membayar uang registrasi sekitar Rp. 150 ribu untuk mendapatkan nama domain sendiri. Sekarang, setelah untuk mendapatkan nama domain sendiri bisa dilakukan dengan gratis, muncul peluang bisnis baru bagi kita. Ya, kita bisa jualan nama Domain! Sssssstttt......, sebetulnya ini ide rahasia. Akan tetapi akan saya beberkan untuk Anda.



dan



atau



4.4.3 Jualan Nama Domain? Mengapa Tidak?



BC



http://www.terserah_anda.com http://terserah_anda.com



b.



Well, Anda beruntung, …… karena penulis baru saja menemukan jawabannya. Bukalah langkah BONUS: Tip & Trik pada sub bab 8.7. Dijamin Anda akan bisa memperoleh salah satu alamat domain dibawah ini, dengan catatan alamat yang Anda inginkan belum ada yang memakai sebelumya :



ww



Selain itu, Anda juga bisa membuat banyak alamat sub domain sendiri dengan alamat seperti ini :



OKB Club Indonesia – http://www.okbclub.com



185



Sekarang, Anda bisa mulai menghubungi redaksi atau siapa saja yang bertanggung jawab pada tabloid baru tersebut dan tawarkan nama domain ini dengan harga tertentu. Tidak masalah jika mereka tidak mau membelinya, toh untuk mendapatkan nama domain tersebut Anda tidak dipungut biaya sepeserpun!



OKB Club Indonesia – http://www.okbclub.com



186



 m



Catat bahwa masa berlakunya nama domain adalah setahun. Jika Anda kebetulan mendapatkan nama domain "cantik" yang menurut perkiraan Anda akan laku dijual dimasa yang akan datang, Anda bisa memperpanjang masa keanggotaannya dengan membayar sejumlah uang tertentu!



BAB 5



LANGKAH KE-5: MEMASANG HOMEPAGE KE WEB SERVER (UPLOAD FILE)



BC







lu



b.



co



Alternatif lain untuk penyedia layanan nama domain gratis yang bisa Anda coba selain NameDemo adalah NameZero (http://www.namezero.com) dan domaingratis (http://www.domaingratis.cjb.net). Penjelasan mengenai tata cara pendaftarannya dijelaskan secara rinci pada bagian "BERITA BARU" di situs online Serba-Gratis (http://www.serba-gratis.da.ru) atau di situs offline yang ada dalam disket yang menyertai buku ini (dalam folder semuagratis.cjb.net).



ww



w.



OK



Setelah Anda berhasil memiliki akses ke suatu web server dan memiliki alamat domainnya di internet, maka langkah selanjutnya adalah menyalin file-file html dan gambar-gambar pendukungnya dari komputer Anda ke server agar homepage Anda bisa dibuka dan dilihat oleh semua orang dari seluruh dunia kapanpun mereka inginkan. Langkah ini disebut 'upload' file. Bedakan dengan 'download' file yang berarti menyalin file dari server ke komputer kita.



OKB Club Indonesia – http://www.okbclub.com



Pada bab ini kita akan membahas dan mencoba semua cara upload file dari komputer lokal ke server yang mungkin bisa kita lakukan, dari mulai upload file dengan file manageri (yang biasanya sudah disediakan oleh penyelenggara free webspace), dengan web browser (Microsoft Internet Explorer 5.0), dengan program FTP dan terakhir dengan FrontPage 2000. Sebelum mulai melakukan upload, catat bahwa masing-masing situs penyelenggara free webspace menggunakan nama file default tidak sama, misalnya ada yang menggunakan nama file default index.htm (Tripod), index.html (Geocities dan Rileks.com) atau default.htm (S-S-Net). File default adalah file html yang dibuka pertama kali saat user mengetik nama domain kedalam browser tanpa menyebutkan nama file html-nya. Sebagai contoh, jika pada direktori utama homepage Anda di Tripod ada 3 buah file dengan nama masing-masing "utama.htm", "index.htm" dan "main.htm", maka apabila ada user yang mengetikkan alamat homepage Anda



187



OKB Club Indonesia – http://www.okbclub.com



188



 co



m



(misalnya "http://serba-gratis.tripod.com"), maka file yang akan ditampilkan kelayar browser adalah file "index.htm", bukan file "main.htm" atau yang lain. Karena itu jika Anda memiliki homepage di Geocities, Anda harus mengganti nama file "index.htm" menjadi "index.html" sebelum mengupload-nya ke server Geocities (ftp.geocities.com). Jika tidak, maka saat user mengetik alamat Anda di Geocities (misalnya http://www.geocities.com/adjie), browser-nya akan mencari file yang bernama "index.html" Karena tidak ditemukan, ia akan menampilkan pesan kesalahan.



lu 3.



BC



Sebelum melakukan upload file dengan file manager, perhatikan bahwa yang dimaksud dengan 'File Manager' disini bukanlah file manager seperti yang ada pada Windows 3.1 (atau jika dalam Windows 9x/ME/NT/2000 disebut 'Windows Explorer'), melainkan file manager yang disediakan oleh masingmasing situs penyelenggara free webspace. Tetapi perlu diperhatikan pula bahwa tidak semua penyelenggara free webspace menyediakan file manager sehingga untuk upload file ke situs-situs seperti ini, kita HARUS menggunakan program FTP, misalnya ke portland.co.uk atau ke bootbox.net.



b.



5.1 UPLOAD FILE DENGAN FILE MANAGER



5.1.1 Upload file ke TRIPOD



Setelah itu akan muncul lagi kolom isian untuk Login ke File Manager. Ketik nama members dan password Anda sekali lagi, maka Anda akan langsung masuk kedalam file manager. Untuk membuat folder baru, klik tombol "New Directory", kemudian ketik nama folder-nya pada kolom yang disediakan dan akhiri dengan menekan tombol "Create".



OK



Pada sub bab ini kita akan mencoba melakukan upload file ke 2 situs free webspace yang menyediakan file manager. Catat bahwa kedua situs ini memiliki layout file manager sendiri-sendiri sehingga berbeda satu dari yang lainnya. Demikian pula dengan situs-situs yang lain.



Gambar 5.1: Tampilan saat akan login ke Tripod



Upload file ke Tripod.com dapat dilakukan dengan hampir semua cara yang bisa dilakukan untuk transfer file ke server, misalnya melalui file manager, melalui browser, melalui client FTP maupun melalui Front Page. Berikut adalah contoh upload menggunakan file manager: Arahkan browser Anda ke http://www.tripod.com dan klik link 'File Manager' dibawah sub judul "New tools and services".



2.



Setelah muncul pop-up pertanyaan, isilah kolom User Name dan Password dengan nama dan password Anda. Setelah itu klik tombol "Ok".



ww



w.



1.



OKB Club Indonesia – http://www.okbclub.com



189



Gambar 5.2: Tampilan File manager di Tripod



4.



Untuk upload file, klik label "Upload-Via" yang berada disebelah kanan tombol "New Directory" dan pilih "single files (8)". Setelah itu akan muncul tampilan kolom-kolom dimana Anda bisa memasukkan nama-nama OKB Club Indonesia – http://www.okbclub.com



190



 b.



co



m



file yang ingin di upload ke Tripod. Untuk mempermudah pencarian file (beserta path-nya) didalam harddisk, klik tombol "Browse…", cari file yang ingin di upload dari dalam harddisk dan klik "Open". Lakukan ini beberapa kali apabila file yang ingin di upload jumlahnya lebih dari satu (maksimal 8 file untuk sekali upload).



lu



Gambar 5.4: Laporan nama-nama file yang berhasil di upload ke Tripod



BC



8. Untuk melakukan uji coba, bukalah jendela browser yang lain dengan mengklik berturut-turut menu Æ File Æ New Æ Windows dari dalam browser (MSIE 5.0). Setelah itu masukkan alamat homepage Anda kedalam browser, misalnya http://serba-gratis.tripod.com. Jika semuanya beres, selesailah tugas Anda! Kembalilah ke jendela browser yang menampilkan file manager dan klik "Log Out" yang berada dibagian sebelah kanan atas layar.



Gambar 5.3: Upload dengan file manager maksimal 8 file sekali upload



Klik check box "Make lowercase*" jika Anda ingin mengganti nama file html Anda menjadi huruf kecil semua secara otomatis setelah file bersangkutan berhasil di upload ke server Tripod, dan klik check box "Allow overwrite**" jika file yang akan di upload sebelumnya telah ada didalam server (untuk melakukan update file).



6.



Setelah semua file yang ingin di upload masuk kedalam kolom File #1 sampai #8, klik tombol "Upload" untuk memulai upload file. Tergantung dari ukuran file yang di upload, proses uploading ini bisa memakan waktu beberapa detik hingga beberapa menit. Tunggulah beberapa saat hingga muncul laporan mengenai nama-nama file yang berhasil di upload ke server.



7.



Jika koneksi ke server lancar, beberapa saat kemudian akan ditampilkan nama-nama file yang berhasil di upload (gambar 5.4). Jika Anda ingin melakukan upload lagi untuk file-file yang lain, klik tombol "Back to Upload". Jika sudah selesai, klik tombol "close" untuk kembali ke File Manager.



Gambar 5.5: Tampilan homepage yang selesai upload



191



OKB Club Indonesia – http://www.okbclub.com



ww



w.



OK



5.



OKB Club Indonesia – http://www.okbclub.com



192



 Arahkan browser Anda ke Geocities (http://www.geocities.com) dan masukkan nama user (atau Yahoo ID Anda) serta kode password-nya dengan benar. Jika nama dan password yang Anda masukkan benar, akan muncul tampilan seperti gambar 5.6. Jika salah, ulangi lagi.



3.



Untuk melakukan upload file, gulunglah layar kebawah sampai terlihat kolom-kolom isian untuk mengisi nama file yang akan di upload. Gunakan tombol "Browse" untuk mengalokasikan file-file di harddisk yang akan di upload ke Geocities. Karena Geocities menggunakan nama file default index.html, bukan index.htm, maka Anda harus mengganti nama file 'index.htm' menjadi 'index.html'. Ini bisa dilakukan secara manual atau secara otomatis dengan meng-klik check box berlabel 'Automatically change ".htm" extensions to ".html"' yang berada disebelah atas kolom isian nama file (lihat gambar 5.8). Perhatikan bahwa Anda juga harus merubah semua referensi yang menuju ke file index.htm menjadi index.html.



BC



lu



b.



4.



Untuk membuat folder baru, klik tombol [New] yang berada dibawah label "Subdirectories", masukkan nama folder yang diinginkan dan klik OK.



w.



OK



Gambar 5.6: Tampilan setelah berhasil Login ke Geocities



ww



1.



m



Proses upload file ke Geocities hampir sama dengan proses upload file ke Tripod. Berikut adalah urut-urutan yang bisa Anda lakukan :



Untuk masuk ke File Manager, klik link berlabel "File Manager" dibawah sub titel "Advanced Tools". Setelah muncul tampilan baru, klik link dengan label "Open File Manager". Beberapa saat kemudian akan ditampilkan tombol-tombol menu untuk membuat file baru, menyalin (copy) file, mengganti nama file, mengedit file, menghapus file dll.



co



2.



5.1.2 Upload file ke GEOCITIES



Gambar 5.8: Upload file ke Geocities menggunakan File Manager



5.



Gambar 5.7 : Tampilan File Manager Geocities



OKB Club Indonesia – http://www.okbclub.com



193



Setelah semua file selesai dialokasikan, klik tombol "Upload Files". Jika koneksi lancar dan upload berjalan mulus, sebentar kemudian akan muncul laporan mengenai file-file yang berhasil di upload seperti tampak pada gambar 5.9. OKB Club Indonesia – http://www.okbclub.com



194



 m



5.2 UPLOAD FILE MENGGUNAKAN BROWSER



b.



co



Upload file menggunakan browser sebaiknya dilakukan dengan browser versi terbaru. Upload file menggunakan browser bisa dilakukan dengan memanfaatkan program FTP internal milik browser yang biasanya hanya digunakan untuk 'download' file. Karena menggunakan mekanisme ftp, maka sebelum melakukan upload dengan browser Anda harus tahu alamat ftp server homepage Anda. Sebagai contoh, jika Anda memiliki homepage di TRIPOD, maka alamat servernya adalah ftp://ftp.tripod.com. Sedangkan GEOCITIES memiliki alamat ftp://ftp.geocities.com.



Pada sub bab ini kita akan mencoba melakukan upload file ke TRIPOD menggunakan browser Ms. Internet Explorer versi 5.0. Berikut adalah langkahlangkahnya:



BC



7.



Secara default, Anda hanya dapat meng-upload 5 buah file sekali upload. Akan tetapi ini dapat diperbanyak hingga maksimal 20 file dengan mengklik angka 5 disebelah label "Number of Files to Upload:" dan menggantinya dengan 20 dan lanjutkan dengan mengklik tombol "Display".



Untuk melakukan uji coba hasil upload, bukalah jendela browser lain dengan meng-klik berturut-turut menu Æ File Æ New Æ Windows dari dalam browser (MSIE 5.0). Setelah itu masukkan alamat homepage Anda kedalam browser baru tersebut, misalnya http://www.geocities.tripod.com/serba_gratis. Jika semuanya tampak beres, selesailah tugas Anda! Jika tidak, Anda dapat melakukan editing langsung dengan mengklik check box yang ada didepan nama file bersangkutan dan kemudian klik tombol "Edit". Lakukan penyuntingan seperlunya dan klik tombol "Save" atau "Preview" sebelum memutuskan untuk menyimpannya.



Bukalah browser dan masukkan alamat ftp://ftp.tripod.com kedalamnya. Anda akan mendapatkan pesan kesalahan karena secara umum Anda tidak memiliki otoritas untuk masuk ke server ftp di Tripod.



w.



CATATAN :



1.



OK



6.



lu



Gambar 5.9: Laporan tentang file yang berhasil di upload ke Geocities.



Alamat FTP suatu server tidak selalu sama dengan nama alamat domain homepage-nya. Sebagai contoh, jika Anda mendaftarkan diri ke http://www.portland.co.uk dengan username "catur", maka Anda akan mendapatkan alamat homepage http://catur.port5.com. Sementara itu alamat FTP untuk melakukan upload file ke situs ini bukannya ftp://ftp.port5.com, melainkan harus menggunakan alamat FTP ftp://ftp.portland.co.uk. Alamat FTP akan diberitahukan kepada Anda secara langsung saat Anda mendaftar atau bisa juga melalui e-mail.



ww



Geocities menggunakan file default (file yang dibuka saat user mengetik alamat homepage) bernama "index.html". Karena Geocities menggunakan sistem server yang "case sensitif", maka Anda tidak boleh memberi nama file dengan "Index.html" atau "INDEX.HTML". Selain itu, ingatlah bahwa ".html" berbeda dengan ".htm".



OKB Club Indonesia – http://www.okbclub.com



Gambar 5.10: Tampilan Login FTP ke Tripod.Com melalui Browser



195



OKB Club Indonesia – http://www.okbclub.com



196



 Beberapa saat kemudian semua file yang dipilih akan ditransfer ke server satu persatu. Tunggulah hingga selesai. Proses ini bisa memakan waktu dari satu menit hingga beberapa puluh menit tergantung dari seberapa banyak dan seberapa besar ukuran file yang Anda upload.



lu



b.



5.



Kecilkan jendela browser dan jalankan Windows Explorer (klik tombol Start Æ Programs Æ Windows Explorer). Cari lokasi dimana file-file html dan gambar yang ingin Anda upload ke server berada. Setelah itu pilih semua file dan folder yang ingin di upload dengan meng-klik tab menu Edit Æ Select All pada Windows Explorer. Sekarang, klik salah satu file dan sementara ini tidak dilepas, geser file-file tersebut kedalam jendela browser dan lepaskan tombol mouse untuk melakukan aksi "drag & drop" (lihat gambar 5.12).



m



4.



Klik menu File, lalu pilih Login As… dan setelah itu akan muncul kolom isian untuk mengisi nama members dan kode password. Masukkan nama dan password Anda di Tripod dan klik "OK".



co



2.



w.



OK



Tidak berapa lama kemudian Anda akan melihat isi folder situs web Anda dalam modus ikon grafik. Jika ingin membuat folder baru, klik sub menu File Æ New Æ Folder dan ketik nama folder yang Anda inginkan.



ww



3.



BC



Gambar 5.11: Tampilan isi server FTP Tripod jika dilihat melalui browser



6.



Dalam keadaan on-line di server, Anda dapat memperlakukan isi jendela browser Anda bagaikan sebuah folder lokal yang berada didalam harddisk Anda. Ini berarti bahwa Anda dapat mengganti nama file, menghapus file dan lain sebagainya dengan cara seperti yang biasa Anda lakukan dari jendela Windows Explorer!



7.



Setelah semuanya selesai di upload, lakukan uji coba dengan mengetik alamat homepage Anda pada kolom addres browser.



8. SELESAI.



Gambar 5.12: Upload file dengan cara 'drag & drop' kedalam browser



OKB Club Indonesia – http://www.okbclub.com



Gambar 5.13: Proses transfer file dari hardisk ke server Tripod.Com



197



OKB Club Indonesia – http://www.okbclub.com



198



 peroleh dari penyelenggara free webspace (lihat bab 4.2) saat Anda mendaftar, dan isi kolom 'Password:' dengan kode password Anda.



m



5.3 UPLOAD FILE DENGAN PROGRAM FTP



NAMA PROGRAM



lu



b.



ALAMAT HOMEPAGE / DOWNLOAD http://www.leapware.com Leap FTP http://www.bpftp.com BulletProof FTP http://www.cuteftp.com Cute FTP http://www.ipswitch.com WS_FTP Transoft FTP http://www.transoft.com Control http://www.ftpvoyager.com FTP Voyager



co



Upload file menggunakan program FTP adalah cara upload file yang paling cepat. Untuk melakukannya Anda memerlukan salah satu dari sekian banyak program client FTP yang bisa di download gratis dari Internet. Berikut adalah beberapa diantaranya yang terbaik:



BC



Gambar 5.14: Setup koneksi upload FTP ke server Portland



Pada sub bab ini kita akan mencoba melakukan upload file ke server ftp.portland.co.uk untuk mengisi situs web UANG GRATIS di alamat http://uang.port5.com menggunakan WS_FTP Pro, yakni sebuah program client FTP yang paling mudah digunakan.



OK



Saat pertama kali dijalankan (setelah instalasi), WS_FTP Pro secara default telah memiliki alamat-alamat ftp seperti ftp.microsoft.com, ftp.mcafee.com, ftp.idsoftware.com dan masih banyak lagi. Akan tetapi alamat server portland belum ada, karena itu kita harus membuat yang baru untuk dapat melakukan akses ke server portland. Berikut adalah langkah demi langkah dari mulai membuat account baru sampai upload file ke server ftp.portland.co.uk.



Jalankan program WS_FTP Pro. Klik tombol 'New' pada jendela "Session Properties", maka semua kolom akan menjadi kosong.



2.



Isi kolom 'Profile Name:' dengan nama domain homepage Anda, misalnya kusayang.com atau yang lain. Isi kolom 'Host Name/Address:' dengan 'ftp.portland.co.uk'. Biarkan kolom 'Host Type:' berisi 'Automatic Detect'. Isi kolom 'User ID:' dengan kode user ID yang Anda



ww



w.



1.



OKB Club Indonesia – http://www.okbclub.com



199



3.



Klik Check box 'Save Pwd' agar kita tidak perlu mengisi password lagi setiap kali ingin melakukan upload file. Biarkan kolom sisanya dalam keadaan kosong, lalu klik tombol 'Apply' untuk menambahkan account baru kita kedalam program dan lanjutkan dengan menekan tombol 'OK' untuk mulai mengadakan koneksi ke server portland.



4.



Beberapa saat kemudian akan ditampilkan jendela utama program WS_FTP. Jendela sebelah kiri dibawah label "Local System" adalah file-file dan folder yang ada di komputer lokal (harddisk) Anda. Sedangkan jendela sebelah kanan dibawah label "Remote System" adalah file dan folder yang ada di server remote (ftp.portland.co.uk).



5.



Untuk mengganti direktori yang ada ke direktori lain, misalnya ke direktori dimana file-file html Anda berada, klik tombol "ChgDir" yang sebelah kiri dan ketik nama direktorinya, misalnya "d:\serba-gratis.tripod.com" dan klik "OK". Untuk membuat folder baru di server remote (ftp.portland.co.uk), klik tombol "MkDir" yang sebelah kanan. Sedangkan untuk membuat folder baru di harddisk lokal, klik tombol "MkDir" yang sebelah kiri.



OKB Club Indonesia – http://www.okbclub.com



200



 m



Untuk melakukan uji coba hasil upload, bukalah browser Anda dan ketik alamat homepage Anda. Jika semuanya tampak beres, kembalilah ke jendela WS_FTP dan klik tombol "Close" untuk memutus hubungan dengan server. Jika tidak, cek lagi apakah Anda telah meng-upload salah satu file default homepage Anda (index.htm, index.html atau default.htm) ?



co



8.



5.4 UPLOAD FILE DENGAN FRONTPAGE 2000



b.



Upload dengan FrontPage mungkin adalah satu-satunya cara upload file yang tidak gratis. Sebab program FrontPage-nya sendiri tidak gratis, meski Anda membeli yang 'bajakan' sekalipun! Kecuali jika Anda mendapatkannya dari teman Anda, atau didalam komputer yang Anda pakai memang sudah ada program FrontPage-nya.



Untuk mulai melakukan upload, pilihlah file di harddisk yang ingin di upload dan kemudian klik tombol "-->" (berada ditengah layar). Anda juga dapat meng-upload beberapa file sekaligus atau bahkan meng-upload folder yang ada isinya dengan menyorot beberapa file atau folder sekaligus. Saat WS_FTP melakukan upload, ia akan secara otomatis membuat folder baru seperti aslinya apabila didalam server remote belum ada.



7.



Jika file yang Anda upload cukup banyak, maka waktu yang diperlukan untuk upload juga agak lama. Karena itu Anda bisa menunggunya sampil surfing di internet. Jika komputer Anda dilengkapi dengan sound card dan speaker, hidupkan speaker Anda. Anda akan mendengar semacam suara gemerincing bila transfer file ke server telah selesai dengan sukses!



w.



OK



BC



6.



lu



Gambar 5.15: Tampilan isi server FTP Portland jika dilihat melalui WS_FTP Pro



Upload file dengan FrontPage sangat efektif jika Anda memang mendesain homepage menggunakan FrontPage. Prosesnya sendiri sangat sederhana dan mudah. Pada sub bab ini kita akan mencoba melakukan upload file menggunakan FrontPage 2000.



ww



Gambar 5.16: Transfer File dengan FTP adalah transfer yang paling cepat



OKB Club Indonesia – http://www.okbclub.com



201



Gambar 5.17: Tampilan server web lokal dilihat dengan FrontPage 2000



OKB Club Indonesia – http://www.okbclub.com



202



 m



5.4.1 Upload file dari server FrontPage



3.



Setelah muncul jendela "Publish Web", ketik alamat server tujuan kedalam kolom yang berada dibawah label "Specify the location to publish your web to:", misalnya ftp.tripod.com. Klik tombol "Options" untuk memunculkan opsi tambahan, lalu klik check box berlabel "Include Subwebs" jika Anda juga ingin meng-upload subsub folder sekaligus. Kemudian klik tombol "Publish".



6.



Sesaat kemudian, semua file akan mulai di transfer ke server satu persatu dengan lama transfer bervariasi, tergantung dari berapa banyak file, berapa besar masing-masing file yang ditransfer dan seberapa besar kecepatan koneksi Anda ke Internet.



OK



BC



4.



Gambar 5.19: Tampilan Login FTP ke Tripod menggunakan FrontPage 2000



b.



Jalankan FrontPage 2000 dan buka web yang ingin Anda upload. Klik sub menu "File" dan pilih "Publish Web …" .



lu



1. 2.



co



Berikut adalah cara upload file dari server FrontPage (file html-nya sudah ada dalam server/harddisk komputer Anda) ke server online "ftp.tripod.com" menggunakan FrontPage 2000 :



Gambar 5.18: Setup koneksi ke server FTP Tripod melalui FrontPage 2000



w.



Setelah tombol "Publish" ditekan, beberapa saat kemudian FrontPage akan mencoba melakukan koneksi ke server ftp. Karena server yang dihubungi bukan server publik, maka FrontPage akan memunculkan jendela konfirmasi username dan password yang diperlukan untuk masuk ke server tersebut. Masukkan username dan kode password Anda di server bersangkutan. Setelah itu klik "OK".



ww



5.



OKB Club Indonesia – http://www.okbclub.com



203



Gambar 5.20: Proses transfer file ke server menggunakan FrontPage 2000



7.



Setelah semua file selesai ditransfer, FrontPage akan memunculkan sebuah pop-up pemberitahuan bahwa publikasi telah dilakukan dengan sukses. Jika Anda ingin melihat hasil upload-nya, tidak usah repot-repot, Anda tinggal mengklik link berwarna biru didalam jendela pop-up dengan label "Click here to view your published web site". Maka FrontPage secara otomatis akan menjalankan Ms. Internet Explorer dan secara langsung akan membuka homepage Anda. Jika semuanya tampak beres, kembalilah kejendela FrontPage dan klik tombol "Done". Jika tidak, coba lihat lagi, OKB Club Indonesia – http://www.okbclub.com



204



 b.



co



m



apakah Anda telah meng-upload salah satu file default homepage Anda? (default.htm, index.htm atau index.html).



Gambar 5.21: Pemberitahuan bahwa transfer file telah dilakukan dengan sukses



5.4.2 Upload File Dari Folder Hard Disk



BC



1.



Jalankan FrontPage 2000. Lalu klik sub menu File Æ New Æ Web.



2.



Pada tampilan layar "New - Web Sites", pilih "Import Web Wizard" karena kita akan mengimpor file-file html dan gambar yang telah selesai kita buat kedalam web server FrontPage.



OK



w.



4.



Gambar 5.23: Proses pembuatan web baru di harddisk lokal



Pada kolom dibawah label "Specify the location of the new web" isilah dengan alamat sub domain apa saja, misalnya jika komputer Anda menggunakan nama identifikasi 'default', maka Anda dapat mengisinya dengan alamat "http://default/serba-gratis". Setelah itu klik tombol "OK". FrontPage akan segera membuat situs lokal baru (berada di harddisk) dengan alamat "http://default/serba-gratis". Setelah selesai, Anda akan ditanya mengenai darimana file-file akan diimpor. Pilih radio button dengan label "From a source directory of files on a local computer or network".



ww



3.



lu



Gambar 5.22: Pembuatan web baru di harddisk dengan FrontPage 2000



Berikut adalah cara upload file menggunakan FrontPage khusus untuk Anda yang sebelumnya tidak menggunakan FrontPage saat mendesain homepage. Jadi, jika Anda baru pertama kali ini menggunakan FrontPage 2000 dan itupun hanya untuk melakukan upload file, maka berikut adalah langkah-langkah yang diperlukan untuk melakukan upload dengan FrontPage 2000 dari awal.



OKB Club Indonesia – http://www.okbclub.com



Gambar 5.24



205



OKB Club Indonesia – http://www.okbclub.com



206



 BAB 6



LANGKAH KE-6: MEMASANG COUNTER DAN GUESTBOOK GRATIS!



lu



b.



7.



m



6.



Pada kolom "Location:", isilah dengan lokasi dimana file-file html Anda disimpan. Untuk mempermudah melokasikan file-file Anda, gunakan tombol "Browse". Jika didalam sub direktorinya terdapat folder lain dan ingin juga di import, misalnya folder "images", klik check box didepan "Include subfolders", setelah itu klik tombol "Next". Pada tampilan "Import Web Wizard – Edit File List" (gambar 5.25), pilih file-file yang tidak ingin ikut di upload dengan cara mengklik nama filenya dan kemudian mengklik tombol "Exclude". Setelah itu tekan tombol "Next" dan lanjutkan dengan menekan tombol "Finish" yang muncul setelah itu.



co



5.



BC



Setelah memiliki homepage, maka memiliki hit counter dalam situs web hampir menjadi keharusan. Dengan hit counter yang dilengkapi fungsi tracker, Anda dapat mengetahui berapa banyak pengunjung yang datang ke situs Anda, siapa mereka dan jika perlu dari mana mereka berasal, dari mana mereka mendapatkan link ke situs Anda dan lain sebagainya. Anda bahkan dapat mengetahui jumlah pengunjung hari ini, kemarin, bulan ini dan tentu saja jumlah pengunjung total plus statistiknya. Hebatnya lagi … fasilitas untuk melakukan itu semua bisa didapatkan dengan gratis!



Gambar 5.25: Dengan File List Editor FrontPage 2000, Anda bisa dengan mudah memilih file-file yang tidak ingin di transfer ke server







Dua atau tiga tahun yang lalu, penyedia layanan counter dan guestbook gratis yang baik mungkin hanya ada puluhan. Akan tetapi sekarang, jumlahnya sudah tak terhitung lagi. Cobalah kunjungi situs-situs mesin pencari seperti



OK



Selain hit counter, fasilitas lain yang tidak kalah penting adalah buku tamu (guestbook). Adanya buku tamu dalam situs web memungkinkan dilakukannya interaksi antara Anda dengan pengunjung situs web Anda. Mereka bisa menumpahkan uneg-uneg dan menuliskan kesan mereka tentang situs web Anda. Isinya bisa pujian, ungkapan rasa puas, kritik atau bisa juga hujatan! Bagaimanapun, pemuatan buku tamu kedalam homepage selalu menghadirkan banyak manfaat. Komentar pengunjung seringkali sedemikian membanggakan sehingga memacu untuk selalu menjaga citra dan terus meningkatkan kualitas isi serta tampilan homepage kita. Demikian juga dengan kritik-kritik tajam dan pedas yang memungkinkan kita untuk lebih mengenali kekurangan yang ada pada homepage kita.



w.



8. 9.



Tunggulah sampai proses import-nya selesai. Setelah proses import selesai, mulailah melakukan transfer file (upload) ke server yang Anda inginkan dengan cara yang persis sama dengan cara upload file dari server FrontPage diatas (sub bab 5.4.1 mulai langkah nomor 2). SELESAI. Lakukan pengecekan dengan mengunjungi situs web Anda. Jika ada yang tidak beres, coba pastikan bahwa Anda telah meng-upload salah satu file default homepage Anda (default.htm, index.htm atau index.html).



ww



8. 9.



OKB Club Indonesia – http://www.okbclub.com



207



OKB Club Indonesia – http://www.okbclub.com



208



 http://www.yahoo.com atau http://www.altavista.com dan masukkan kata kunci "free counter" atau "free guestbook", maka hanya dalam hitungan detik Anda akan dihadapkan pada ribuan bahkan puluhan ribu link ke situs-situs yang Anda cari!



m



Situs ini telah dikunjungi  orang sejak Desember 2000.



Akan menghasilkan tampilan seperti ini (counter akan berwarna merah):



b.



Peletakan kode penampil counter bisa dimana saja selama masih berada diantara tag …. Untuk mencobanya, upload-lah file html yang telah ditambahi baris penampil counter diatas ke server Tripod. Setelah itu buka file tersebut dengan browser dalam keadaan Anda on-line ke internet. Ingatlah bahwa counter tidak akan bisa aktif dalam keadaan internet offline. Jika counter Anda bekerja, maka setiap klik pada tombol "Reload" atau "Refresh" di browser akan membuat angka counter bertambah satu.



CATATAN :



6.1.1 Memasang Counter Di Tripod



OK



BC



Jika Anda kebetulan mendaftar pada situs penyelenggara free webspace yang sekaligus juga menyediakan fasilitas counter seperti Geocities atau Tripod, Anda dapat langsung menggunakannya tanpa perlu mendaftar lagi. Kekurangannya hanyalah pada tampilan counter yang umumnya tampak kurang menarik. Pada langkah ke-6 ini, kita akan membahas cara memanfaatkan counter dari Tripod dan Geocities. Kemudian kita juga akan memburu situs-situs penyedia layanan counter dan guestbook gratis dari internet, lalu mencoba mendaftar pada beberapa diantaranya.



Situs ini telah dikunjungi 234 orang sejak Desember 2000.



lu



6.1 MEMASANG COUNTER



co



Counter dan guestbook tidak bisa dibuat hanya dengan kode html saja, karena itu materi ini tidak dimasukkan kedalam langkah 3 (saat mempelajari html). Anda harus melakukan pendaftaran ke suatu penyedia layanan counter/guestbook untuk dapat memiliki counter dan guestbook. Tetapi jika server Anda mendukung FrontPage Server Extension, Anda dapat membuat counter dan guestbook sendiri sebagai komponen tambahan yang memang telah disediakan oleh FrontPage. Counter juga dapat dibuat dengan JavaScript, akan tetapi efek penambahan angka counter-nya hanya terjadi pada mesin client, bukan pada server. Akibatnya, angka counter yang tampak pada masing-masing komputer dapat berbeda-beda.



Jika dilokasi counter yang muncul adalah teks "a lot of", bukan angka, ini berarti bahwa server counter di Tripod tengah sibuk. Ini bisa diatasi dengan meng-klik "Reload" atau "Refresh". Tetapi jika counter sama sekali tidak muncul dihalaman web (ini yang seringkali terjadi pada pemula), kemungkinan besar warna counter yang dipilih sama dengan warna latar belakang halaman web Anda. Coba cek lagi pilihan warna counter Anda !



6.1.2 Memasang Counter Di Geocities







Geocities memiliki tampilan counter yang lebih bagus dari pada Tripod. Akan tetapi untuk menggunakannya diperlukan setup counter yang lebih panjang. Berikut adalah cara pengaktifannya:



w.



Jika Anda memiliki account di Tripod.com, Anda dapat menggunakan counter dengan menambahkan baris berikut kedalam file html Anda.



ww



NamaMember pada kode html diatas adalah nama keanggotaan Anda di Tripod dan WarnaCounter adalah kode warna counter yang Anda inginkan. Anda dapat menambahkan teks apa saja disekeliling baris diatas untuk memperjelas keberadaan counter Anda. Lihat contoh berikut ini:



OKB Club Indonesia – http://www.okbclub.com



209



1.



Buka file manager di geocities (http://geocities.yahoo.com/home/).



2.



Masuklah ke bagian 'Add-Ons' dan klik link berlabel 'Counter'.



3.



Pilih file yang akan diberi counter, lalu klik "Continue". OKB Club Indonesia – http://www.okbclub.com



210



 lu



b.



co



m



dimasukkan langsung kedalam halaman web menggunakan editor HTML yang ada di Geocities (klik link berlabel 'Use One-Line Advanced Editor'), atau dengan editor lain dan kemudian baru meng-upload-nya ke Geocities.



4.



BC



Gambar 6.1: Pemilihan warna, style dan nomor awal counter di Geocities



Sekarang Anda dapat mengatur tampilan counter yang diinginkan (mereset nomor counter, mengganti warna, mengganti tipe/style counter dll). Jika Anda ingin menset angka awal tertentu, masukkan angka yang Anda inginkan pada kolom "Preset Counter Value" dan klik tombol "Set". Lalu klik tombol "Continue" (lihat Gambar 6.1).



Berikutnya akan muncul pertanyaan apakah Anda sudah pernah menginstal counter sebelumnya atau ini yang pertama kalinya. Pilih "No, I am installing this counter …….". Setelah itu klik tombol "Continue".



6.



Anda akan mendapatkan kode html untuk menampilkan counter seperti dibawah ini :



OK



5.







Gambar 6.2: Ucapan selamat setelah Anda berhasil memasang counter di Geocities



9.



Lakukan uji coba dengan membuka file yang telah diberi counter tersebut melalui browser dalam keadaan internet on-line. Cobalah klik tombol "Reload" atau "Refresh" pada browser Anda. Counter akan selalu bertambah 1 setiap kali Anda meng-klik tombol ini. Jika tidak puas dengan tampilan yang ada, Anda dapat mengulang lagi langkah-langkah diatas. Tetapi pada langkah ke-5, pilih "Yes, I have already ……" dan kemudian klik "Continue".



6.1.3 Memburu Counter Gratis Di Internet



Copy kode html penampil counter diatas kedalam clip board. Yaitu dengan mem-blok teks kode html (ada dilayar monitor Anda) dan kemudian tekan tombol [Ctrl]+C di keyboard Anda. Setelah itu klik "Continue".



Jika Anda memiliki situs web gratis yang kebetulan tidak menyediakan counter, maka Anda terpaksa harus memburunya di internet. Saat pertama kali mencari situs penyedia counter gratis di internet, mungkin Anda akan bingung karena Anda akan menemukan sedemikian banyak penyedianya.



8.



Pada titik ini, setup counter sebenarnya telah selesai. Akan tetapi kodenya belum masuk kedalam halaman web Anda. Kode penampil counter ini dapat



Cara terbaik dan tercepat saat memilih situs penyedia counter gratis dari mesin pencari (search engine) adalah dengan membaca secara hati-hati setiap



ww



w.



7.



OKB Club Indonesia – http://www.okbclub.com



211



OKB Club Indonesia – http://www.okbclub.com



212



 penjelasan dari tiap link yang ditemukan. Carilah situs yang menawarkan counter gratis tanpa iklan, sebab umumya counter gratis ditawarkan plus iklan. Counter dengan iklan adalah counter yang disekelilingnya terdapat tambahan gambar banner tau teks lain yang akan membuat tampilan situs web kita menjadi kurang menarik.



m



counter direset. Catatan: EasyCounter Menampilkan iklan banner agak besar.



co



FastCounter (http://www.fastcounter.com/) - Menyediakan counter gratis yang mudah disetup dengan respon cepat. Tipe-tipe counter bisa dipilih sendiri. Uniknya, laporan statistik pengunjung bisa dikirim melalui alamat email.



Berikut adalah sebagian kecil daftar situs web penyedia layanan counter gratis yang bisa Anda coba:



Maweb (http://www.maweb.com/) - Menyediakan counter gratis hingga 5 buah. Anda harus meletakkan link untuk kembali ke Maweb.



Pandawa (http://www.pandawa.com/) - Penyedia layanan counter gratis dari Indonesia



b.



Aaddzz (http://www.aaddzz.com/pages/counters) - Menyediakan counter dan tracker berupa laporan pengunjung.



TheCounter (http://www.thecounter.com/new.html) - Counter dan Statistik seperti yang digunakan PengenPunyaSitus.com



lu



Cameron's Free Counter (http://counter.bloke.com/register.html) Menyediakan counter gratis dengan pendaftaran mudah. Anda hanya perlu mengirim alamat e-mail Anda dan beberapa detik kemudian sebuah e-mail pemberitahuan untuk mengaktifkan counter akan Anda terima. Anda juga dapat men-download applet counter disini.



BC



Superstats (http://www.superstats.com/) - Menyediakan layanan pencatat statistik yang dapat digunakan untuk mengetahui siapa pengunjung situs web Anda. Statistik yang didapat adalah jumlah pengunjung, tipe browser yang digunakan, nama domain, alamat IP, pola trafik situs web dan lain sebagainya. SuperStats memungkinkan Anda untuk mengetahui dari mana pengunjung mendapatkan link ke situs web Anda.



Aid4 (http://www.y4i.com/counters.html) - Menyediakan counter halaman dan counter situs serta berbagai materi gratis lainnya.



Freestats (http://www.freestats.com/) - Menampilkan berapa banyak pengunjung situs Anda, berapa banyak pengunjung unik (pengunjung baru) tiap hari dan tiap bulan dan juga menunjukkan siapa mereka dan dari halaman web mana mereka datang.



OK



NedStat (http://www.nedstat.com) atau (http://usa.nedstat.net/) - Layanan statistik untuk situs non-komersial dengan pengunjung maksimal 10.000 setiap hari. Statistik yang dicatat adalah jumlah pengunjung hari ini, minggu ini, bulan ini, tanggal dan bulan pengunjung terbanyak serta jumlah total pengunjung sejak Anda mendaftar di NedStat. Selain itu juga ada laporan mengenai asal negara pengunjung, alamat IP-nya serta grafik pengunjung bulanan. Selain itu, NedStat juga menyediakan data mengenai dari halaman web mana 25 user terakhir yang mengunjungi situs web Anda.



w.



BetterCounter (http://www.better-counter.com/) - Menyediakan counter sampai 20 halaman dengan pengunjung maksimal 500 perhari. Struktur analisisnya bisa diatur sendiri.



ww



EasyCounter (http://www.easycounter.com/) - Menawarkan beberapa counter sekaligus, seting angka awal counter, melihat counter pada semua halaman secara simultan, fasilitas reset counter untuk penghitungan pengunjung sejak



OKB Club Indonesia – http://www.okbclub.com



213



CashFreeCounters (http://www.cashfree.net/freecounters.html) - Counter gratis dari CashFree



DIGIWEB.COM (http://counter.digiweb.com/main.shtml) - Counter gratis dari Digiweb. Disini Abda bisa mendapatkan lebih dari 100 tipe counter. Informasi yang diperoleh termasuk ukuran layar pengunjung dan negara asal pengunjung. CountZ.com (http://countz.com/) - Counter gratis dengan instalasi mudah dari CountZone



FreeCounter.nu (http://www.freecounter.f2s.com/) - Counter gratis tanpa iklan! Pendaftaran cepat, hanya 1 menit! Site Meter (http://www.sitemeter.com/) - Counter gratis dengan style yang dapat dipilih sendiri. Mereka menyediakan grafik chart yang merepresentasikan jumlah pengunjung, halaman yang dilihat, peta kota dan lain sebagainya dalam modus 3D chart. FreeSiteX (http://freesitex.com/counter.html) - Daftar counter dan tracker gratis dari seluruh jaringan internet!



OKB Club Indonesia – http://www.okbclub.com



214



 harian dan bulanan. Juga statistik yang mendata 20 pengunjung terakhir plus detail dan hostname asalnya. Alamat AddFreeCounter adalah:



FreewareConnection (http://www.freewareconnection.com/counters.html) Daftar index penyedia layanan counter gratis dari 'Freeware Connection'.



http://www.addfreecounter.com/counter5.htm



Berikut adalah cara pendaftaran dan cara pemasangannya kedalam halaman homepage kita:



NorthLINK (http://users.northlink.net/NorthLink/counters.htm) - Counter gratis, terpusat dan otomatis tanpa script apapun. Anda hanya perlu menambahkan sedikit kode dan mengganti nama file data tertentu dan setelah itu Anda akan memiliki counter!



1.



WebmasterFreeManiac (http://www.freemania.net/counter.htm) Menyediakan fasilitas tracking untuk memonitor banyak pengunjung, berapa lama mereka tinggal dan apa yang mereka lakukan! Semuanya gratis! The Museum of Counter Art (http://www.counterart.com/) - The Museum of Counter Art adalah ruang pamer seni untuk berbagai macam tipe angka counter yang digunakan dalam situs-situs web diseluruh dunia.



BC



TheCounter.com (http://www.thecounter.com/) TheCounter.com menyediakan counter gratis plus tracking untuk memonitor jumlah pengunjung, referer-nya, browser yang digunakan, operating sistim yang digunakan dan lain sebagainya.



b.



-



Kunjungi situs AddFreeCounter dengan alamat seperti diatas. Klik link 'Click here to get your own AddFreeCounter account.' Setelah itu pilih tipe angka counter-nya dengan meng-klik salah satu gambar angka counter yang ada disebelah kanan layar (tipe-tipe counter yang dapat dipilih bisa dilihat pada Gambar 6.6). Untuk memilih tipe angka selain yang ada dilayar, klik link 'Next Page' yang ada dibagian bawah layar.



lu



TotallyFREECounters (http://www.onlyfreestuff.com/counters.htm) Layanan Statistik dan Counter gratis dari OnlyFree.



co



m



Freebay (http://www.freebay.com/track.html) – Menyediakan fasilitas counter dan tracker gratis dari Freebay.



OK



WebPageCounters! (http://www.merlet.com/counterlinks.htm) - Koleksi counter dan statistik gratis dari seluruh dunia (lebih dari 130 counter).



Selain situs-situs penyedia counter gratis seperti yang disebutkan diatas, masih ada puluhan ribu lagi yang bisa Anda temukan sendiri dengan Search Engine. Cobalah kunjungi situs pencari seperti http://www.yahoo.com, http://www.altavista.com, http://www.catcha.co.id, http://www.satunet.com atau http://www.astaga.com dan masukkan kata "free counter".



w.



6.1.4 Mendapatkan Counter dari AddFreeCounter



2.



ww



AddFreeCounter adalah salah satu penyedia layanan counter gratis yang menyediakan counter tanpa iklan. Selain itu, ada banyak fitur lain seperti; pendaftarannya cepat dan mudah, tanpa logo pada counter, instalasi di halaman web mudah, ada seting Time Zone, ada fasilitas 'help' untuk setiap tabel, mendukung Y2K, ada statistik prosentasi dan grafik yang memonitor pengunjung OKB Club Indonesia – http://www.okbclub.com



Gambar 6.3: Proses pemilihan tipe/style counter di AddFreeCounter



215



Setelah memilih tipe counter, langkah kedua adalah mengisi form pendaftaran. Isian yang harus Anda isi diantaranya adalah Nama, alamat email (tulis alamat e-mail Anda dengan benar karena kode aktifasinya akan dikirim melalui alamat e-mail ini), kode password yang Anda inginkan untuk meng-kustomisasi counter dilain waktu, nama situs Anda beserta alamat URL-nya, pemilihan zona waktu (pilih Gmt +7 untuk Indonesia) dan nomor OKB Club Indonesia – http://www.okbclub.com



216



 Setelah semua kolom isian terisi dengan baik, klik tombol "Submit".



lu



b.



co



3.



m



awal counter yang Anda inginkan (Anda bisa mengisi berapa saja, maksimal 99999999).



Gambar 6.4: Formulir pendaftaran di AddFreeCounter



w.



OK



Setelah itu akan muncul pemberitahuan bahwa Anda akan segera menerima e-mail yang berisi instruksi dan cara memasang counter kedalam halaman web Anda. Pada titik ini, proses pendaftarannya telah selesai.



ww



4.



BC



Gambar 6.5: Tanda bahwa proses pendaftaran counter selesai dengan baik



OKB Club Indonesia – http://www.okbclub.com



Gambar 6.6: Tipe-tipe style counter yang ditawarkan AddFreeCounter



5.



217



Sekarang bukalah e-mail yang Anda gunakan saat mendaftar. Anda akan menerima surat yang isinya kira-kira seperti berikut:



OKB Club Indonesia – http://www.okbclub.com



218



 m



Hello OKB Club Indonesia



co



Number of your account : 00006864 Your Password : kancil Name of your site : Serba Gratis Homepage Url of your site : http://serba-gratis.tripod.com/ Please add this code on your index page site



To see your stats push the counter button on your site or go to : http://www.addFreeCounter.com/cgi-bin/main.cgi?usr=00006864



8.



BC



OK



Untuk melakukan uji coba counter, bukalah file html Anda dengan browser dalam keadaan internet on-line. Anda akan melihat angka counter tertentu seperti yang Anda set saat mendaftar, misalnya 00001001. Klik tombol "Reload" atau "Refresh" dalam browser dan lihat kembali Angka counternya. Jika sekarang angkanya telah bertambah satu (menjadi 00001002 misalnya), maka counter Anda telah bekerja normal! Anda tinggal mengupload file html tersebut ke server.



w.



7.



Untuk memasang counter dihalaman web Anda, Anda tinggal menambahkan baris-baris yang dicetak tebal diatas kedalam halaman html Anda (misalnya dalam index.htm). Jika ingin cepat, sorot dan blok baris-baris yang dicetak tebal diatas dari dalam e-mail Anda, "Copy" kedalam clip board, (biasanya dengan menekan Ctrl+C) lalu "Paste" kedalam file html Anda (biasanya Ctrl+V). Perhatikan bahwa Anda akan mendapatkan kode sendiri setelah mendaftar, karena itu jangan menggunakan baris-baris html counter yang ada pada contoh diatas!



Setelah counter Anda aktif, Anda akan dapat melihat statistik pengunjung situs web Anda dengan meng-klik gambar counter Anda sendiri. Statistik yang akan ditampilkan adalah berapa banyak pengunjung hari ini, jumlah pengunjung kemarin, jumlah pengunjung bulan ini dan total jumlah pengunjung selama ini. Selain itu Anda juga akan mengetahui asal nama host server dari 20 orang penunjung terakhir situs Anda. Lihat gambar 6.7.



ww



6.



lu



b.



     



OKB Club Indonesia – http://www.okbclub.com



219



Gambar 6.7: Counter Anda sekaligus berfungsi sebagai pencatat statistik pengunjung



6.1.5 Mendapatkan Counter Dari Admo.net



Kali ini kita akan mendaftar untuk mendapatkan counter gratis dari Admo.net. Seperti AddFreeCounter, Admo.net juga menawarkan counter gratis tanpa iklan sama sekali. Kelebihannya adalah bahwa Admo.net menyediakan lebih banyak variasi tipe counter (lihat Gambar 6.13). Berikut adalah proses pendaftaran yang bisa dilakukan untuk mendapatkan counter dari Admo.net: 1.



Kunjungi situs Admo.net (http://admo.net/counter/) dan klik menu "Signup".



2.



Setelah itu akan muncul formulir isian untuk mendaftar. Beberapa kolom yang harus Anda isi adalah Nama, alamat e-mail (harus diisi dengan benar karena kode pengaktifannya akan dikirim melalui alamat e-mail ini), usia, jenis kelamin, alamat homepage Anda dan user name serta password yang Anda inginkan untuk login ke Admo.net. Login diperlukan untuk melakukan seting angka awal, memilih tipe/style counter dan lain sebagainya. Setelah semuanya terisi lengkap dan benar, klik tombol "Register". OKB Club Indonesia – http://www.okbclub.com



220



 lu



b.



co



m



selesai, akan tetapi masih ada satu proses lagi untuk mengaktifkan counternya.



Gambar 6.8: Tampilan Admo.Net Free Counter



w.



OK



BC



4.



ww



Beberapa saat kemudian akan muncul pemberitahuan bahwa Anda telah didaftar dan akan segera menerima e-mail yang berisi link dan kode untuk mengaktifkan counter Anda. Pada titik ini, proses pendaftarannya telah



OKB Club Indonesia – http://www.okbclub.com



Bukalah e-mail yang Anda gunakan saat mendaftar. Anda akan menerima surat dari Admo.net yang isinya kira-kira seperti ini: Thank You, Serba Gratis for registering at Admo.net. Here is the information we recieved : Name Email Age Sex Website Username Password



: : : : : : :



Serba Gratis [email protected] 18 Male http://serba-gratis.tripod.com/ gratis kancil



You need to confirm the account by pointing your browser at : http://admo.net/counter/auth/confirm.php?hash=17a0efjh4 890kj34329386f6hj34j2h3df6f12&username=gratis



Gambar 6.9: Form pendaftaran di Admo.Net



3.



Gambar 6.10: Konfirmasi profile user setelah mendaftar



221



If you did not apply for the account please ignore this message. Please do not respond to this message.



OKB Club Indonesia – http://www.okbclub.com



222



 6.



Seperti yang akan Anda lihat setelah login ke Admo.net, Anda dapat mulai menggunakan counter dengan memasukkan baris-baris seperti dibawah ini kedalam halaman html Anda.



m



Klik link yang ada dibawah teks "You need to confirm the account by pointing your browser at :" didalam e-mail Anda untuk mengaktifkan counter. Setelah itu jendela browser akan terbuka dan muncul pemberitahuan bahwa pendaftaran Anda telah dikonfirmasi dan telah aktif. Klik link berlabel "Login" untuk melihat apa yang harus Anda lakukan untuk menggunakan counter dari Admo.net ini. Didalamnya Anda juga dapat melakukan seting nomor awal counter, memilih tipe/style counter dan lain sebagainya.



co



 



BC



lu



b.



Perhatikan bagian kode "1.cgi?gratis" diatas. Angka 1 adalah kode tipe counter yang diinginkan (lihat Gambar 6.13 untuk melihat semua tipe/style counter yang bisa Anda pilih) dan teks "gratis" adalah nama member Anda di Admo.net. Jika saat mendaftar Anda menggunakan nama Arifin dan Anda ingin menggunakan tipe counter nomor 41, maka Anda harus mengganti baris-baris diatas menjadi seperti ini:



Gambar 6.11: Tanda bahwa keanggotaan Anda di Admo.net telah sah!



 



Peletakan kode bisa dilakukan dimana saja didalam file html Anda, yang penting harus berada diantara tag …. Lakukan uji coba counter dengan membuka file html Anda dengan browser dalam keadaan internet on-line. Anda akan melihat angka counter dalam halaman web Anda menampilkan angka tertentu seperti yang Anda set saat mendaftar, misalnya 00001. Klik tombol "Reload" atau "Refresh" dalam browser Anda dan lihat kembali Angka counter-nya. Jika saat ini angkanya telah bertambah satu (menjadi 00002 misalnya), maka counter Anda telah bekerja normal. Anda tinggal meng-upload file html Anda ke server.



w.



OK



7.



Gambar 6.12: Tampilan setelah Login ke Admo.net



ww



5.



OKB Club Indonesia – http://www.okbclub.com



223



OKB Club Indonesia – http://www.okbclub.com



224



 Masuklah ke bagian 'Add-Ons' dan klik link berlabel 'Guestbook' (http://us.geocities.yahoo.com/gb/).



3.



Klik link berlabel 'Guestbook Setup'. Setelah itu akan ditampilkan form setup guestbook yang berisi delapan langkah setup.



lu



b.



co



m



2.



BC



Gambar 6.13: Admo.net menawarkan lebih banyak tipe/style counter



6.2 MEMASANG GUESTBOOK



OK



Sebagaimana dengan counter, jika Anda kebetulan mendaftar pada situs-situs penyelenggara spasi web gratis yang sekaligus juga menyediakan fasilitas guestbook (buku tamu) seperti Geocities misalnya, maka Anda dapat langsung menggunakannya tanpa perlu mendaftar lagi. Yang perlu Anda lakukan hanyalah melakukan beberapa seting tertentu. Pada sub bab ini kita akan membahas cara mengaktifkan guestbook dari Geocities. Selain itu kita juga akan memburu situssitus penyedia layanan guestbook gratis dari internet, kemudian kita juga akan mencoba mendaftar pada beberapa diantaranya.



w.



6.2.1 Memasang Guestbook di Geocities



1.



ww



Jika Anda memiliki account di Geocities, Anda tidak perlu repot-repot mencari guestbook ditempat lain. Sub bab ini akan menjelaskan pada Anda bagaimana cara mengaktifkan guestbook di Geocities. Berikut adalah cara pengaktifannya langkah demi langkah: Masuklah ke file manager (http://geocities.yahoo.com/home/). OKB Club Indonesia – http://www.okbclub.com



225



4.



Gambar 6.14: Tampilan setup GuestBook di Geocities



Isilah kolom-kolom yang ada sesuai keinginan Anda. Misalnya pada kolom Guestbook name (Step 1), isilah dengan judul buku tamu yang Anda inginkan. Lalu pada kolom Introduction (Step 3), Anda bisa mengisinya dengan komentar pendek tentang buku tamu Anda tersebut. Pada kolom Questions (Step 4), isi kolom-kolom yang ada dengan pertanyaan-pertanyaan yang ingin Anda tampilkan dalam buku tamu, misalnya; "Asal Kota", "Email", "Usia" dll. Anda juga bisa mengganti 3 baris pertanyaan dalam bahasa inggris yang sudah ada sebelumnya ("First Name", "URL" dan "Comment") dengan pertanyaan Anda sendiri (misalnya "Nama", "Alamat homepage" dan "Komentar"). Satu hal yang perlu dicatat adalah bahwa sebaiknya Anda tidak menanyakan sesuatu yang hampir pasti tidak akan diisi oleh pengunjung situs Anda dengan benar, misalnya "Alamat" atau "Nomor Telepon". Percuma khan? Anda juga dapat melakukan seting agar buku tamu Anda mengirim pemberitahuan melalui e-mail jika ada pengunjung yang mengisi buku tamu. Seting bisa dilakukan dengan meng-klik check box berlabel 'Send notification email' pada kolom Options (Step 7). OKB Club Indonesia – http://www.okbclub.com



226



 Setelah itu akan ditampilkan kode-kode html yang diperlukan untuk melakukan link ke pengisian buku tamu dan link untuk melihat isi buku tamu tersebut.



m



6.



member Anda adalah Arifin dan Anda ingin mengganti keterangan link-nya dengan "Isi Buku Tamu" dan "Lihat Buku Tamu", maka kode-kode htmlnya akan menjadi seperti ini :



co



Klik tombol "Preview" untuk melihat tampilan buku tamu Anda. Jika masih ada yang perlu diperbaiki, kembalilah ke jendela setup. Jika sudah puas, klik tombol "Finished".



Gambar 6.15 : Kode html akan dihasilkan setelah selesai setup



BC



lu



b.



5.



"Copy" dan "Paste" kode html tersebut kedalam halaman web yang ingin dipasangi link ke buku tamu. Anda dapat melakukannya menggunakan editor HTML yang ada di Geocities (klik link berlabel 'Go To File Manager') atau menggunakan editor lain dan kemudian baru meng-upload-nya ke Geocities.



8.



Secara default, kode tersebut akan menghasilkan tampilan seperti ini :



OK



7.



Gambar 6.16: Tampilan form isian Buku Tamu dari Geocities



 Isi Buku Tamu  Lihat Buku Tamu



Isi Buku Tamu – Lihat Buku Tamu



Teks 'serba_gratis' yang tampak pada Gambar 6.15 muncul karena penulis menggunakan nama member serba_gratis. Jika Anda menggunakan nama member lain, kode tersebut juga akan lain. Selain itu Anda juga dapat mengganti keterangan link-nya dengan apa saja. Sebagai contoh, jika nama



ww



9.



w.



Sign Guestbook View Guestbook



OKB Club Indonesia – http://www.okbclub.com



227



OKB Club Indonesia – http://www.okbclub.com



228



 m



GlobalGuest (http://globalguest.com/) - Guestbook gratis yang bisa diatur sendiri melalui opsi pemilihan background wallpaper, warna latar belakang, link, musik midi, warna teks, pemberitahuan lewat e-mail dan lain sebagainya.



co



DiamondLife Guestbook! (http://guestbook.diamondlife.net/) - Guestbook profesional gratis selamanya untuk keperluan bisnis maupun personal. ALX Guestbook (http://www.alxbook.com/) - Menyediakan guestbook gratis untuk homepage Anda.



b.



Escati Free Guestbook (http://www.escati.com/guestbook/ free_guestbook.htm) - Penyedia layanan guestbook gratis dari Escati. Free GBook (http://www.freegbook.nu/) - Menyediakan bukutamu gratis tanpa iklan banner! Pendaftaran cukup dilakukan dengan satu klik saja.



6.2.2 Memburu GuestBook Gratis



FreeGuestBooks (http://www.freeguestbooks.com/) - Buku tamu gratis 100% dari FreeGuestBooks.



BC



Sebagaimana dengan counter, jika situs homepage Anda tidak menyediakan guestbook, maka Anda harus mencarinya sendiri di internet. Beberapa tahun yang lalu jumlah penyedia layanan guestbook gratis diseluruh dunia masih bisa dihitung dengan mudah. Akan tetapi jika Anda mencarinya sekarang, Anda akan menemukan ribuan bahkan puluhan ribu situs penyelenggara guestbook gratis dari seluruh dunia!



lu



Da-Book (http://www.da-book.com/index.html) - Menyediakan buku tamu yang bisa mengirim e-mail jika ada pengisi baru. Anda dapat mengganti warna latarbelakang, warna teks dan warna link.



Gambar 6.17: Tampilan Buku Tamu dari Geocities



OK



Untuk mempermudah pencarian Anda, berikut adalah sebagian sangat kecil daftar penyedia layanan guestbook gratis yang ada:



Dreambook (http://www.dreambook.com/) - Menyediakan guestbook gratis untuk keperluan personal yang bisa diatur sendiri.



w.



TheGuestBook.com (http://www.theguestbook.com/) - Guestbook gratis dari TheGuestBook.com Bloke.com (http://guestbook.bloke.com/) - Guestbook gratis dengan teknologi Java. Cara pemasangannya mudah dengan antar-muka yang menarik.



ww



GuestPage.com (http://www.guestpage.com/) - Menyediakan guestbook dengan spasi tak terbatas! Fasilitas yang diberikan termasuk message detection, auto-reply dan lain sebagainya. Anda dapat memilih salah satu dari 20 tampilan yang berbeda. OKB Club Indonesia – http://www.okbclub.com



229



Gbook.nu (http://gbook.nu/) - Buku tamu gratis dari gbook.nu.



MikesWebFreeGuestbook (http://www.web.mikesweb.com/free-stuff/ guestbook/) - Buku tamu gratis dari MikesWeb. Menyediakan utiliti lengkap untuk mengatur guestbook sendiri. Ostry (http://www.ostry.com/solutions/guestbook/) - Buku tamu gratis dari Ostry Internet Solusions.



Free Guestbook (http://guestbook.dkd.ot.lt/) - Guestbook gratis dari Itali. htmlGEAR (http://htmlgear.lycos.com/specs/book.html) - Penyedia layanan buku tamu gratis dan fasilitas on-line lain dari Lycos. GuestBook Depot (http://www.guestbookdepot.com/) - Buku tamu gratis dari Guestbook Depot. Mybook.net (http://www.mybook.net/) - Buku tamu interaktif dari mybook.net. Pendaftarannya cepat, mudah dan gratis! Indonesian Free Guestbook Server (http://www.indoguest.com/) Guestbook Server Gratis dengan berbagai pilihan bahasa, akses cepat dan



OKB Club Indonesia – http://www.okbclub.com



230



 feature yang menarik. Sayangnya, servernya lebih banyak matinya dari pada hidupnya!



m



GuestPoint (http://www.guestpoint.com/) - Menyediakan buku tamu dan counter gratis yang bisa diatur sendiri. Free Center (http://www.freecenter.com/guestbook.html) - Daftar menyedia layanan buku tamu gratis!



Dreambook (http://www.dreambook.com/) - Salah satu penyedia layanan buku tamu gratis yang bebas iklan!



6.2.3 Mendapatkan GuestBook Gratis Dari Admo.net



co



Lpage GuestBook (http://www.lpage.com/) - Buku tamu dari Lpage GuestBook.



Guestcities Guestbooks (http://www.guestcities.com/) - Buku tamu gratis dari GuestCities.



http://admo.net/freegb/



BC



Web-Authoring.com (http://www.websiteresources.net/guestbook/) - Disini Anda akan mendapatkan lebih dari 1000 web development resources gratis, termasuk Perl, CGI, Script, HTML, Java, JavaScript, Design, dan tentu saja Guestbook.



lu



Free-CGI: Guestbook (http://www.fido7.com/free-cgi/guestbook/) Disinilah tempat untuk mendapatkan buku tamu CGI gratis. Anda tidak perlu menyimpan script CGI dalam host, yang perlu Anda lakukan hanyalan menambah satu baris html kedalam halaman web Anda. Anda dapat mengatur font, warna dan banyak lagi yang lain.



Selain counter, Admo.Net juga meyediakan guestbook gratis. Fitur yang ada pada guestbook dari Admo.net adalah; bisa menambah item pertanyaan, bisa menghapus database pengunjung tertentu (ini sangat bermanfaat jika ada pengunjung yang mengisi buku tamu Anda dengan 'sampah!' atau kata-kata tak pantas lainnya), dapat menghapus semua isi buku tamu sekaligus, bisa mengganti warna, ukuran font, tipe font dan judul buku tamu dengan mudah, dapat mengirim e-mail pada semua pengisi buku tamu dan lain sebagainya. Alamat situsnya adalah:



b.



OneCenter.com (http://guest.onecenter.com/) - Buku tamu gratis dari OneCenter.



Berikut adalah cara melakukan pendaftaran di Admo.net untuk mendapatkan guestbook gratis serta cara pengaktifannya : 1.



GuestbooksForFree (http://www.guestbooksforfree.com/) - Buku tamu gratis untuk program afiliasi. Anda akan mendapatkan komisi dengan memberikan buku tamu ini ke orang lain dan mendaftar sebagai pihak afiliasi (buku tamu untuk buku tamu gratis). Anda hanya perlu mengisi formulir dan setelah itu akan menerima kode html untuk mengaktifkan software buku tamu.



Kunjungi situs Admo.net Free GuestBook di alamat diatas. Klik link dengan label 'Get your free guestbook now!'. Isi formulir pendaftaran dengan benar, terutama alamat e-mail-nya karena kode pengaktifan guestbook-nya akan dikirim melalui alamat e-mail ini.



2.



Guestbook4free.com (http://www.guestbook4free.com/guestbook.htm) Buku tamu gratis dari guestbook4free dengan berbagai fasilitas menarik.



Untuk menambah kolom pertanyaan, misalnya 'Asal' atau 'HomePage', isilah kolom "Optional Field 1" s/d "Optional Field 4" dengan judul-judul pertanyaan yang ingin Anda tanyakan. Jika semuanya telah terisi dengan benar, klik tombol "Create My Guestbook!".



3.



Setelah tombol "Create My Guestbook!" diklik, akan muncul ucapan terima kasih dan pemberitahuan bahwa data Anda telah masuk kedalam database Admo.net dan disarankan pada Anda untuk segera membuka e-mail Anda untuk melakukan langkah terakhir untuk mendapatkan guestbook di Admo.net.



OK



Freegbook.nu (http://www.freegbook.nu/) - Buku tamu gratis dari FreeGbook.nu untuk webmaster dan keperluan pribadi. Buku tamu dapat dikonfigurasi sendiri!



w.



-



Free Guestbooks providers (http://www.absolutelyfreebies.com/guestbooks.html) - Daftar penyedia layanan buku tamu gratis. Silahkan pilih yang Anda suka!



ww



NiElS' FREE Guestbook Service (http://guestbook.carota.net/) Menawarkan buku tamu gratis yang bisa di kustomisasi melalui CSS stylesheet. OKB Club Indonesia – http://www.okbclub.com



231



OKB Club Indonesia – http://www.okbclub.com



232



 m



http://admo.net/freegb/cgibin/register.db?action=verify&userid=4567&email=serba_g [email protected]



lu



  
[ Sign My Guestbook]  [ View My Guestbook]
  



OK



BC



Gambar 6.18: Form pendafaran untuk mendapatkan buku tamu di Admo.net



Klik link yang ada didalam e-mail Anda untuk mengaktifkan guestbook. Jendela browser akan terbuka dan muncul pemberitahuan bahwa proses pendaftaran Anda telah selesai dan kini telah aktif. Dibawahnya juga dimuat kode html yang diperlukan untuk memunculkan link ke guestbook Anda (untuk mengisi dan untuk melihat) seperti berikut :



b.



5.



co



Thank You, Adam.



Bukalah e-mail yang Anda gunakan saat mengisi formulir pendaftaran. Anda akan menerima surat yang isinya kira-kira seperti dibawah ini: Thank you for your submission for an Admo.net Free Guestbooks account. To compelete your membership process, please click on the link below:



ww



4.



w.



Gambar 6.19: Proses pendaftaran selesai, tetapi Anda harus mengaktifkannya



OKB Club Indonesia – http://www.okbclub.com



Gambar 6.20: Kode html yang diberikan setelah konfirmasi ke Admo.Net



6.



233



Tambahkan baris-baris html diatas kedalam halaman web Anda pada posisi dimana saja, asal masih berada diantara tag .... Catat OKB Club Indonesia – http://www.okbclub.com



234



 bahwa Anda akan mendapatkan kode sendiri setelah mendaftar, jadi jangan secara langsung menyalin kode html diatas kedalam halaman web Anda (kecuali Anda telah mengganti teks "gratis" pada baris-baris html diatas dengan teks Anda sendiri sesuai isi kolom "Desired Username:" saat mendaftar.



m



htmlGEAR adalah penyedia layanan Add-On gratis yang cukup populer di internet. Situs ini menyediakan berbagai fasilitas Add-On bagus yang bisa digabung kedalam situs web kita. Add-On yang ditawarkan diantaranya adalah guestGEAR (buku tamu), linkGEAR (link manager dan validasi link di homepage), pollGEAR (fasilitas untuk membuat polling pada pengunjung), passit-onGEAR (cara promosi web mudah dari teman ke teman), textGEAR (penampil teks yang selalu berganti saat pengunjug datang) dan feedbackGEAR (mendapatkan feedback tanpa menampilkan alamat e-mail Anda).



co



7.



6.2.4 Mendapatkan GuestBook Gratis dari htmlGEAR



Untuk melakukan uji coba, buka halaman web Anda yang sudah disisipi kode-kode html diatas dengan browser saat internet Anda on-line. Anda akan melihat tambahan tampilan seperti gambar 6.21.



1.



Kunjungi situs htmlGEAR dengan alamat : http://htmlgear.lycos.com/specs/book.html



2.



Klik link 'Sign up Now!'. Setelah itu isi formulir pendaftaran yang ada. Beberapa kolom yang harus diisi diantaranya adalah nama member dan password untuk login ke htmlGEAR, nama Anda, alamat e-mail, tanggal lahir, asal kota dan negara. Setelah semuanya diisi dengan benar, klik tombol "Sign Me Up!".



w.



OK



BC



Cobalah klik link dengan label "View My Guestbook". Maka Anda akan melihat tampilan guestbook yang masih kosong. Sekarang, coba klik link "Sign My Guestbook" dan isi form yang ada. Setelah itu jika Anda mencoba melihat isi guestbook Anda kembali, disana akan ada satu orang yang telah mengisi buku tamu Anda, yaitu Anda sendiri.



Gambar 6.22: Tampilan buku tamu Admo.Net



ww



8.



lu



Gambar 6.21: Tampilan link untuk mengisi dan melihat buku tamu Admo.Net



b.



Pada sub bab ini kita akan mendaftar ke htmlGEAR dan mengaktifkan guestGEAR untuk mendapatkan buku tamu. Berikut adalah langkah-langkah pendaftaran dan cara aktifasinya :



OKB Club Indonesia – http://www.okbclub.com



Gambar 6.23: Tampilan form pendaftaran di htmlGEAR



235



OKB Club Indonesia – http://www.okbclub.com



236



 m



Anda akan masuk ke setup pembuatan buku tamu guestGEAR.



BC



lu



5.



pilihlah Bangkok (GMT +7) karena Indonesia juga menggunakan zona waktu ini. Setelah itu klik tombol "Save & Create".



co



4.



Langkah berikutnya adalah melakukan aktifasi keanggotaan. Pada tahap ini Anda akan diberi tawaran untuk menerima mailing list pemberitahuan jika ada fasilitas baru atau tip & trik dari htmlGEAR, kemudian tawaran apakah Anda ingin memiliki hardisk virtual untuk menyimpan file di driveaway (sekitar 25 MB). Jangan ragu-ragu untuk menghilangkan check box default yang ada jika Anda memang tidak menginginkannya. Selain itu, baca penjelasan mengenai servis yang diberikan htmlGEAR. Setelah selesai, klik tombol "Agree". Anda akan masuk ke Gear Manager yang pada saat ini isinya masih kosong. Klik link 'Add Gear'. Setelah itu akan muncul semua Add-On yang bisa diaktifkan (gambar 6.24). Klik link 'Get Gear' yang ada pada baris guestGEAR (Add-On paling atas).



b.



3.



OK



7.



Gambar 6.25: Tampilan form setup buku tamu guestGEAR



Jika Anda memiliki banyak waktu dan ingin melakukan kustomisasi buku tamu sendiri, pada langkah ke-4 diatas sebaiknya jangan langsung menekan tombol "Save & Create", melainkan gulung tampilan layar kebawah untuk melakukan setup seperlunya, misalnya mengatur warna huruf, tipe huruf, memillih backgound buku tamu, membuat pertanyaan-pertanyaan yang ingin diajukan kepada pengisi buku tamu (ada 10 ruang pertanyaan dengan 8 tipe pertanyaan yang bisa diisi sendiri), mengatur apakah pengisi buku tamu boleh menyisipkan kode html/javascript pada buku tamu atau tidak, membuat teks yang akan dikirim ke e-mail pengunjung, memilih ikon guestGEAR (gambar 6.26) dan lain sebagainya. Setelah itu baru klik tombol "Save & Create" atau klik "Preview" untuk melihat hasil setup sementara sebelum di save.



Gambar 6.24: Fasilitas-fasilitas Add-On yang ditawarkan htmlGEAR



w.



Isilah judul guestbook Anda, alamat homepage-nya (Anda harus menuliskan alamat homepage Anda dengan benar karena akan dipakai untuk mengembalikan link dari buku tamu ke homepage Anda), judul homepage Anda, kategori homepage-nya, alamat e-mail (tulis juga dengan benar karena pemberitahuan jika ada pengunjung baru yang mengisi buku tamu Anda akan dikirim lewat e-mail ini), kemudian pada kolom 'Time Zone',



ww



6.



OKB Club Indonesia – http://www.okbclub.com



237



OKB Club Indonesia – http://www.okbclub.com



238



 m co



Setelah tombol "Create & Save" di klik, browser akan menampilkan kodekode html yang harus Anda masukkan kedalam halaman web Anda seperti dibawah ini:



"Copy" dan "Paste" kode html tersebut kedalam halaman web yang ingin dipasangi link ke buku tamu. Anda dapat mengganti teks penjelasan link-nya ke buku tamu Anda dengan apa saja, misalnya 'View My Guestbook' diganti dengan 'Lihat Buku Tamu' dan 'Sign My Guestbook" diganti dengan 'Isi Buku Tamu'. Catat bahwa Anda tidak bisa langsung menggunakan kode html diatas kecuali mengganti teks 'serba_gratis' pada kode tersebut dengan nama member Anda sendiri. Gunakan editor apa saja untuk melakukan ini dan kemudian upload ke server. Klik tombol "Done" dan kemudian klik "log out" untuk keluar dari htmlGEAR.



OK



9.



Gambar 6.27: Kode yang dihasilkan diakhir setup guestGEAR



BC



   
 View My Guestbook
 Sign My Guestbook 
  
<IFRAME SRC="http://members.bannerindonesia.com/ umum.cgi?iframe;member=serba-gratis" MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=NO WIDTH=468 HEIGHT=60><SCRIPT LANGUAGE="JavaScript">'; banner += ' 
 



co



Setelah itu akan ditampilkan status account Anda saat ini. Didalamnya juga terdapat statistik dan pesan "(Account ini masih menunggu persetujuan pengawas Banner Indonesia.)" yang berarti bahwa meski sudah terdaftar, tetapi account Anda masih belum aktif. Sambil menunggu persetujuan yang akan diberitahukan melalui e-mail, Anda bisa mulai menyalin kode-kode HTML yang harus Anda sisipkan pada halaman web Anda (kode juga akan dikirim melalui e-mail). Kode-kode HTML itu akan tampak seperti berikut (memang agak rumit, tetapi Anda tidak perlu pusing memikirkannya, yang Anda perlukan hanyalah melakukan "Copy & Paste" saja) :



lu



6.



rotasikan ke anggota-anggota yang lain sesuai dengan kredit yang Anda dapatkan.



Selain melakukan "Copy & Paste" untuk menyisipkan kode HTML, Anda juga dapat melakukan upload banner. Gulung layar status account sampai bawah, kemudian klik tombol "Edit Account Anda".



8.



Pada tampilan yang muncul kemudian, gulung layar sampai bawah. Klik tombol "Browse" untuk mencari file banner Anda di HardDisk dan klik "Upload Banner" (gambar 7.11).



9.



Pada titik ini, proses pendaftaran ke BannerIndonesia sudah selesai. Anda tinggal meng-upload halaman web Anda yang telah disisipi kode-kode HTML diatas ke server sehingga sambil menunggu pemberitahuan persetujuan, Anda bisa mulai mengumpulkan kredit. Nanti setelah mendapat persetujuan melalui e-mail, pada saat itu juga banner Anda akan mulai di



ww



w.



7.



OKB Club Indonesia – http://www.okbclub.com



261



Gambar 7.11: Proses upload banner yang ingin dipertukarkan melalui BannerIndonesia.Com



7.5 MEMANFAATKAN SEARCH ENGINE Untuk mendapatkan hit rate pengunjung yang tinggi, semua upaya promosi situs web harus gencar dilakukan. Selain dengan cara-cara yang telah dijelaskan diatas, cara lain yang juga sangat efektif adalah dengan mendaftarkannya ke mesin-mesin pencari (search engine) baik lokal, seperti Search Indonesia (http://www.searchindonesia.com) atau Betawi Net (http://cikini.betawi.net/) maupun internasional seperti yahoo, altavista atau infoseek.



7.5.1 Memburu Search Engine Pada saat buku ini ditulis, di internet diperkirakan ada lebih dari 2500 search engine yang sebagian besar diantaranya mengijinkan kita untuk memasukkan URL baru kedalamnya. Berikut adalah sebagian kecil diantaranya. Jika masih kurang, Anda bisa mengunjungi salah satunya dan memasukkan kata "search engine" sebagai kata kunci pencarian :



OKB Club Indonesia – http://www.okbclub.com



262



 m



b. lu



BC



searchindonesia.com searchindonesia.net



OK



OKB Club Indonesia – http://www.okbclub.com



http://www.nationaldirectory.com/cgi-bin/addurl http://www.nerdworld.com/nwadd.html http://www.erspros.com/net-announce/content.phtml http://www.netbreach.com/addurl/ http://netfind.aol.com/add.adp http://www.netgl.com/netglance/link.html http://198.80.94.66/cgi-bin/search.pl?AddSite=prompt http://www.northernlight.com/docs/regurl_help.html http://www.pandawa.com/arjuna/add.cgi http://www.peekaboo.net/index1.html http://www.projectcool.com/sightings/submit.html http://www.powercrawler.com/addurl.cfm http://www.planetsearch.com/?a=19&flags=3&count=10 http://profusion.com/users/sitesee.html http://www.thrall.org/proteus/urlsub.htm http://www.puresearch.com/addasite.html http://www.scrubtheweb.com/addurl.html http://seaquest.kusza.edu.my/cgi-bin/add.cgi http://www.searchhound.com/Pages/submit.htm http://www.searchking.com/add.htm http://www.searchspot.com/info/suggest_site.htm http://url.searchuk.com/ http://207.153.207.5/cgi-bin/links/add.cgi http://207.153.241.40/cgi-bin/silinks/add.cgi http://www.searching4u.com/links/links.htm http://www.siteshack.com/submit.htm http://www.spiderhog.com/addurl.htm http://www.splatsearch.com/submit.html http://www.ro.com/ShopInternet/submit.html http://supersnooper.com/AddURL.htm http://www.surfgopher.com/addurl.htm http://www.teledom.net/add.shtml http://www.voila.com/Info/addsite.html http://www.websearch2k.com/cgi-bin/search/search.pl http://www.webcrawler.com/Help/GetListed/AddURLS.html http://wmn.linkopp.net/cgi-bin/add.cgi



co



http://www.theadnet.com/ http://www.ah-ha.com/addurl/ http://www.alldeal.com/add_site/ http://www.altavista.com/cgi-bin/query?pg=addurl http://www.arkesini.com/links/links.htm http://www.anzwers.com/cgi-bin/print_addurl.pl? http://search.asiaco.com/cgi-bin/addurl.cgi http://www.asiannet.com/joinus.html http://expatsinasia.safeshopper.com/ http://www.batavianet.co.id/addurl.html http://www.canada.com/search/web/addurl.asp http://exim.access.net.id/irwan/websearch/add-url.html http://www.claymont.com/cgi-bin/addurlsform.pl http://www.crawler.com/ http://www.dewa.com/submit/ http://www.directhit.com/util/addurl.html http://dmoz.org/add.html http://donhey.hypermart.net/algemeen/inschr.htm http://www.euroferret.com/addurl.html http://www.excite.com/info/add_url.html http://users.cgiforme.com/findit/addurl.html http://www.funky-cat.com/webmasters.asp http://www.god.co.uk/add.htm http://www.go.com/AddUrl?&pg=SubmitUrl.html http://www.go2net.com/help/faq/add-url.html http://www.google.com/addurl.html http://www.gottabounce.com/cgi-bin/links/add.cgi http://www.hotbot.com/addurl.asp http://www.indocenter.co.id/add.html http://www.indoseek.co.id/add.html http://www.infotiger.com/addurl.html http://www.infohiway.com/isn/addurl.html http://infoseek.go.com/AddUrl?pg=SubmitUrl.html http://www.lycos.com/addasite.html http://magellan.excite.com/info/add_url/ http://webfarm.mediaplex.com/click_thru_request/206-1306-1227 http://search.msn.com/addurl.asp http://www.mugomilk.freeserve.co.uk/html/addsite.html



w.



Adnet Ah-ha Alldeal AltaVista arkesini Anzwers Asiaco asiannet Asia Search Batavianet canada.com Cihuy Claymont Crawler Dewa Direct Hit DMOZ Donhey Euroferret Excite Findit Funkycat G.O.D Go Go2Net Google GottaBounce HotBot Indo Center Indoseek Info Tiger Infohiway Infoseek Lycos Magellan Mamma MSN.com Mugomilk



ALAMAT UNTUK MENDAFTARKAN URL



ww



SEARCH ENGINE



National Directory Nerd World Net Announce! NetBreach Netfind.aol.com NetGL NetSearch Northern Light Pandawa peekaboo projectcool Power Crawler Planet Search Profusion Proteus PureSearch Scrub The Web Seaquest Search Hound Search King Search Spot Search UK



263



Searching 4U Site@shack Spider Hog Splat ShopInternet Super Snooper Surfgopher Teledom Voila Web2Search WebCrawler Webmaster Network Whatuseek World Light Yahoo Youth of America



http://www.whatuseek.com/noshock/addurl-tableset.shtml http://www.worldlight.com/addsite.html http://www.yahoo.com/info/suggest/ http://youthofamerica.org/webchain/addurl.htm



OKB Club Indonesia – http://www.okbclub.com



264



 Ada beberapa cara untuk melakukan pendaftaran URL ke search engine, misalnya dengan mengunjunginya satu persatu dan melakukan pendaftaran satu persatu. Cara ini memang membutuhkan kesabaran yang lumayan. Untungnya, ada cara lain yang lebih efektif, yaitu dengan mengunjungi situs-situs tertentu yang sekaligus akan mendaftarkan kita pada beberapa search engine sekaligus, seperti Submit-It misalnya. Atau menggunakan fasilitas khusus yang ditawarkan oleh suatu situs tertentu seperti IndoBanner.



- http://www.altavista.digital.com/ - http://comfind.com/ - http://www.excite.com/ - http://www.hotbot.com/ - http://www.infoseek.com/ - http://www.lycos.com/ - http://home.netscape.com/ - http://www.northernlight.com/ - http://www.planetsearch.com/ - http://www.pronet.ca/ - http://theyellowpages.com/



WebCrawler



- http://www.webcrawler.com/



w.



4.



Kunjungi situs Register-It di http://www.register-it.com/. Klik link '!Register-It!' yang berada dibawah label "Services". Anda akan masuk ke tampilan 'Web Site Garage Sign In'. Klik tombol "Join". Setelah itu akan muncul formulir NetCenter Registration. Isilah formulir pendaftaran dengan lengkap dan klik tombol "Next". Jika semua isian Anda benar, Anda akan mendapat alamat e-mail baru dengan alamat [email protected]. Jika ada yang salah Anda harus mengulanginya lagi pada bagian yang salah tersebut.



ww



1. 2. 3.



co b.



Gambar 7.12: Tampilan situs Register-It.Com



OK



Alta Vista ComFind Excite Hotbot Infoseek Lycos Netscape Search Northern Light Planet Search Pronet The YellowPages



BC



Pada sub bab ini, kita akan mencoba mendaftar ke Submit-It, sebuah layanan gratis yang akan mendaftarkan situs homepage kita ke 12 search engine besar sekaligus. Ke-12 situs search engine itu adalah :



lu



Jika Anda mendaftar ke IndoBanner (http://www.indobanner.co.id), Anda akan diberi hak akses ke "website promotion tools" mereka. Dengan tool ini Anda akan dapat mendaftarkan situs web Anda ke search engine/internet directory nasional, mendaftarkan situs web Anda ke search engine/internet directory internasional dan juga dapat memeriksa posisi situs web Anda di search engine utama internet.



6.



Klik tombol "Next". Setelah itu akan muncul tampilan pintu masuk ke Web Site Garage. Karena kita belum terdaftar, klik link berlabel 'Click here' dibelakang teks "If you do not have a Web Site Garage account...". Pada tampilan "A Web Site Garage account for ...... has been created. " Klik tombol "Next". Anda akan masuk ke ruang pendaftaran ke 12 search engine yang sesungguhnya.



m



5.



7.5.2 Mendaftar ke 12 Search Engine Besar di Internet



OKB Club Indonesia – http://www.okbclub.com



265



Gambar 7-13: Form pendaftaran ke 12 Search Engine sekaligus



OKB Club Indonesia – http://www.okbclub.com



266



 Isilah data-data mengenai situs homepage Anda dengan sebaik-baiknya, karena ini akan menentukan hasil pencarian situs Anda saat di 'search' dengan ke 12 search engine diatas. Hal-hal yang perlu Anda perhatikan lebih seksama adalah pada bagian nama situs, keterangan singkat/keterangan panjang, keyword-nya, nama 'contact personnya' dan semua hal yang menjelaskan tentang homepage Anda. Register-It juga menyediakan counter gratis yang mereka sebut Hitometer. Jika Anda berminat, klik check box dibawah kelompok "Special Offer", disamping teks "Click here to get a FREE Hitometer with your Registration". Setelah semuanya diisi dengan benar, klik tombol "Next" dan akan muncul tampilan seperti tampak pada gambar 7.14.



b.



co



m



...............   <script language="JavaScript1.1">=4){x='x';s=screen; c+=s.width+x+s.height+x+s.pixelDepth+x+s.colorDepth;} d.writeln(c+'$'+d.referrer+'">'); // --> <noscript>  ............... ...............  



BC



lu



7.



w.



9.



Jika pada langkah 7 diatas Anda mengklik penawaran Hitometer, maka setelah Anda menekan tombol "Next", akan keluar opsi dimana Anda harus memilih tipe counter dan angka awal counter-nya. Klik tombol "Next", lalu klik tombol "Next" lagi pada tampilan berikutnya. Beberapa saat kemudian akan muncul sederet kode HTML yang harus Anda sisipkan pada halaman web Anda untuk menampilkan counter. Kode-kode itu akan tampak seperti berikut (catat bahwa Anda akan mendapat kode sendiri setelah mendaftar) :   <TITLE> title of your page    ...............



ww



8.



OK



Gambar 7.14: Tampilan setelah pendaftaran di Register-It selesai



OKB Club Indonesia – http://www.okbclub.com



Gambar 7.15: Counter gratis yang disediakan saat mendaftar di Regiser-It



10. Klik "Exit" jika telah selesai. Pada titik ini, proses registrasinya telah selesai. Situs Anda telah didaftarkan pada 12 search engine besar di Internet! Tetapi untuk melihat hasilnya, Anda harus menunggu dari beberapa jam hingga beberapa hari kemudian karena proses pemasukan data ke database search engine besar yang berisi puluhan juta entry memang lama. 11. Setelah beberapa hari, Anda dapat melakukan verifikasi terhadap mesinmesin pencari yang didaftari dengan cara login ke register-it dan masuk ke bagian 'member service'.







267



OKB Club Indonesia – http://www.okbclub.com



268



 m



orang lain, bagaimana memperoleh nama “http://www.terserah_anda.com" gratis dan lain sebagainya.



BAB 8



co



8.1 MEMPERPENDEK ALAMAT SITUS WEB



b.



Beberapa situs penyedia homepage gratis memang menyediakan alamat homepage yang mudah diingat dan unik, misalnya http://ita.sokimut.com atau http://nanang.malasmandi.com. Akan tetapi bagaimana kalau Anda terlanjur memiliki alamat homepage yang sangat panjang seperti "http://www.geocities.com/ResearchTriangle/6018/index.html" misalnya?



lu



Jangan khawatir, Anda bisa memanfaatkan layanan gratis untuk memperpendek penyebutan alamat homepage diatas dengan apa yang disebut URL redirection. Dengan URL redirection, alamat homepage Anda akan menjadi jauh lebih pendek dan mudah diingat misalnya menjadi "http://come.to/serba-gratis" atau "http://gratis.isfun.net". Selain itu, jika sewaktu-waktu homepage Anda down atau lebih parah lagi, keanggotaan Anda dicabut, Anda tinggal mengganti tujuan direction-nya saja ke alamat homepage Anda yang lain. Sehingga dari sisi pengunjung, tidak tampak terjadi apa-apa di homepage Anda!



BC



LANGKAH BONUS: TIP & TRIK - MENGGALI FASILITAS GRATIS DAN PROFIT SEBANYAKBANYAKNYA DARI INTERNET !



domain



Untuk bisa memanfaatkan URL redirection, yang perlu Anda lakukan hanyalah mendaftar disalah satu penyedia layanan redirection dan pada saat itu juga alamat homepage Anda akan bisa diakses dengan cara yang lebih mudah! Pendaftaran ke layanan redirection umumnya sangat mudah dan bisa dilakukan dalam waktu kurang dari 3 menit!



OK



Seiring dengan banyaknya ide dan kreatifitas yang bisa diangkut ke internet, maka hampir semua hal bisa kita arahkan untuk mendapatkan keuntungan darinya. Setelah berhasil menyelesaikan dan mempraktekkan langkah 1 hingga langkah 7 buku panduan ini, sesungguhnya Anda telah menyelesaikan sebuah karya besar yang mungkin bisa merubah hidup Anda. Pengetahuan dan pengalaman yang Anda dapatkan sudah bisa digunakan sebagai modal kerja yang lebih dari cukup. Anda tinggal menumpahkan semua ide dan kreatifitas Anda untuk ikut bergabung mengeruk keuntungan yang berlimpah dari dunia internet.



ww



w.



Bab ini atau langkah bonus ini hanyalah tambahan, tidak harus Anda jadikan kewajiban untuk menyelesaikannya. Akan tetapi jika Anda mau menyempatkan diri untuk membacanya, maka banyak hal akan Anda peroleh sebagai bekal menjadi WebMaster, bukan sekedar WebDesainer! Anda akan mendapatkan banyak trik untuk memberdayakan internet lebih banyak lagi. Misalnya, bagaimana menggunakan situs web untuk mendapatkan uang, bagaimana cara menyingkat alamat situs web gratis Anda, bagaimana menghilangkan iklan banner yang tidak diinginkan, bagaimana memproteksi file html agar tidak bisa dilihat OKB Club Indonesia – http://www.okbclub.com



269



Berikut adalah sebagian penyedia layanan URL redirection yang bisa Anda manfaatkan :



cjb.net (http://www.cjb.net/) – Menyediakan URL redirection dengan nama "http://terserah_anda.cjb.net". CJB.net adalah layanan URL redirection tanpa iklan. Selain CJB.net, situs penyedia URL redirection tanpa iklan lainnya adalah iods (http://www.ods.org/), eu (http://www.eu.org/), hpage (http://hpage.net/), w56 (http://w56.org/) dan da.ru (http://da.ru/) Easy.to Remember (http://easy.to/REMEMBER/) - Menyediakan URL redirection dengan nama "http://easy.to/terserah_anda", "http://i.am/terserah_anda", "http://hello.to/terserah_anda", "http://hey.to/terserah_anda", "http://pagina.de/terserah_anda", "http://w3.to/terserah_anda" dan "http://messages.to/terserah_anda"



OKB Club Indonesia – http://www.okbclub.com



270



 connect.quick.to, connect.just.to, connect.easier.to, connect.across.to, connect.swiftly.to, connect.easily.to, connect.quicker.to, connect.safely.to, connect.securely.to, proceed.quick.to, proceed.just.to, proceed.easier.to, proceed.across.to, proceed.swiftly.to, proceed.easily.to, proceed.quicker.to, proceed.safely.to atau proceed.securely.to



m



Click-on.to (http://click-on.to/) - Menyediakan URL redirection dengan nama "http://click-on.to/terserah_anda"



co



Cruzin.To (http://www.cruzin.to/) – Menyediakan URL redirection dengan nama "http://cruzin.to/terserah_anda serta layanan alamat email dengan nama "[email protected]"



isCool (http://iscool.net/) – Menyediakan URL redirection dengan nama "http://terserah_anda.isCool.net", "http://terserah_anda.areCool.net", "http://terserah_anda.isFun.net", "http://terserah_anda.areFun.net", "http://terserah_anda.isAwesome.net", "http://terserah_anda.tux.nu" atau "http://terserah_anda.areAwesome.net"



Come.to (http://come.to/) – Menyediakan URL redirection dengan nama "http://come.to/terserah_anda"



b.



Direct.at (http://www.direct.at/) – Menyediakan URL redirection dengan nama "http://direct.at/terserah_anda"



Monolith (http://www.ml.org/) - Menyediakan URL redirection dengan nama "http://terserah_anda.home.ml.org"



Gonow.to (http://gonow.to/) - Menyediakan URL redirection dengan nama "http://gonow.to/terserah_anda"



Rsl.net (http://www.rsl.net/) - Menyediakan URL redirection dengan nama "http://rsl.net/terserah_anda" TheGovernment.com (http://www.thegovernment.com/) - Menyediakan URL redirection dengan nama "http://dial.to/terserah_anda" atau "http://terserah_anda.dial.to". Selain itu juga menyediakan statistik situs web lengkap. Selain dial.to, TheGovernment juga menyediakan banyak nama domain lain, yaitu: reflect.to, falling.to, flap.to, okey.to, yeah.to, arise.to, glance.to, dial.to, bike.to, tumble.to, jolt.to, scout.to, leaping.to, honk.to, spank.to, offer.to, movie.am, gifts.am, city.am, sell.am, buy.am, help.am, games.am, welcome.as, born.as, clever.as, lovely.as, brave.as, smooth.as, hip.as, funny.as, cheerful.as, happy.as, playful.as, drive.as, powerful.as, sing.as, jump.as, play.as, noble.as, rap.as, dark.as, cold.as, warm.as, gentle.as, heroic.as, pure.as, blackuniverse.com, crazydude.com, cyberdude.com, darkhole.com, electrocuted.com, fbiagent.com, game-genie.com, lastsale.com, lostland.com, mreinstein.com, mrlover.com, punched.com, stupids.com, taxhater.com, thedreamer.com, thegovernment.com atau thespaceship.com



ww



w.



OK



BC



InternetJump (http://www.internetjump.com/) - Menyediakan URL redirection dengan nama "http://go.quick.to/terserah_anda" dan banyak pilihan lain (ada 126 nama), yaitu go.just.to, go.easier.to, go.across.to, go.swiftly.to, go.easily.to, go.quicker.to, go.safely.to, go.securely.to, jump.quick.to, jump.just.to, jump.easier.to, jump.across.to, jump.swiftly.to, jump.easily.to, jump.quicker.to, jump.safely.to, jump.securely, come.quick.to, come.just.to, come.easier.to, come.across.to, come.swiftly.to, come.easily.to, come.quicker.to, come.safely.to, come.securely.to, surf.quick.to, surf.just.to, surf.easier.to, surf.across.to, surf.swiftly.to, surf.easily.to, surf.quicker.to, surf.safely.to, surf.securely.to, move.quick.to, move.just.to, move.easier.to, move.across.to, move.swiftly.to, move.easily.to, move.quicker.to, move.safely.to, move.securely.to, link.quick.to, link.just.to, link.easier.to, link.across.to, link.swiftly.to, link.easily.to, link.quicker.to, link.safely.to, link.securely.to, pass.quick.to, pass.just.to, pass.easier.to, pass.across.to, pass.swiftly.to, pass.easily.to, pass.quicker.to, pass.safely.to, pass.securely.to, skip.quick.to, skip.just.to, skip.easier.to, skip.across.to, skip.swiftly.to, skip.easily.to, skip.quicker.to, skip.safely.to, skip.securely.to, hop.quick.to, hop.just.to, hop.easier.to, hop.across.to, hop.swiftly.to, hop.easily.to, hop.quicker.to, hop.safely.to, hop.securely.to, zoom.quick.to, zoom.just.to, zoom.easier.to, zoom.across.to, zoom.swiftly.to, zoom.easily.to, zoom.quicker.to, zoom.safely.to, zoom.securely.to, warp.quick.to, warp.just.to, warp.easier.to, warp.across.to, warp.swiftly.to, warp.easily.to, warp.quicker.to, warp.safely.to, warp.securely.to, browse.quick.to, browse.just.to, browse.easier.to, browse.across.to, browse.swiftly.to, browse.easily.to, browse.quicker.to, browse.safely.to, browse.securely.to,



My URL (http://www.online-xs.com/myurl/index.htm) - Menyediakan URL redirection dengan nama "http://terserah_anda.online-xs.com"



lu



Explode.to (http://explode.to/) – Menyediakan URL redirection dengan nama "http://explode.to/terserah_anda"



OKB Club Indonesia – http://www.okbclub.com



271



There.is (http://there.is/) – Menyediakan URL redirection dengan nama "http://there.is/terserah_anda" V3 (http://www.v3.com/) - Menyediakan URL redirection dengan nama "http://go.to/terserah_anda" dan alamat e-mail "[email protected]". Selain itu, Anda juga bisa memilih nama lain seperti on.to, get.to, run.to, fly.to, come.to, move.to, surf.to, welcome.to, page.to, change.to, switch.to, OKB Club Indonesia – http://www.okbclub.com



272



 return.to, way.to, got.to, stop.to, sail.to, escape.to, learn.to, fun.to, remember.to, up.to, thrill.to, resourcez.com, latest-info.com, radpages.com, sportsreports.com, iMegastores.com, andmuchmore.com, web-freebies.com, webdare.com, veryweird.com, tophonors.com, fornovices.com, webalias.com, myprivateidaho.com, moviefever.com, mp3-archives.com. Juga menyediakan redirection untuk situs khusus dewasa seperti hottestpix.com, xxx-posed.com dan uncutuncensored.com



co



m



scroll.to, window.to, browse.to, redirect.to, back.to, forward.to, walk.to, travel.to, transfer.to, connect.to, dive.to, bowl.to, jump.to, drop.to, drive.to, board.to, listen.to, zap.to, fade.to, talk.to, how.to, turn.to, quickly.to, bounce.to, hop.to, kiss.to, zip.to, bite.to, drink.to, crash.to, snap.to, skip.to, fullspeed.to, i.am, easy.to, flying.to, hello.to, hey.to, messages.to, vacations.to, w3.to, warp9.to, beam.at, been.at, start.at, direct.at, all.at, getit.at, more.at, break.at, mine.at, everything.at, yours.at, top.ms, seite.ms, privat.ms, hp.ms, germany.ms, fun.ms, fanclub.ms, chip.ms, gameday.de, playsite.de, virtualpage.de, mediasite.de, megapage.de, firstpage.de, mysite.de, videopage.de, musicpage.de, hard-ware.de, soft-ware.de, tip.nu, notrix.at, notrix.ch, notrix.net, notrix.de, pagina.de, mypage.org, rulestheweb.com, nav.to atau shortcut.to



b.



Zooming.to (http://www.zooming.to/) – Menyediakan URL redirection dengan nama "http://zooming.to/terserah_anda" plus statistik.



8.2 MELENYAPKAN IKLAN DARI SITUS WEB GRATIS



OK



BC



lu



Salah satu hal yang tidak menyenangkan dari sebagian besar penyedia layanan situs web gratis adalah munculnya iklan-iklan yang secara otomatis disisipkan saat homepage kita dibuka. Ini jelas mengganggu, membuat tampilan homepage menjadi kurang profesional dan terutama memperlambat akses. Tidak ada cara lain yang bisa dilakukan untuk melenyapkan iklan-iklan ini kecuali dengan trik khusus.



Trik ini mengharuskan Anda untuk memahami html lebih baik. Karena itu sebaiknya Anda mempelajari langkah ke-3 hingga tuntas. Jika Anda hanya belajar membuat homepage dengan html editor jenis WYSIWYG saja, implementasi trik ini kemungkinan besar akan membuat Anda bingung. Ini terjadi karena trik ini melibatkan kode-kode "tidak normal" yang selalu akan dibuat "normal" kembali secara otomatis oleh editor WYSIWYG (What You See Is What You Get) seperti FrontPage98/2000 atau Adobe PageMill misalnya. Akan tetapi bagi Anda yang terbiasa mendesain homepage menggunakan editor html biasa seperti HomeSite, 1st Page2000 atau bahkan Notepad, implementasi trik ini sangat mudah diterapkan.



w.



Gambar 8.1: Penyedia layanan URL-Redirection V3



8.2.1 Mengapa iklan perlu dilenyapkan? Ada banyak alasan mengapa kita ingin melenyapkan iklan yang biasanya muncul di situs homepage gratis. Berikut adalah beberapa diantaranya:



WebAlias.com (http://webalias.com/) - Menyediakan URL redirection dengan nama "http://browser.to/terserah_anda" atau "http://terserah_anda.browser.to". Selain itu juga ada banyak nama lain seperti



•



ww



VDirect (http://www.vdirect.com/) - Menyediakan URL redirection dengan nama "http://terserah_anda.vdirect.com" plus statistik pengunjung. Selain itu Anda juga akan mendapat alamat e-mail "[email protected]"



OKB Club Indonesia – http://www.okbclub.com



273



Untuk membuat webmaster amatir seperti kita dapat mengendalikan tampilan homepage sepenuhnya.



OKB Club Indonesia – http://www.okbclub.com



274



 •



Kita dan terutama pengunjung situs web kita sudah bosan melihat iklan-iklan yang tidak diminta dan seringkali memaksa kita untuk selalu menutup jendela-jendela pop-up berisi iklan yang tidak ingin kita lihat.



•



Biasanya server gratis sudah lambat tanpa iklan, apalagi dengan iklan!



•



Kita sebagai webmasters yang telah mempublikasikan iklan-iklan mereka tidak mendapat bayaran sesenpun!



NoAds (http://www.firase.com/) – Secara otomatis bisa menutup pop-up dangan daftar pop-up yang diupdate dari Internet. Shareware. KillAd (http://wwwwin.wplus.net/pp/fsc/) – Sebuah utility untuk membersihkan browser dari jendela pop-up iklan. Freeware. Internet Junkbuster (http://www.junkbusters.com/ht/en/) – Adalah sebuah program proxy yang dapat dikonfigurasi untuk memblok iklan. Freeware.



b.



Saat ini di internet ada banyak software yang dapat digunakan untuk memblokir iklan (lihat sub bab setelah ini). Akan tetapi dengan trik menghilangkan iklan yang akan kita bahas dalam sub bab ini, pengunjung situs web tidak membutuhkan software-software seperti itu lagi.



Ad Buster (http://lide.punknet.cz/miri/adbuster.html) – Program freeware untuk memblokir iklan.



Untuk :: Linux/Unix ::



8.2.2 Melenyapkan Iklan Dengan Program Khusus



Adzapper (http://apps.freshmeat.net/homepage/934180466/) – Secara otomatis bisa merubah iklan menjadi .GIF transparan ! Internet Junkbuster (http://www.junkbuster.com/) – Memblok iklan banner yang tidak diinginkan serta melindungi privacy Anda.



BC



Dari sisi user/pengunjung situs web, melenyapkan iklan banner/pop-up hanya bisa dilakukan dengan program khusus pemblokir iklan. Dengan program ini, user tidak akan lagi dipameri iklan-iklan menyebalkan yang tidak ia minta. Tidak perlu lagi menutup jendela-jendela pop-up yang seringkali menutupi homepage aslinya.



lu



•



ZoneAlarm (http://www.zonelabs.com/) – Mengendalikan program apa saja yang bisa digunakan untuk akses internet, sebagai pengaman komputer yang selalu terhubung ke internet. Freeware.



m



Untuk menampilkan iklan kita sendiri yang telah dirampas oleh penyelenggara free webspace.



co



•



Untuk :: Win9x dan NT ::



OK



Dengan program pelenyap iklan banner/pop-up, akses internet Anda bisa menjadi bertambah cepat dan acara surfing Anda menjadi lebih nyaman. Program-program semacam ini bertebaran di internet (asal tahu alamatnya saja) dan bisa di download gratis. Berikut adalah beberapa diantaranya.



Proxomitron (http://proxomitron.cjb.net/) – Mengkonfigurasi mengenai hal apa saja yang bisa Anda terima dari situs web. Freeware.



w.



AdSubtract (http://www.adsubtract.com/) – Program pembongkar iklan. Ada versi freeware dan versi komersial.



ww



WebWasher (http://www.webwasher.de/) – WebWasher adalah sebuah proxy yang mem-blok iklan dengan banyak opsi. Freeware.



OKB Club Indonesia – http://www.okbclub.com



LeanWeb (http://www.clasohm.com/leanweb/) – Proxy membongkar bagian user-defined dari halaman web.



HTTP



untuk



FilterProxy (http://draal.physics.wisc.edu/FilterProxy/) – Pemblokir proxy gratis. Hanya disarankan untuk pemakai tingkat lanjut.



Catatan: Daftar program pemblokir iklan lebih lengkap bisa dilihat di http://semuagratis.cjb.net.



8.2.3 Trik Membongkar iklan Pop-Up Jika dari sisi pengunjung iklan pop-up/banner bisa dilenyapkan dengan program khusus, maka dari sisi webmaster atau pemilik situs homepage, iklan bisa dihilangkan dengan menyusun kode dengan teknik tertentu. Kode-kode ini bisa digunakan untuk memaksa browser mengabaikan iklan pop-up. Teorinya sederhana saja. Iklan pop-up selalu dibuat dengan kode javascript, karena itu jika kita mengelilingi tempat dimana server secara otomatis



275



OKB Club Indonesia – http://www.okbclub.com



276



 atau 



m



menyisipkan kode iklan dengan tag  sebelum pop-up dimunculkan, maka hal ini membuat trik dengan teknik